:root{--bg-color: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--card-bg: #ffffff;--accent-color: #0d6efd;--border-color: #dee2e6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif;--transition-speed: .2s}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition-speed)}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.nav-link{color:var(--text-secondary);font-weight:500;margin-left:1.5rem}.nav-link:hover{color:var(--accent-color)}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.main-content{flex:1;padding:2rem 0}.footer{background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:1.5rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);margin-bottom:3rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem}.tile{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-speed);aspect-ratio:1}.tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.tile-icon{color:var(--accent-color);margin-bottom:1rem}.tile-compact{aspect-ratio:auto;flex-direction:row;padding:1rem 2rem;justify-content:center;gap:1.5rem;height:auto;min-height:80px}.tile-compact .tile-icon{margin-bottom:0;font-size:1.5rem}.tile-compact .tile-title{font-size:1.2rem;margin:0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic}.news-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.news-card-image{height:200px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .news-card-image img{transform:scale(1.05)}.news-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.news-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.1rem;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.news-card-summary{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;flex:1}.news-card-link{font-size:.9rem;font-weight:600;color:var(--accent-color);align-self:flex-start}.news-card-link:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:0 1rem}.page-title{font-size:1.5rem}.tile-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.tile{aspect-ratio:1;flex-direction:column;justify-content:center;text-align:center;padding:1rem}.tile-icon{margin-right:0;margin-bottom:.5rem}.tile h3{font-size:1rem;margin:0}.news-grid{grid-template-columns:1fr;gap:1rem}.news-card-image{height:160px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e1e1e;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000080;color:#fff}.modal-content h2{margin-top:0;margin-bottom:1rem;color:#646cff}.modal-url{font-size:.9rem;color:#aaa;margin-bottom:1.5rem;word-break:break-all}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group select{width:100%;padding:.8rem;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-cancel,.btn-confirm{padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.btn-cancel{background:#444;color:#fff}.btn-cancel:hover{background:#555}.btn-confirm{background:#646cff;color:#fff}.btn-confirm:hover{background:#535bf2}.add-link-bar{display:flex;gap:1rem;max-width:800px;margin:2rem auto;padding:0 1rem}.add-link-input{flex:1;padding:1rem;border-radius:8px;border:1px solid #444;background:#2a2a2a;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.add-link-input:focus{border-color:#646cff}.add-link-button{padding:0 2rem;border-radius:8px;border:none;background:#646cff;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s}.add-link-button:hover{background:#535bf2}@media (max-width: 768px){.add-link-bar{flex-direction:row;gap:.5rem;margin:1rem auto;padding:0 .5rem}.add-link-input{padding:.75rem;font-size:.9rem;min-width:0}.add-link-button{width:auto;padding:0 1rem;font-size:.9rem;white-space:nowrap}}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.settings-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.settings-header h2{margin:0;font-size:1.5rem;color:#333}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:.5rem}.settings-content{padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h3{margin-bottom:.5rem;color:#0d6efd}.settings-desc{font-size:.9rem;color:#666;margin-bottom:1rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.checkbox-item{display:flex;align-items:center;cursor:pointer;font-size:.95rem;-webkit-user-select:none;user-select:none}.checkbox-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#eee;border-radius:50%;margin-right:10px;position:relative;transition:background-color .2s}.checkbox-item:hover input~.checkmark{background-color:#ccc}.checkbox-item input:checked~.checkmark{background-color:#0d6efd}.checkmark:after{content:"";position:absolute;display:none}.checkbox-item input:checked~.checkmark:after{display:block}.checkbox-item .checkmark:after{left:7px;top:3px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.news-card{position:relative}.news-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.action-btn{background:#0009;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s}.action-btn:hover{background:#000c}.edit-btn:hover{color:#646cff}.delete-btn:hover{color:#ff4d4d}