:root{--bg-color: #09090b;--sidebar-bg: rgba(24, 24, 27, .6);--card-bg: rgba(24, 24, 27, .6);--card-hover-bg: rgba(39, 39, 42, .8);--text-main: #fafafa;--text-muted: #a1a1aa;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .5);--glass-backdrop: blur(16px)}:root[data-theme=light]{--bg-color: #f8fafc;--sidebar-bg: rgba(255, 255, 255, .8);--card-bg: rgba(255, 255, 255, .8);--card-hover-bg: rgba(248, 250, 252, .9);--text-main: #0f172a;--text-muted: #64748b;--accent-color: #2563eb;--accent-hover: #1d4ed8;--border-color: rgba(15, 23, 42, .15);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.15) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--sidebar-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border-right:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--glass-shadow);position:sticky;top:0;height:100vh}.sidebar-header{padding:32px 24px}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.subtitle{font-size:.875rem;color:var(--text-muted);font-weight:500}.sidebar-nav{display:flex;flex-direction:column;padding:0 16px;gap:8px}.nav-link{padding:12px 16px;border-radius:8px;font-weight:500;color:var(--text-muted);transition:all .2s ease;position:relative;overflow:hidden}.nav-link:hover{background:#ffffff0d;color:var(--text-main)}.nav-link.active{background:#3b82f61a;color:#60a5fa;border-left:3px solid var(--accent-color);border-top-left-radius:4px;border-bottom-left-radius:4px}.main-content{flex:1;padding:40px;overflow-y:auto}.page-header{margin-bottom:32px}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.page-description{color:var(--text-muted);font-size:1rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.news-card{background:var(--card-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:default}.news-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 40px #0006;background:var(--card-hover-bg)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-source{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#c084fc}.card-date{font-size:.75rem;color:var(--text-muted)}.card-title{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--text-main);display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-summary{font-size:.9rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.card-link{font-size:.875rem;color:var(--accent-color);font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:4px}.card-link:hover{color:var(--text-main)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:#ffffff1a}.btn-danger{background-color:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444}.btn-danger:hover{background-color:#ef44441a;color:#f87171;border-color:#ef4444cc}.badge{padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-published{background-color:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#ffffff0d;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-title{height:24px;width:80%;margin-bottom:12px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.w-full{width:100%}.skeleton-text.w-3\/4{width:75%}.skeleton-text.w-1\/2{width:50%}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent-color);animation:spin 1s ease-in-out infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000bf;animation:modal-enter .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-main)}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#ffffff1a;color:var(--text-main)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.topic-preview{background:#ffffff05;padding:12px 16px;border-radius:8px;font-size:.9rem;color:var(--text-muted);border:1px solid rgba(255,255,255,.05)}.settings-panel{background:#0003;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.settings-panel h4{font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:4px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.75rem;color:var(--text-muted);font-weight:500}.text-input{background:var(--card-bg);border:1px solid var(--border-color);padding:10px 12px;border-radius:6px;color:var(--text-main);font-family:inherit;transition:all .2s;cursor:pointer}.text-input option{background-color:var(--bg-color);color:var(--text-main)}.text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}.result-container{display:flex;flex-direction:column;gap:8px}.result-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:600;color:#10b981}.result-textarea{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:8px;color:var(--text-main);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;min-height:200px}.result-textarea:focus{outline:none;border-color:#ffffff1a}.spin{animation:spin 1s linear infinite}.text-success{color:#10b981}.nav-link{display:flex;align-items:center;gap:10px}.btn-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981;cursor:default}.btn-success:hover{background:#10b98133}.card-published{border-color:#10b98140!important;opacity:.75}.result-section{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.result-section-header{display:flex;justify-content:space-between;align-items:center}.result-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.result-text{font-size:.92rem;line-height:1.6;color:var(--text-main);white-space:pre-wrap}.result-headline{font-size:1.05rem;font-weight:700;color:#60a5fa}.result-body{max-height:260px;overflow-y:auto}.empty-state{padding:60px 24px;text-align:center;color:var(--text-muted);font-size:.95rem}.error-banner{padding:12px 16px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.875rem}.page-wrapper{display:flex;flex-direction:column;gap:0}