@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap);:root{--font-sans:"Outfit","Inter","Segoe UI",system-ui,sans-serif;--bg-body:#f4f7fe;--bg-sidebar:hsla(0,0%,100%,0.7);--bg-card:hsla(0,0%,100%,0.65);--bg-card-hover:hsla(0,0%,100%,0.85);--bg-topbar:hsla(0,0%,100%,0.75);--bg-input:hsla(0,0%,100%,0.8);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-sidebar:#475569;--text-sidebar-active:#4f46e5;--border-color:hsla(0,0%,100%,0.9);--border-sidebar:hsla(0,0%,100%,0.6);--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-soft:rgba(99,102,241,0.12);--accent-success:#10b981;--accent-success-soft:rgba(16,185,129,0.12);--accent-warning:#f59e0b;--accent-warning-soft:rgba(245,158,11,0.12);--accent-danger:#ef4444;--accent-danger-soft:rgba(239,68,68,0.12);--accent-info:#3b82f6;--accent-info-soft:rgba(59,130,246,0.12);--bg-main:transparent;--text-main:#0f172a;--glass-heavy:hsla(0,0%,100%,0.85);--glass-border:hsla(0,0%,100%,0.95);--shadow-sm:0 2px 4px rgba(15,23,42,0.04);--shadow-md:0 10px 25px rgba(99,102,241,0.08);--shadow-lg:0 20px 40px rgba(99,102,241,0.12);--shadow-xl:0 30px 60px rgba(99,102,241,0.15);--shadow-2xl:0 40px 80px rgba(99,102,241,0.2);--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:72px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--transition-spring:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--emotion-joy:#f59e0b;--emotion-joy-soft:rgba(245,158,11,0.15);--emotion-joy-glow:rgba(245,158,11,0.35);--emotion-anger:#ef4444;--emotion-anger-soft:rgba(239,68,68,0.15);--emotion-anger-glow:rgba(239,68,68,0.35);--emotion-sadness:#3b82f6;--emotion-sadness-soft:rgba(59,130,246,0.15);--emotion-sadness-glow:rgba(59,130,246,0.35);--emotion-fear:#8b5cf6;--emotion-fear-soft:rgba(139,92,246,0.15);--emotion-fear-glow:rgba(139,92,246,0.35);--emotion-surprise:#06b6d4;--emotion-surprise-soft:rgba(6,182,212,0.15);--emotion-surprise-glow:rgba(6,182,212,0.35);--emotion-neutral:#64748b;--emotion-neutral-soft:rgba(100,116,139,0.15);--chart-1:#6366f1;--chart-2:#10b981;--chart-3:#f59e0b;--chart-4:#ef4444;--chart-5:#3b82f6;--chart-6:#8b5cf6;--glass-bg:hsla(0,0%,100%,0.7);--glass-bg-strong:hsla(0,0%,100%,0.9);--bookmark-color:#f59e0b;--badge-bg:#ef4444;--badge-text:#fff;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#10b981,#06b6d4);--gradient-warm:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-hero:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#06b6d4)}[data-theme=dark]{--bg-body:#05070e;--bg-main:#05070e;--bg-sidebar:#0a0f1e;--bg-card:#0f172a;--bg-card-hover:#1a2540;--bg-topbar:rgba(10,15,30,0.92);--bg-input:#1e293b;--text-primary:#f1f5f9;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-sidebar:#94a3b8;--text-sidebar-active:#fff;--glass-heavy:rgba(15,23,42,0.88);--glass-border:hsla(0,0%,100%,0.1);--glass-bg:rgba(15,23,42,0.75);--glass-bg-strong:rgba(10,15,30,0.95);--border-color:hsla(0,0%,100%,0.07);--border-sidebar:hsla(0,0%,100%,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.5);--shadow-md:0 4px 20px rgba(0,0,0,0.6);--shadow-lg:0 10px 40px rgba(0,0,0,0.7);--shadow-xl:0 24px 80px rgba(0,0,0,0.8);--shadow-2xl:0 40px 100px rgba(0,0,0,0.9);--accent-primary-soft:rgba(99,102,241,0.18);--accent-success-soft:rgba(16,185,129,0.18);--accent-warning-soft:rgba(245,158,11,0.18);--accent-danger-soft:rgba(239,68,68,0.18);--accent-info-soft:rgba(59,130,246,0.18);--emotion-joy-soft:rgba(245,158,11,0.2);--emotion-anger-soft:rgba(239,68,68,0.2);--emotion-sadness-soft:rgba(59,130,246,0.2);--emotion-fear-soft:rgba(139,92,246,0.2);--emotion-surprise-soft:rgba(6,182,212,0.2);--emotion-neutral-soft:rgba(100,116,139,0.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,Inter,Segoe UI,system-ui,sans-serif;font-family:var(--font-sans);background:#f4f7fe;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .35s ease,color .35s ease}::-webkit-scrollbar{width:5px;height:5px}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.animate-fade-in{-webkit-animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border-color) 50%,var(--bg-input) 75%);background-size:600px 100%;border-radius:var(--radius-sm)}.skeleton,[data-theme=dark] .skeleton{-webkit-animation:shimmer 1.4s ease-in-out infinite;animation:shimmer 1.4s ease-in-out infinite}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#2d3f5c 50%,#1e293b 75%);background-size:600px 100%}.btn-primary{display:inline-flex;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);font-family:var(--font-sans);font-size:.875rem;font-weight:700;transition:var(--transition);box-shadow:0 4px 14px rgba(99,102,241,.35);letter-spacing:.01em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.45)}.btn-primary:active{transform:translateY(0)}.btn-full{width:100%;justify-content:center}.filter-chip{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.45rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-soft)}.filter-chip.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.table-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.articles-table tbody tr{transition:background .2s ease}.table-views{grid-gap:.4rem;gap:.4rem;white-space:nowrap}.table-cat{padding:.25rem .7rem;font-weight:700}.glass-effect{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.premium-shadow{box-shadow:0 10px 30px -10px rgba(0,0,0,.12),0 4px 6px -2px rgba(0,0,0,.06)}.img-hover-zoom:hover img{transform:scale(1.08)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--badge-bg);color:var(--badge-text);font-size:.65rem;font-weight:800;border-radius:999px;line-height:1}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-body);color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.author-tag{display:inline-block;font-size:.6rem;color:#fff;background:var(--accent-primary);padding:.25rem .6rem;border-radius:100px;letter-spacing:.1em;vertical-align:middle;margin-left:.4rem}.animate-fade-in{-webkit-animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chart-card__tag{font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.3rem .75rem;border-radius:var(--radius-full);text-transform:uppercase}.chart-card__tag--primary{background:var(--accent-primary-soft);color:var(--accent-primary)}.chart-card__tag--success{background:var(--accent-success-soft);color:var(--accent-success)}.chart-card__tag--warning{background:var(--accent-warning-soft);color:var(--accent-warning)}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm)}.table-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.table-card__header h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.articles-table{width:100%;border-collapse:collapse;font-size:.875rem}.articles-table th{text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.articles-table td,.articles-table th{padding:.875rem 1rem;border-bottom:1px solid var(--border-color)}.articles-table td{color:var(--text-secondary);vertical-align:middle}.articles-table tr:last-child td{border-bottom:none}.articles-table tbody tr:hover td{background:var(--bg-input)}.table-rank{font-weight:700;color:var(--text-muted)}.table-title{font-weight:500;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-date{white-space:nowrap;font-size:.8125rem}.table-cat{background:var(--accent-primary-soft);color:var(--accent-primary);padding:.2rem .625rem;font-weight:600}.table-cat,.table-status{border-radius:var(--radius-full);font-size:.72rem;white-space:nowrap}.table-status{padding:.25rem .75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.table-status--published{background:var(--accent-success-soft);color:var(--accent-success)}.table-status--draft{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-color)}.table-status--unpublished{background:var(--accent-danger-soft);color:var(--accent-danger)}.glass-effect{background:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.3)}[data-theme=dark] .glass-effect{background:rgba(17,24,39,.7);border:1px solid hsla(0,0%,100%,.08)}.premium-shadow{box-shadow:0 10px 30px -10px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.img-hover-zoom{overflow:hidden}.img-hover-zoom img{transition:transform .5s ease}.img-hover-zoom:hover img{transform:scale(1.1)}@media (max-width:1024px){.table-card{padding:1.25rem}}@media (max-width:768px){.articles-table td,.articles-table th{padding:.75rem .5rem}.table-title{max-width:180px;font-size:.8125rem}}@media (max-width:480px){.table-card{padding:1rem .5rem;border-radius:var(--radius-md)}.table-card__header{padding:0 .5rem}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:200;overflow:visible}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__brand{display:flex;align-items:center;padding:1.5rem 1.25rem;grid-gap:1rem;gap:1rem;min-height:var(--topbar-height);position:relative;border-right:none}.sidebar__brand-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;box-shadow:0 4px 12px rgba(0,0,0,.15)}.sidebar__brand-text{display:flex;flex-direction:column;overflow:hidden;transition:opacity .3s ease}.sidebar--collapsed .sidebar__brand-text{opacity:0;pointer-events:none}.sidebar__brand-name{font-size:1.125rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap}.sidebar__brand-tag{font-size:.65rem;color:var(--text-sidebar);text-transform:uppercase;letter-spacing:.15em;font-weight:700;opacity:.7}.sidebar__collapse-btn{position:absolute;right:-14px;width:28px;height:28px;background:var(--accent-primary);border:2px solid var(--bg-sidebar);border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:210;transition:all .3s ease}.sidebar__collapse-btn:hover{background:var(--accent-primary-hover);transform:scale(1.1)}.sidebar__section-label{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:var(--text-sidebar);padding:1.75rem 1.5rem .75rem;text-transform:uppercase;opacity:.5}.sidebar--collapsed .sidebar__section-label{opacity:0}.sidebar__nav{flex:1 1;padding:.75rem;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;overflow-y:auto;overflow-x:hidden}.sidebar__nav::-webkit-scrollbar{width:0}.sidebar__link{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-sidebar);text-decoration:none;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar__link:hover{background:rgba(59,130,246,.1);color:#3b82f6;transform:translateX(4px)}.sidebar__link--active{background:linear-gradient(90deg,var(--accent-primary),var(--accent-primary-hover))!important;color:#fff!important;box-shadow:0 8px 16px -4px rgba(99,102,241,.4)}.sidebar__link-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;transition:transform .3s ease}.sidebar__link:hover .sidebar__link-icon{transform:scale(1.1)}.sidebar__footer{padding:1.25rem .75rem;border-top:1px solid var(--border-sidebar)}.sidebar__logout{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-sidebar);cursor:pointer;font-size:.9375rem;font-weight:600;width:100%;transition:all .3s ease;white-space:nowrap}.sidebar__logout:hover{background:var(--accent-danger-soft);color:var(--accent-danger)}.sidebar--collapsed .sidebar__nav{padding:.75rem .5rem}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__logout{padding:.75rem;justify-content:center}.sidebar--collapsed .sidebar__footer{padding:.875rem .5rem}.sidebar--collapsed .sidebar__brand{padding:1.25rem .75rem;justify-content:center}@media (max-width:768px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar__brand-text,.sidebar__link-label,.sidebar__section-label,.sidebar__version{display:none}.sidebar__link,.sidebar__logout{justify-content:center;padding:.75rem}.sidebar__collapse-btn{display:none}}.topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-topbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .topbar{background:rgba(10,15,30,.7)}.topbar--sidebar-collapsed{left:var(--sidebar-collapsed-width)}.topbar__left{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem}.topbar__menu-btn{display:none;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:12px;width:44px;height:44px;font-size:1.5rem;cursor:pointer;align-items:center;justify-content:center;transition:all .3s}.topbar__menu-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-soft)}.topbar__title{font-size:1.25rem;font-weight:900;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.topbar__date{font-size:.7rem;color:var(--text-muted);font-weight:700;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.topbar__right{display:flex;align-items:center;grid-gap:1.25rem;gap:1.25rem}.topbar__action-btn{width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:1.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.topbar__action-btn:hover{transform:translateY(-2px);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 8px 16px rgba(0,0,0,.08)}.topbar__avatar{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.25rem 1rem .25rem .25rem;background:var(--bg-input);border:1px solid transparent;border-radius:100px;cursor:pointer;transition:all .3s}.topbar__avatar:hover{background:var(--bg-card);border-color:var(--accent-primary)}.topbar__avatar>span:first-child{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9375rem}.topbar__avatar-name{font-size:.8125rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}@media (max-width:1024px){.topbar{padding:0 1.5rem}}@media (max-width:768px){.topbar{left:0!important;padding:0 1rem}.topbar__menu-btn{display:flex}.topbar__avatar-info,.topbar__date{display:none}.topbar__title{font-size:1.1rem}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dashboard-main{flex:1 1;margin-left:var(--sidebar-width);transition:all .4s cubic-bezier(.4,0,.2,1);min-width:0;display:flex;flex-direction:column}.dashboard-main--collapsed{margin-left:var(--sidebar-collapsed-width)}.dashboard-content{margin-top:var(--topbar-height);padding:2.5rem;min-height:calc(100vh - var(--topbar-height));background:var(--bg-body);transition:background .3s ease;width:100%}@media (max-width:1024px){.dashboard-content{padding:1.5rem}}@media (max-width:768px){.dashboard-main{margin-left:0!important}.dashboard-content{padding:1.25rem 1rem;margin-top:var(--topbar-height)}}.dashboard-mesh-bg{position:fixed;inset:0;z-index:-1;background-color:var(--bg-body);background-image:radial-gradient(at 0 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 100% 0,rgba(16,185,129,.1) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(245,158,11,.1) 0,transparent 50%),radial-gradient(at 0 100%,rgba(6,182,212,.15) 0,transparent 50%);pointer-events:none}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;position:relative;overflow:hidden;background:url(/login-bg.png) 50%/cover no-repeat;padding:1.5rem}.login-container:before{content:"";position:absolute;inset:0;background:rgba(4,8,18,.45);z-index:0}.login-container:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% 15%,rgba(99,102,241,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(6,182,212,.08) 0,transparent 50%);z-index:0;pointer-events:none}.login-box{background:hsla(0,0%,100%,.06);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:2.5rem;border-radius:24px;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.12);text-align:center;width:100%;max-width:380px;position:relative;z-index:1}.login-logo{margin-bottom:1.25rem}.login-logo-img{width:56px;height:56px;border-radius:16px;box-shadow:0 10px 25px rgba(99,102,241,.5);-webkit-animation:logo-float 4s ease-in-out infinite;animation:logo-float 4s ease-in-out infinite}@-webkit-keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-title{font-size:1.75rem;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin-bottom:.4rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}.login-subtitle{font-size:.85rem;color:hsla(0,0%,100%,.45);font-weight:500;margin-bottom:1.75rem;line-height:1.5}.login-form{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem}.input-group{text-align:left}.input-group label{display:block;font-size:.7rem;font-weight:800;color:hsla(0,0%,100%,.38);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.12em}.input-field{width:100%;padding:.75rem 1rem;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-size:.875rem;outline:none;background:hsla(0,0%,100%,.05);color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans);font-weight:500}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #0b0f1a inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-field::-webkit-input-placeholder{color:hsla(0,0%,100%,.18)}.input-field:-ms-input-placeholder{color:hsla(0,0%,100%,.18)}.input-field::-ms-input-placeholder{color:hsla(0,0%,100%,.18)}.input-field::placeholder{color:hsla(0,0%,100%,.18)}.input-field:focus{background:hsla(0,0%,100%,.09);border-color:rgba(99,102,241,.65);box-shadow:0 0 0 3px rgba(99,102,241,.18);transform:translateY(-1px)}.login-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;font-size:.9375rem;font-weight:800;color:#fff;cursor:pointer;margin-top:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(99,102,241,.45);font-family:var(--font-sans);letter-spacing:.03em}.login-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(99,102,241,.6);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.login-button:active{transform:translateY(0)}.register-link{margin-top:1.5rem;color:hsla(0,0%,100%,.35);font-size:.8125rem;font-weight:500}.register-link a{color:#818cf8;font-weight:700;margin-left:.35rem;text-decoration:none;transition:color .2s}.register-link a:hover{color:#a5b4fc;text-decoration:underline}.branding-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.06)}.author-tag{font-size:.65rem;font-weight:800;color:hsla(0,0%,100%,.18);letter-spacing:.2em;text-transform:uppercase}@media (max-width:480px){.login-box{padding:2.5rem 1.5rem;border-radius:24px}.login-title{font-size:1.875rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;position:relative;overflow:hidden;background:url(/login-bg.png) 50%/cover no-repeat;padding:1.5rem}.register-container:after,.register-container:before{content:"";position:absolute;border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);opacity:.3;pointer-events:none}.register-container:before{background:rgba(5,7,14,.35)}.register-container:after,.register-container:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.register-container:after{background:radial-gradient(ellipse at 20% 10%,rgba(16,185,129,.1) 0,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(6,182,212,.1) 0,transparent 50%)}.register-box{background:hsla(0,0%,100%,.08);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:2.5rem;border-radius:24px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.15);text-align:center;width:100%;max-width:380px;position:relative;z-index:1}.register-logo{margin-bottom:1.25rem}.register-logo-img{width:56px;height:56px;border-radius:16px;box-shadow:0 10px 25px rgba(99,102,241,.5);-webkit-animation:logo-float 4s ease-in-out infinite;animation:logo-float 4s ease-in-out infinite}.register-title{font-size:1.75rem;color:#fff;font-weight:900;margin-bottom:.4rem;letter-spacing:-.04em;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.4)}.register-subtitle{color:hsla(0,0%,100%,.65);font-size:.85rem;margin-bottom:1.75rem;font-weight:500}.register-form{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem}.register-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;font-size:.9375rem;font-weight:800;color:#fff;cursor:pointer;margin-top:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px rgba(99,102,241,.45);font-family:var(--font-sans);letter-spacing:.03em}.register-button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(99,102,241,.6);-webkit-filter:brightness(1.1);filter:brightness(1.1)}.register-button:active{transform:translateY(0)}.login-link{margin-top:1.5rem;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.login-link a{color:var(--accent-primary);font-weight:700;margin-left:.4rem;text-decoration:none;transition:var(--transition)}.login-link a:hover{color:var(--accent-primary-hover);text-decoration:underline}@media (max-width:480px){.register-box{padding:2.5rem 1.5rem;border-radius:var(--radius-lg)}.register-title{font-size:1.875rem}}.overview-page{min-height:calc(100vh - var(--topbar-height));padding:2rem;background:radial-gradient(ellipse at top,rgba(99,102,241,.06),transparent 70%),radial-gradient(ellipse at bottom,rgba(6,182,212,.04),transparent 70%),var(--bg-main)}.welcome-container{max-width:1100px;margin:0 auto;width:100%}.welcome-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.welcome-header__left{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem}.welcome-header__greeting{font-size:.8125rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.welcome-title{font-size:2.75rem;font-weight:900;letter-spacing:-.05em;color:var(--text-primary);line-height:1.1;margin:0}.welcome-title__gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:1rem;color:var(--text-secondary);max-width:460px;line-height:1.6;margin:0}.welcome-header__right{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding-top:.5rem}.welcome-header__badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;background:var(--accent-success-soft);color:var(--accent-success);border:1px solid rgba(16,185,129,.25);border-radius:999px;font-size:.78rem;font-weight:700}.badge-dot{width:8px;height:8px;background:var(--accent-success);border-radius:50%;display:inline-block;-webkit-animation:dot-pulse 2s ease-in-out infinite;animation:dot-pulse 2s ease-in-out infinite}@-webkit-keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;align-items:center;grid-gap:.4rem;gap:.4rem;text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.stat-card__icon,.stat-card__value{font-size:1.5rem;line-height:1}.stat-card__value{font-weight:900;letter-spacing:-.03em}.stat-card__label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.action-card{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;outline:none;text-align:left}.action-card:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.06),transparent);transition:opacity .3s ease}.action-card:hover:before{opacity:1}.action-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.action-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.action-card__tag{position:absolute;top:1.25rem;right:1.25rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:999px}.tag-primary{background:var(--accent-primary-soft);color:var(--accent-primary)}.tag-success{background:var(--accent-success-soft);color:var(--accent-success)}.tag-warning{background:var(--accent-warning-soft);color:var(--accent-warning)}.tag-info{background:var(--accent-info-soft);color:var(--accent-info)}.action-card__icon{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.action-card:hover .action-card__icon{transform:scale(1.12) rotate(-5deg)}.icon-en{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px rgba(99,102,241,.35)}.icon-ta{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 8px 20px rgba(16,185,129,.35)}.icon-bm{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 8px 20px rgba(245,158,11,.35)}.icon-art{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 20px rgba(59,130,246,.35)}.action-card__content{display:flex;flex-direction:column;grid-gap:.625rem;gap:.625rem;flex:1 1}.action-card__content h3{font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.action-card__content p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.action-card__features{list-style:none;padding:0;margin:.25rem 0;display:flex;flex-direction:column;grid-gap:.3rem;gap:.3rem}.action-card__features li{font-size:.78rem;color:var(--text-muted);font-weight:600;display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.action-card__features li span{color:var(--accent-success);font-weight:800}.action-card__footer{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color);color:var(--accent-primary);font-size:.875rem;font-weight:700;transition:gap .2s ease}.action-card:hover .action-card__footer{grid-gap:.75rem;gap:.75rem}.action-card__footer svg{font-size:1.1rem}@media (max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.selection-grid{grid-template-columns:1fr}.welcome-title{font-size:2rem}}@media (max-width:600px){.overview-page{padding:1rem}.stats-row{grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.action-card{padding:1.5rem}.welcome-title{font-size:1.6rem}.welcome-header{flex-direction:column}.welcome-header__right{display:none}}.articles-page{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;padding-bottom:2rem}.articles-page__header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.articles-page__header h2{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.articles-page__header p{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem}.btn-primary{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;padding:.8rem 1.75rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px -6px rgba(99,102,241,.5)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px -8px rgba(99,102,241,.6)}.btn-primary:active{transform:translateY(0) scale(.98)}.articles-filters{display:flex;align-items:center;grid-gap:1.25rem;gap:1.25rem;flex-wrap:wrap;background:var(--bg-card);padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.filter-search{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);padding:.75rem 1.25rem;font-size:1.25rem;color:var(--text-muted);flex:1 1;min-width:280px;transition:var(--transition)}.filter-search:focus-within{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.filter-search input{border:none;background:transparent;outline:none;font-size:.9375rem;color:var(--text-primary);width:100%;font-weight:500}.filter-search input::-webkit-input-placeholder{color:var(--text-muted);font-weight:400}.filter-search input:-ms-input-placeholder{color:var(--text-muted);font-weight:400}.filter-search input::-ms-input-placeholder{color:var(--text-muted);font-weight:400}.filter-search input::placeholder{color:var(--text-muted);font-weight:400}.filter-group{display:flex;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem 1.125rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-soft)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 12px -4px rgba(99,102,241,.4)}.filter-sort{display:flex;align-items:center;grid-gap:.625rem;gap:.625rem;font-size:1.25rem;color:var(--text-muted);background:var(--bg-input);border:1px solid transparent;border-radius:var(--radius-md);padding:.6rem 1rem;transition:var(--transition)}.filter-sort:hover{background:var(--border-color)}.filter-sort select{background:transparent;border:none;outline:none;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer}.table-card{overflow:hidden;transition:var(--transition)}.table-card:hover{box-shadow:var(--shadow-md)}.article-title-cell{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.article-thumbnail{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}tr:hover .article-thumbnail{transform:scale(1.1)}.table-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-width:400px}.table-views{display:flex;align-items:center;grid-gap:.375rem;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.table-views svg{font-size:1.1rem;color:var(--text-muted)}.action-btns{display:flex;grid-gap:.5rem;gap:.5rem}.action-btn{width:36px;height:36px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-secondary)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.action-btn--edit:hover{border-color:var(--accent-info);color:var(--accent-info);background:var(--accent-info-soft)}.action-btn--publish:hover{border-color:var(--accent-success);color:var(--accent-success);background:var(--accent-success-soft)}.action-btn--delete:hover{border-color:var(--accent-danger);color:var(--accent-danger);background:var(--accent-danger-soft)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch}.articles-table--full{min-width:850px}@media (max-width:1024px){.articles-filters{flex-direction:column;align-items:stretch}.filter-search{width:100%;min-width:0}.filter-group{justify-content:center}}@media (max-width:768px){.articles-page__header{flex-direction:column;align-items:flex-start;grid-gap:1.25rem;gap:1.25rem}.articles-page__header .btn-primary{width:100%;justify-content:center}.filter-group{display:flex;overflow-x:auto;padding-bottom:.5rem;width:100%;justify-content:flex-start}.filter-btn{white-space:nowrap}.table-title{max-width:200px}}@media (max-width:480px){.articles-page__header h2{font-size:1.5rem}.articles-filters{padding:.75rem}}.articles-table tbody tr{transition:all .2s ease}.articles-table tbody tr:hover{background:var(--accent-primary-soft)}.articles-table tbody tr:hover .table-title{color:var(--accent-primary)}.articles-page{-webkit-animation:page-enter .4s ease-out both;animation:page-enter .4s ease-out both}@-webkit-keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status-badge--published{background:var(--accent-success-soft);color:var(--accent-success)}.status-badge--draft{background:var(--accent-warning-soft);color:var(--accent-warning)}.status-badge--unpublished{background:var(--bg-input);color:var(--text-muted)}.emotion-bars{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;width:100%;padding:.25rem 0}.emotion-bars--compact{grid-gap:.35rem;gap:.35rem}.emotion-bar-row{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.emotion-bar-row--dominant .emotion-bar-fill{box-shadow:0 0 10px currentColor}.emotion-bar-row--dominant .emotion-bar-label .emotion-bar-name{font-weight:800;color:var(--text-primary)}.emotion-bar-row--dominant .emotion-bar-label .emotion-bar-pct{font-weight:800}.emotion-bar-label{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;font-size:.78rem}.emotion-bars--compact .emotion-bar-label{font-size:.72rem;grid-gap:.3rem;gap:.3rem}.emotion-bar-emoji{font-size:.85rem;line-height:1}.emotion-bars--compact .emotion-bar-emoji{font-size:.75rem}.emotion-bar-name{color:var(--text-secondary);font-weight:500;flex:1 1}.emotion-bar-pct{color:var(--text-muted);font-weight:700;font-size:.75rem;margin-left:auto;min-width:2.5rem;text-align:right}.emotion-bars--compact .emotion-bar-pct{font-size:.68rem;min-width:2rem}.emotion-bar-track{width:100%;height:6px;background:var(--bg-input);border-radius:999px;overflow:hidden}.emotion-bars--compact .emotion-bar-track{height:4px}.emotion-bar-fill{height:100%;border-radius:999px;width:0;transition:width .7s cubic-bezier(.34,1.56,.64,1);will-change:width}.emotion-bar-row--dominant .emotion-bar-track{background:var(--border-color)}.bm-page{width:100%;min-height:calc(100vh - var(--topbar-height));padding:0 0 5rem}.bm-page__header{justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap}.bm-page__header,.bm-page__header-left{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.bm-page__icon{width:52px;height:52px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;box-shadow:0 8px 20px rgba(245,158,11,.35);flex-shrink:0}.bm-page__title{font-size:1.75rem;font-weight:900;color:var(--text-primary);letter-spacing:-.04em;line-height:1}.bm-page__subtitle{font-size:.82rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.bm-clear-btn{display:inline-flex;align-items:center;grid-gap:.4rem;gap:.4rem;padding:.625rem 1.25rem;background:var(--accent-danger-soft);color:var(--accent-danger);border:1px solid var(--accent-danger-soft);border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition)}.bm-clear-btn:hover{background:var(--accent-danger);color:#fff;transform:translateY(-2px)}.bm-search{margin-bottom:1.5rem}.bm-search__input{width:100%;max-width:480px;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);outline:none;transition:var(--transition)}.bm-search__input::-webkit-input-placeholder{color:var(--text-muted)}.bm-search__input:-ms-input-placeholder{color:var(--text-muted)}.bm-search__input::-ms-input-placeholder{color:var(--text-muted)}.bm-search__input::placeholder{color:var(--text-muted)}.bm-search__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.bm-result-count{font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:1rem}.bm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem}.bm-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.bm-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--bookmark-color)}.bm-card__img{width:100%;height:160px;overflow:hidden;flex-shrink:0}.bm-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.bm-card:hover .bm-card__img img{transform:scale(1.05)}.bm-card__body{padding:1.25rem;display:flex;flex-direction:column;flex:1 1;grid-gap:.625rem;gap:.625rem}.bm-card__meta{display:flex;align-items:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem}.bm-card__source{font-weight:700;color:var(--accent-primary);background:var(--accent-primary-soft);padding:.2rem .6rem;border-radius:999px;overflow:hidden;text-overflow:ellipsis;max-width:60%}.bm-card__date,.bm-card__source{font-size:.7rem;white-space:nowrap}.bm-card__date{color:var(--text-muted);font-weight:500}.bm-card__title{font-size:.9375rem;font-weight:700;color:var(--text-primary);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.bm-card__title:hover{color:var(--accent-primary)}.bm-card__desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bm-card__emotions{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.25rem}.bm-card__actions{display:flex;grid-gap:.625rem;gap:.625rem;margin-top:auto;padding-top:.5rem}.bm-btn{display:inline-flex;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition);text-decoration:none;border:none;font-family:var(--font-sans)}.bm-btn--read{background:var(--accent-primary-soft);color:var(--accent-primary);flex:1 1;justify-content:center}.bm-btn--read:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.bm-btn--remove{background:var(--accent-danger-soft);color:var(--accent-danger)}.bm-btn--remove:hover{background:var(--accent-danger);color:#fff;transform:translateY(-1px)}.bm-empty{flex-direction:column;text-align:center;padding:5rem 2rem;grid-gap:1.25rem;gap:1.25rem}.bm-empty,.bm-empty__icon{display:flex;align-items:center;justify-content:center}.bm-empty__icon{font-size:4rem;color:var(--text-muted);width:80px;height:80px;background:var(--bg-input);border-radius:var(--radius-xl);margin-bottom:.5rem}.bm-empty__title{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.bm-empty__text{font-size:.9rem;color:var(--text-secondary);max-width:420px;line-height:1.6}@media (max-width:768px){.bm-grid{grid-template-columns:1fr}.bm-page__title{font-size:1.4rem}}@media (max-width:480px){.bm-card__actions{flex-direction:column}.bm-btn--read{flex:none}}.button{padding:1rem 2.5rem;border-radius:18px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff;color:var(--text-main);border:1px solid var(--glass-border);font-family:inherit;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;grid-gap:.75rem;gap:.75rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;z-index:1}.button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .3s;z-index:-1}.button:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.button:hover:after{opacity:1}.button:active{transform:translateY(-1px)}.button--primary{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 10px 25px var(--primary-glow)}.button--primary:hover{background:#1d4ed8;box-shadow:0 15px 35px var(--primary-glow)}.button--secondary{background:var(--glass-bg);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button--secondary,.echart-card{border:1px solid var(--glass-border)}.echart-card{background:var(--glass-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border-radius:var(--radius-xl,24px);padding:1.5rem;box-shadow:var(--shadow-md);width:100%}.echart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.echart-title{font-size:.9375rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.echart-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-success);background:var(--accent-success-soft);padding:.2rem .6rem;border-radius:999px;-webkit-animation:pulse-badge 2s ease-in-out infinite;animation:pulse-badge 2s ease-in-out infinite}@-webkit-keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.echart-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.echart-stat{display:flex;flex-direction:column;align-items:center;grid-gap:.2rem;gap:.2rem;padding:.75rem .5rem;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color)}.echart-stat__value{font-size:1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;text-align:center}.echart-stat__value--positive{color:var(--accent-success)}.echart-stat__value--negative{color:var(--accent-danger)}.echart-stat__label,.echart-stat__value--neutral{color:var(--text-muted)}.echart-stat__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:center}.echart-chart-wrapper{position:relative;margin-bottom:1rem}.echart-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;grid-gap:.1rem;gap:.1rem;pointer-events:none}.echart-center-emoji{font-size:1.5rem;line-height:1}.echart-center-text{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.echart-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem;font-weight:700;color:var(--text-primary);box-shadow:var(--shadow-md);display:flex;grid-gap:.5rem;gap:.5rem;align-items:center}.echart-legend{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem}.echart-legend-item{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.78rem}.echart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.echart-legend-emoji{font-size:.8rem}.echart-legend-name{flex:1 1;color:var(--text-secondary);font-weight:500}.echart-legend-val{font-weight:700;color:var(--text-primary);font-size:.75rem;min-width:2.5rem;text-align:right}.camera{width:100%;min-height:calc(100vh - var(--topbar-height));background:radial-gradient(circle at top right,rgba(99,102,241,.06),transparent 60%),radial-gradient(circle at bottom left,rgba(6,182,212,.05),transparent 60%),var(--bg-main);padding-bottom:5rem}.container{max-width:1500px;margin:0 auto;padding:0 2rem}.section-header{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem;padding-top:1rem}.section-header h2{font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--text-main);line-height:1.1}.section-header__badge{display:inline-flex;align-items:center;padding:.3rem .9rem;background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:800;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 12px rgba(99,102,241,.35)}.main-layout{display:grid;grid-template-columns:340px 1fr;grid-gap:2rem;gap:2rem;width:100%;align-items:start}.camera-preview{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem;position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + 1rem)}.glass-card{background:var(--glass-heavy);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-lg);position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}[data-theme=dark] .glass-card{background:rgba(15,23,42,.82);border-color:hsla(0,0%,100%,.08)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.block-label{position:absolute;top:1.25rem;left:1.5rem;font-size:.6rem;font-weight:900;letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;z-index:10}.camera-block{padding:3.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.small-cam{height:200px;background:#000;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.webcam-overlay{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:5}.webcam-overlay--hidden{opacity:0}.camera__off{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#060a12,#0f172a);grid-gap:.875rem;gap:.875rem}.camera__off p{font-size:.68rem;font-weight:900;letter-spacing:.3em;color:hsla(0,0%,100%,.5);text-transform:uppercase}.last-emotion-tag{background:var(--gradient-primary);color:#fff;padding:.5rem 1.25rem;border-radius:14px;font-weight:800;font-size:.85rem;letter-spacing:.1em;box-shadow:0 8px 20px rgba(99,102,241,.4)}.scanner-bezel{position:absolute;inset:8px;border:2px solid var(--accent-primary);border-radius:12px;opacity:.6;-webkit-animation:scan-pulse 2s ease-in-out infinite;animation:scan-pulse 2s ease-in-out infinite;pointer-events:none;z-index:10}@-webkit-keyframes scan-pulse{0%,to{opacity:.3;border-color:var(--accent-primary)}50%{opacity:.8;border-color:var(--emotion-surprise)}}@keyframes scan-pulse{0%,to{opacity:.3;border-color:var(--accent-primary)}50%{opacity:.8;border-color:var(--emotion-surprise)}}.camera__controls{margin-top:.25rem}.toggle-btn{width:100%;padding:.875rem!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.12em;border-radius:14px!important;transition:all .3s ease;border:1px solid var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-main)!important;cursor:pointer}.toggle-btn:hover{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;background:var(--accent-primary-soft)!important;transform:translateY(-2px)}.manual-selector{padding:3.25rem 1.5rem 1.5rem}.selector-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.emotion-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.875rem;gap:.875rem;width:100%}.emo-btn-large{background:var(--bg-input);border:1px solid var(--border-color);padding:1.25rem .75rem;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;grid-gap:.6rem;gap:.6rem;color:var(--text-main)}.emo-btn-large:hover{transform:translateY(-4px) scale(1.04);border-color:var(--accent-primary);background:var(--accent-primary-soft);box-shadow:0 8px 20px rgba(99,102,241,.2)}.emo-btn-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.emo-icon{font-size:2rem;line-height:1}.emo-text{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.emo-btn-large.active-happy{background:#10b981;color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(16,185,129,.35)}.emo-btn-large.active-sad{background:#3b82f6;color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(59,130,246,.35)}.emo-btn-large.active-angry{background:#ef4444;color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(239,68,68,.35)}.emo-btn-large.active-neutral{background:#64748b;color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(100,116,139,.35)}.category-filter{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.news-result-count{font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:1rem;letter-spacing:.02em}.news-feed{width:100%}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;padding-bottom:5rem}.news-card{background:var(--glass-heavy);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.bookmark-btn{position:absolute;top:.875rem;right:.875rem;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;font-size:1.1rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);color:var(--text-muted);line-height:1}.bookmark-btn:hover{transform:scale(1.15);background:rgba(245,158,11,.1)}.bookmark-btn--active,.bookmark-btn:hover{color:var(--bookmark-color);border-color:var(--bookmark-color)}.bookmark-btn--active{background:rgba(245,158,11,.12)}.news-card-img-wrapper{width:100%;height:180px;overflow:hidden;flex-shrink:0}.news-card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-card-img-wrapper img{transform:scale(1.06)}.news-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1 1;grid-gap:.625rem;gap:.625rem}.news-card-title{font-size:1rem;font-weight:700;line-height:1.4;display:block;text-decoration:none;color:var(--text-main);transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-title:hover{color:var(--accent-primary)}.news-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-emotions{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.25rem}.news-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.5rem}.news-card-source{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-input);padding:.2rem .6rem;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.read-more{font-size:.78rem;font-weight:700;color:var(--accent-primary);text-decoration:none;transition:all .2s ease;white-space:nowrap}.read-more:hover{color:var(--accent-primary-hover);letter-spacing:.02em}.no-results{grid-column:1/-1;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;border-radius:28px;border:1px dashed var(--glass-border)}.no-results h3{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.no-results p{font-size:.9rem;color:var(--text-muted);max-width:400px}.skeleton-card{pointer-events:none}.skeleton-img{width:100%;height:180px;flex-shrink:0}.skeleton-title{height:18px;width:90%;border-radius:6px}.skeleton-para{height:12px;width:100%;border-radius:6px}.skeleton-para--short{width:70%}.skeleton-bars{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem;margin-top:.5rem}.skeleton-bar{height:8px;width:100%;border-radius:999px}@media (max-width:1200px){.main-layout{grid-template-columns:300px 1fr;grid-gap:1.5rem;gap:1.5rem}}@media (max-width:1024px){.main-layout{grid-template-columns:1fr}.camera-preview{position:static;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}}@media (max-width:768px){.camera-preview{grid-template-columns:1fr}.emotion-buttons{grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.emo-btn-large{padding:.875rem .5rem}.emo-icon{font-size:1.6rem}.emo-text{font-size:.65rem}.news-grid{grid-template-columns:1fr}.section-header h2{font-size:1.5rem}}@media (max-width:480px){.container{padding:0 1rem}.emotion-buttons{grid-template-columns:repeat(2,1fr)}.category-filter{grid-gap:.4rem;gap:.4rem}}.voice-input-container{position:relative;display:inline-block;margin-top:1rem}.voice-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:.75rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:2;position:relative}.voice-btn:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.voice-btn.listening{background:rgba(99,102,241,.8);border-color:#6366f1;box-shadow:0 0 15px rgba(99,102,241,.5)}.voice-pulse-ring{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;border:2px solid #6366f1;-webkit-animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}@-webkit-keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}
/*# sourceMappingURL=main.8cff0b0d.chunk.css.map */