@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--brand-50:#fde7ed;--brand-100:#fbc2cf;--brand-200:#f799ae;--brand-300:#f26f8d;--brand-400:#ed4570;--brand-500:#e7194a;--brand-600:#d11442;--brand-700:#b81039;--brand-800:#e7194a;--brand-900:#7a0824;--brand-950:#4d0517;--bg-body:#141414;--bg-main:#141414;--bg-sidebar:#181818;--bg-header:#181818;--bg-card:#1e1e1e;--bg-card-hover:#252525;--bg-input:#181818;--bg-elevated:#252525;--accent-red:#e7194a;--accent-coral:#e7194a;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-teal:#22c55e;--accent-blue:#e7194a;--accent-violet:#b81039;--accent-amber:#f59e0b;--success:#22c55e;--warning:#f59e0b;--danger:#e7194a;--info:#3b82f6;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#bdbdbd;--text-dim:#757575;--border:#303030;--border-light:#252525;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:3rem;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 2px 6px #0000003d;--shadow-md:0 8px 20px #0000004d;--shadow-lg:0 16px 32px #00000061;--shadow-glow:0 0 0 4px #e7194a26;--sidebar-width:220px}[data-theme=light]{--bg-body:#f4f6f9;--bg-main:#f4f6f9;--bg-sidebar:#fff;--bg-header:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#f1f5f9;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 24px #0000001a;--shadow-glow:0 0 0 4px #e7194a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;transition:background-color .25s,color .25s}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__brand{padding:var(--space-5) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);display:flex}.sidebar__brand-icon{background:linear-gradient(135deg, var(--brand-500), var(--brand-900));border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.sidebar__brand-text{flex-direction:column;display:flex}.sidebar__brand-name{color:var(--text-primary);font-size:.8rem;font-weight:700;line-height:1.2}.sidebar__brand-sub{color:var(--text-muted);font-size:.65rem;font-weight:400}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.sidebar__item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar__item.active{background:var(--brand-800);color:#fff;box-shadow:var(--shadow-glow)}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);color:var(--text-dim);font-size:.65rem}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.header{background:var(--bg-header);border-bottom:1px solid var(--border);padding:0 var(--space-7);z-index:30;justify-content:space-between;align-items:center;height:56px;display:flex;position:sticky;top:0}.header__left{flex-direction:column;display:flex}.header__title{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.header__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:500}.header__right{align-items:center;gap:var(--space-5);display:flex}.header__meta{text-align:right;color:var(--text-muted);font-size:.7rem;line-height:1.3}.header__meta strong{color:var(--text-secondary)}.header__user{align-items:center;gap:var(--space-3);display:flex}.header__avatar{border-radius:var(--radius-full);background:var(--brand-800);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:600;display:flex}.header__user-info{flex-direction:column;display:flex}.header__user-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.header__user-role{color:var(--text-muted);font-size:.6rem}.header__actions{gap:var(--space-2);display:flex}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;padding:6px 14px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{color:var(--text-primary);background:#ffffff0d}.btn--primary{background:var(--brand-800);color:#fff;border-color:var(--brand-800)}.btn--primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.btn--primary:active{background:var(--brand-700);border-color:var(--brand-700)}.btn--active{color:var(--brand-800);background:#e7194a1f;border-color:#e7194a4d}.dashboard-main{padding:var(--space-7);flex:1}.period-section{align-items:stretch;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.period-filter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);flex:1}.period-filter-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-size:.7rem;font-weight:600;display:flex}.period-filter{gap:var(--space-2);display:flex}.filter-pill{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font);background:0 0;padding:6px 18px;transition:all .15s}.filter-pill:hover{color:var(--text-primary);background:#ffffff0a}.filter-pill.active{background:var(--brand-800);color:#fff;border-color:var(--brand-800);box-shadow:var(--shadow-glow)}.comparison-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);min-width:260px}.comparison-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);font-size:.7rem;font-weight:600;display:flex}.comparison-card__value{color:var(--text-primary);margin-bottom:var(--space-1);font-size:.85rem;font-weight:700}.comparison-card__value span{color:var(--text-muted);font-weight:400}.comparison-card__desc{color:var(--text-dim);font-size:.65rem}.kpi-cards-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.kpi-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm);border-color:#3b82f673}.kpi-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);font-size:.7rem;font-weight:600}.kpi-card__value{color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.75rem;font-weight:700;line-height:1.15}.kpi-card__badges{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.kpi-card__variation{border-radius:var(--radius-sm);align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.kpi-card__variation.positive{color:var(--accent-green);background:#22c55e1f}.kpi-card__variation.negative{color:var(--accent-red);background:#e7194a1f}.kpi-card__variation.neutral{color:var(--text-muted);background:#94a3b81a}.kpi-card__diff{color:var(--text-muted);font-size:.7rem}.kpi-card__sparkline{height:28px;margin-bottom:var(--space-3)}.kpi-card__prev{color:var(--text-dim);font-size:.7rem}.kpi-card__prev strong{color:var(--text-muted)}.kpi-section{margin-bottom:var(--space-7)}.kpi-section__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.kpi-section__title{align-items:center;gap:var(--space-3);display:flex}.kpi-section__title-icon{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.kpi-section__title h2{color:var(--text-primary);font-size:.95rem;font-weight:600}.kpi-section__controls{align-items:center;gap:var(--space-3);display:flex}.kpi-section__actions{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.chart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.chart-panel-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.chart-panel-header__title{color:var(--text-primary);font-size:.85rem;font-weight:600}.chart-panel-header__subtitle{color:var(--text-muted);font-size:.7rem}.chart-panel-body{padding:var(--space-5) var(--space-6)}.custom-tooltip{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#1e1e1efa;min-width:180px;box-shadow:0 8px 24px #0006}.custom-tooltip__title{color:var(--text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.custom-tooltip__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:2px 0;font-size:.7rem;display:flex}.custom-tooltip__label{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.custom-tooltip__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.custom-tooltip__value{color:var(--text-primary);font-weight:600}.custom-tooltip__variation{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);text-align:right;font-size:.65rem}.custom-legend{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-3) 0 0;flex-wrap:wrap;display:flex}.custom-legend__item{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.7rem;display:flex}.custom-legend__marker--bar{border-radius:2px;width:10px;height:10px}.custom-legend__marker{border-radius:1px;width:12px;height:2px}.custom-legend__marker--dashed{border-top:2px dashed;width:14px;height:0}.data-table__container{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}.data-table th{padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#ffffff05;font-size:.65rem;font-weight:600;position:sticky;top:0}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr.row-best{border-left:3px solid var(--success);background:#22c55e0f}.data-table tbody tr.row-worst{border-left:3px solid var(--accent-red);background:#e7194a0f}.data-table tbody tr.row-anomaly{background:#f59e0b0a}.data-table tbody tr.row-selected{box-shadow:inset 3px 0 0 0 var(--highlight-accent,var(--brand-800));background:#ffffff0a!important}.action-plan-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);border-left:3px solid var(--brand-800)}.action-plan-panel__header{cursor:pointer;margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.action-plan-panel__header h3{align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;display:flex}.action-plan-panel__body{opacity:0;max-height:0;transition:max-height .3s,opacity .2s;overflow:hidden}.action-plan-panel--expanded .action-plan-panel__body{opacity:1;max-height:500px}.action-plan-panel__textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:80px;padding:var(--space-3);color:var(--text-primary);font-family:var(--font);resize:vertical;margin-top:var(--space-3);outline:none;font-size:.75rem;transition:border-color .15s}.action-plan-panel__textarea:focus{border-color:var(--brand-800);box-shadow:var(--shadow-glow)}.action-plan-panel__note{color:var(--text-dim);margin-top:var(--space-2);font-size:.65rem;font-style:italic}.kpi-section__period-focus{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-5);background:#ffffff05;justify-content:space-between;align-items:center;margin-bottom:-.5rem;font-size:.75rem;display:flex}.kpi-section__period-focus-badge{padding-left:var(--space-2);color:var(--text-secondary)}.kpi-section__period-focus-badge strong{color:var(--text-primary);font-weight:600}.kpi-section__period-focus-hint{color:var(--text-muted);font-size:.7rem}.kpi-section__period-reset-btn{color:var(--brand-800);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:500;text-decoration:underline;transition:color .15s}.kpi-section__period-reset-btn:hover{color:var(--highlight-accent)}.loader-dots{align-items:center;gap:2px;display:inline-flex}.loader-dots:after{content:"...";vertical-align:bottom;width:0;animation:.9s steps(4,end) infinite ellipsis;display:inline-block;overflow:hidden}@keyframes ellipsis{to{width:1.25em}}.insight-banner{gap:var(--space-3);padding:var(--space-4);border-left:3px solid var(--accent-green);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#22c55e0f;align-items:flex-start;display:flex}.evidence-panel{border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;cursor:pointer;background:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;min-height:100px;transition:all .15s;display:flex}.evidence-panel:hover{border-color:var(--brand-800);background:#e7194a0f;border-style:solid}.evidence-panel__title{margin-bottom:var(--space-3);color:var(--text-primary);font-size:.8rem;font-weight:600}.evidence-panel__dropzone{padding:var(--space-3)}.evidence-panel__dropzone-icon{color:var(--text-dim);opacity:.6;margin-bottom:var(--space-2)}.evidence-panel__dropzone-text{color:var(--text-muted);font-size:.75rem}.evidence-panel__dropzone-hint{color:var(--text-dim);margin-top:var(--space-1);font-size:.65rem}.evidence-panel__file-list{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;width:100%;display:flex}.evidence-panel__file{padding:var(--space-2) var(--space-3);background:var(--bg-input);border-radius:var(--radius-md);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.evidence-panel__file-info{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.evidence-panel__file-remove{color:var(--accent-red);cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px}.evidence-panel__file-remove:hover{opacity:1}.dashboard-footer{padding:var(--space-5) var(--space-7);text-align:center;color:var(--text-dim);border-top:1px solid var(--border);font-size:.65rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s ease-out forwards slideUp}.text-success{color:var(--accent-green)}.text-danger{color:var(--accent-red)}.text-warning{color:var(--accent-amber)}.text-muted{color:var(--text-muted)}.small-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.sidebar__section-label{padding:var(--space-4) var(--space-4) var(--space-2);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;font-size:.65rem;font-weight:700}.sidebar__item-label{text-align:left;flex:1}.sidebar__item-badge{border-radius:var(--radius-full);color:var(--text-muted);background:#ffffff0f;padding:2px 6px;font-size:.6rem;font-weight:600}.sidebar__item.active .sidebar__item-badge{color:#fff;background:#ffffff26}.sidebar__help-box{margin:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);cursor:pointer;color:var(--brand-800);background:#e7194a14;border:1px solid #e7194a38;transition:all .15s;display:flex}.sidebar__help-box:hover{border-color:var(--brand-800);background:#e7194a26}.sidebar__help-box div{flex-direction:column;display:flex}.sidebar__help-box strong{color:var(--text-primary);font-size:.75rem}.sidebar__help-box span{color:var(--text-secondary);font-size:.65rem}.comparison-selector{gap:var(--space-1);margin-top:var(--space-2);display:flex}.comparison-pill{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .15s}.comparison-pill:hover{background:var(--bg-card-hover);color:var(--text-primary)}.comparison-pill.active{background:var(--brand-800);border-color:var(--brand-800);color:#fff;font-weight:600}.btn--accent{color:var(--brand-800);background:#e7194a1f;border:1px solid #e7194a4d}.btn--accent:hover{border-color:var(--brand-800);background:#e7194a38}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-5);background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-header);justify-content:space-between;align-items:center;display:flex}.modal-title{align-items:center;gap:var(--space-3);display:flex}.modal-title-icon{color:var(--brand-800)}.modal-title h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.modal-title p{color:var(--text-muted);font-size:.75rem}.btn-close{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;transition:all .15s}.btn-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.metrics-intro-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);gap:var(--space-3);color:var(--text-secondary);background:#e7194a0f;border:1px solid #e7194a38;font-size:.8rem;display:flex}.metrics-intro-card strong{color:var(--text-primary);margin-bottom:var(--space-1);display:block}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.metrics-grid{grid-template-columns:1fr}}.metric-card-detail{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.metric-card-detail__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.metric-card-detail__header h4{color:var(--text-primary);font-size:.85rem;font-weight:700}.metric-badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;padding:2px 8px;font-size:.65rem;font-weight:600}.metric-card-detail__formula{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);color:var(--accent-amber);background:#0000004d;font-size:.72rem;display:flex}.metric-card-detail__formula code{font-family:var(--font-mono)}.metric-card-detail__row{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.metric-card-detail__row strong{color:var(--text-primary);align-items:center;gap:4px;margin-right:4px;display:inline-flex}.metric-card-detail__example{border-left:3px solid var(--accent-green);padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);background:#22c55e0f;font-size:.72rem}.metric-card-detail__example strong{color:var(--accent-green)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--bg-header);justify-content:flex-end;display:flex}.active-period-banner{border:1px solid var(--border);border-left:4px solid var(--accent-blue);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(135deg,#1e293be6,#0f172af2);flex-wrap:wrap;display:flex}.active-period-banner__primary{align-items:center;gap:var(--space-4);display:flex}.active-period-banner__icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--accent-blue);background:#3b82f626;flex-shrink:0;justify-content:center;align-items:center;display:flex}.active-period-banner__info{flex-direction:column;display:flex}.active-period-banner__tag{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;margin-bottom:2px;font-size:.65rem;font-weight:700;display:flex}.active-period-banner__title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.active-period-banner__meta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.active-period-banner__badge{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:#94a3b814;padding:4px 12px;font-size:.72rem;display:flex}.active-period-banner__granularity{color:var(--text-muted);font-size:.72rem}.active-period-banner__granularity strong{color:var(--text-primary)}.period-filter-wrapper{gap:var(--space-3);flex-direction:column;display:flex}.sub-period-filter{align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-light);flex-wrap:wrap;display:flex}.sub-period-filter__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.68rem;font-weight:600}.sub-period-pills-scroll{flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.sub-filter-pill{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.7rem;font-weight:500;font-family:var(--font);padding:3px 9px;transition:all .15s}.sub-filter-pill:hover{color:var(--text-primary);background:#ffffff0f}.sub-filter-pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);font-weight:600;box-shadow:0 2px 6px #3b82f64d}.kpi-card__top{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.kpi-card__period-tag{color:var(--text-secondary);border-radius:var(--radius-sm);background:#94a3b81a;padding:2px 6px;font-size:.65rem;font-weight:600}.kpi-card__value-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.kpi-card__target-badge{color:var(--accent-green);border-radius:var(--radius-sm);white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;padding:2px 6px;font-size:.68rem;font-weight:600}.kpi-matrix-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-7)}.kpi-matrix-header{margin-bottom:var(--space-4)}.kpi-matrix-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.kpi-matrix-subtitle{color:var(--text-muted);font-size:.72rem}.kpi-matrix-table-container{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.kpi-matrix-table{border-collapse:collapse;text-align:left;width:100%;min-width:780px;font-size:.75rem}.kpi-matrix-table th{padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#ffffff05;font-size:.65rem;font-weight:600}.kpi-matrix-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.kpi-matrix-table tbody tr:hover{background:#ffffff05}.matrix-cell-name{color:var(--text-primary)!important}.matrix-cell-highlight{color:var(--text-primary);font-size:.82rem;font-weight:700}.achievement-pill{border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem;font-weight:700}.achievement-pill.good{color:var(--accent-green);background:#10b9811f}.achievement-pill.alert{color:var(--accent-amber);background:#f59e0b1f}.variation-badge{border-radius:var(--radius-sm);padding:2px 6px;font-size:.68rem;font-weight:600}.variation-badge.positive{color:var(--accent-green);background:#10b9811f}.variation-badge.negative{color:var(--accent-red);background:#ef44441f}.matrix-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.matrix-status.positive{color:var(--accent-green);background:#10b9811f}.matrix-status.negative{color:var(--accent-red);background:#ef44441f}.matrix-status.neutral{color:var(--text-muted);background:#94a3b81a}.header__active-period{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:#3b82f61a;border:1px solid #3b82f633;padding:4px 10px;display:flex}.header__period-icon{color:var(--accent-blue);flex-shrink:0}.header__period-text{flex-direction:column;line-height:1.1;display:flex}.header__period-text span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.58rem}.header__period-text strong{color:var(--accent-blue);font-size:.72rem;font-weight:700}.comparison-chart-wrapper{width:100%;min-height:320px;padding-bottom:var(--space-3);flex-direction:column;display:flex}.comparison-chart-canvas{flex:1;width:100%;min-height:280px}.custom-legend{justify-content:center;align-items:center;gap:var(--space-5);padding-top:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=1440px){.kpi-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.kpi-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-section__actions{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.main-wrapper{margin-left:0}.kpi-cards-grid{grid-template-columns:1fr}.period-section{flex-direction:column}.header{padding:0 var(--space-4)}.dashboard-main{padding:var(--space-4)}.kpi-section__header{flex-direction:column;align-items:flex-start}.kpi-section__actions{grid-template-columns:1fr}.header__right{display:none}.comparison-card{width:100%;min-width:auto}.sub-period-pills-scroll{width:100%;overflow-x:auto}}.kpi-card__value,.custom-tooltip__value,.metric-card-detail__formula code{font-family:var(--font-mono)}.header{border-top:2px solid var(--brand-800)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand-800);outline-offset:2px}.kpi-card:hover,.chart-panel:hover,.period-filter-card:hover{border-color:#3b82f659}.sidebar__item--has-alert{position:relative}.sidebar__item-warning{color:var(--accent-amber);justify-content:center;align-items:center;margin-left:auto;animation:2s infinite pulse;display:flex}.sidebar__item-badge--alert{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.65rem;font-weight:700;box-shadow:0 0 8px #e7194a80}.header__notifications{margin-right:var(--space-2);position:relative}.header__bell-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.header__bell-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-light)}.header__bell-btn.has-notifications{color:var(--accent-amber);border-color:#f59e0b4d}.header__bell-badge{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-header);justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:100;background:#1e1e1ef2;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notifications-dropdown__header{padding:var(--space-4);border-bottom:1px solid var(--border);background:#14141466;justify-content:space-between;align-items:center;display:flex}.notifications-dropdown__header strong{color:var(--text-primary);font-size:.8rem;display:block}.notifications-dropdown__header span{color:var(--text-dim);font-size:.68rem}.btn-close-dropdown{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.btn-close-dropdown:hover{background:var(--bg-elevated);color:var(--text-primary)}.notifications-dropdown__body{max-height:280px;overflow-y:auto}.notifications-empty{padding:var(--space-6);text-align:center;align-items:center;gap:var(--space-2);color:var(--text-muted);flex-direction:column;font-size:.8rem;display:flex}.notifications-list{flex-direction:column;display:flex}.notification-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);transition:background .15s}.notification-item:hover{background:#ffffff05}.notification-item.severity-high{border-left:3px solid var(--accent-red)}.notification-item.severity-medium{border-left:3px solid var(--accent-amber)}.notification-item__title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.notification-item__title .kpi-name{color:var(--text-secondary);font-size:.72rem;font-weight:600}.notification-item__title .type-tag{border-radius:var(--radius-xs);background:var(--border);color:var(--text-muted);padding:1px 4px;font-size:.6rem;font-weight:500}.notification-item__msg{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.72rem;line-height:1.3}.notification-item__actions{gap:var(--space-3);display:flex}.btn-action-text{cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:.68rem;font-weight:600}.btn-action-text:hover{text-decoration:underline}.notifications-more{padding:var(--space-3);text-align:center;color:var(--text-dim);background:#14141433;font-size:.68rem}.notifications-dropdown__footer{border-top:1px solid var(--border)}.btn-dropdown-view-all{width:100%;padding:var(--space-3);color:var(--accent-red);cursor:pointer;text-align:center;background:0 0;border:none;font-size:.72rem;font-weight:600;transition:background .15s}.btn-dropdown-view-all:hover{background:#e7194a0d}.global-warning-banner{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);background:#f59e0b0f;border:1px solid #f59e0b33;display:flex}.global-warning-banner__text{color:var(--text-secondary);flex:1;font-size:.8rem}.global-warning-banner__text strong{color:var(--accent-amber)}.kpi-detail-wrapper{margin-bottom:var(--space-7)}.kpi-inline-warning{border:1px solid #e7194a26;border-left:4px solid var(--accent-red);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);background:#e7194a0f;display:flex}.kpi-inline-warning__text{color:var(--text-secondary);flex:1;font-size:.75rem}.kpi-inline-warning__text strong{color:var(--accent-red)}.analytics-panel{gap:var(--space-5);flex-direction:column;display:flex}.analytics-header-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);background-image:linear-gradient(to right, var(--bg-card), #e7194a08);display:flex}.analytics-header-card__info h2{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.2rem;font-weight:700}.analytics-header-card__info p{color:var(--text-muted);max-width:780px;font-size:.82rem;line-height:1.5}.analytics-header-card__actions{gap:var(--space-3);flex-shrink:0;display:flex}.analytics-year-toolbar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-year-toolbar__left{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics-year-selector-item{align-items:center;gap:var(--space-2);display:flex}.toolbar-label{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.75rem;font-weight:600;display:flex}.analytics-year-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;outline:none;font-size:.78rem;font-weight:600;transition:all .15s}.analytics-year-select:hover{border-color:var(--border-light)}.analytics-year-select:focus{border-color:var(--accent-red)}.analytics-year-comparator-group{align-items:center;gap:var(--space-3);display:flex}.comparison-year-picker{align-items:center;gap:var(--space-2);display:flex}.comparison-connector{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.analytics-year-toolbar__right{align-items:center;display:flex}.analytics-status-pill{align-items:center;gap:var(--space-2);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-light);background:#ffffff08;font-size:.72rem;display:flex}.status-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 6px var(--accent-green);border-radius:50%}.vs-tag{color:var(--text-muted)}.vs-tag strong{color:var(--text-primary)}.analytics-stat-card__val-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.comp-delta-badge{border-radius:var(--radius-sm);align-items:center;gap:2px;padding:1px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.comp-delta-badge.positive{color:var(--accent-green);background:#22c55e1f}.comp-delta-badge.negative{color:var(--accent-red);background:#e7194a1f}.comp-delta-badge.neutral{color:var(--text-muted);background:#ffffff0d}.period-badge-container{align-items:center;gap:var(--space-2);display:flex}.badge-year-tag{font-family:var(--font-mono);color:#60a5fa;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#3b82f61f;font-size:.68rem;font-weight:600}.analytics-stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.analytics-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);transition:all .2s;display:flex}.analytics-stat-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.analytics-stat-card__icon{border-radius:var(--radius-md);background:#ffffff08;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.analytics-stat-card__icon.text-success{color:var(--accent-green);background:#22c55e14}.analytics-stat-card__icon.text-danger{color:var(--accent-red);background:#e7194a14}.analytics-stat-card__icon.text-warning{color:var(--accent-amber);background:#f59e0b14}.analytics-stat-card__icon.text-info{color:#3b82f6;background:#3b82f614}.analytics-stat-card__data{flex-direction:column;display:flex}.analytics-stat-card__label{color:var(--text-dim);text-transform:uppercase;font-size:.72rem;font-weight:500}.analytics-stat-card__value{color:var(--text-primary);margin:var(--space-1) 0;font-size:1.3rem;font-weight:700;line-height:1.2;font-family:var(--font-mono)}.analytics-stat-card__hint{color:var(--text-muted);font-size:.65rem}.analytics-tabs-container{border-bottom:1px solid var(--border)}.analytics-tabs{gap:var(--space-2);display:flex}.analytics-tab{color:var(--text-muted);padding:var(--space-4) var(--space-5);cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:none;border-bottom:2px solid #0000;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.analytics-tab:hover{color:var(--text-primary)}.analytics-tab.active{color:var(--accent-red);border-bottom-color:var(--accent-red)}.tab-badge{background:var(--accent-red);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:.65rem;font-weight:700}.tab-badge.gray{background:var(--border);color:var(--text-muted)}.analytics-tab-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);min-height:380px}.alerts-filter-bar{gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);background:#1414144d;display:flex}.filter-group{align-items:center;gap:var(--space-2);display:flex}.filter-group label{color:var(--text-dim);font-size:.72rem;font-weight:500}.filter-group select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:.75rem}.alerts-empty-state{padding:var(--space-8) 0;justify-content:center;align-items:center;gap:var(--space-3);color:var(--text-muted);flex-direction:column;display:flex}.alerts-empty-state h3{color:var(--text-primary);font-size:.95rem;font-weight:600}.alerts-empty-state p{text-align:center;max-width:320px;font-size:.78rem}.alerts-table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;text-align:left;width:100%}.analytics-table th{padding:var(--space-3) var(--space-4);color:var(--text-dim);border-bottom:1px solid var(--border);text-transform:uppercase;font-size:.75rem;font-weight:600}.analytics-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:.78rem}.alert-row{transition:background .15s}.alert-row:hover{background:#ffffff03}.alert-row.severity-high{background:#e7194a03}.cell-kpi-name strong{color:var(--text-primary);font-size:.78rem}.badge-period{font-family:var(--font-mono);background:var(--border);color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.72rem;font-weight:500}.badge-type{color:var(--text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#ffffff0d;font-size:.72rem}.severity-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;font-size:.68rem;font-weight:700}.severity-badge.severity-high{color:var(--accent-red);background:#e7194a26}.severity-badge.severity-medium{color:var(--accent-amber);background:#f59e0b26}.cell-message-text .message-container{gap:var(--space-1);flex-direction:column;display:flex}.cell-message-text .main-message{color:var(--text-secondary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.cell-message-text .inline-icon{flex-shrink:0}.cell-message-text .sub-details{color:var(--text-dim);font-size:.7rem}.cell-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.btn--sm{padding:4px 10px;font-size:.7rem}.btn--icon{padding:var(--space-2);justify-content:center;align-items:center;display:flex}.configs-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.config-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-4);background:#14141433;flex-direction:column;display:flex}.config-card__header{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-3);display:flex}.config-card__header h4{color:var(--text-primary);font-size:.85rem;font-weight:700}.config-card__body{gap:var(--space-4);flex-direction:column;display:flex}.config-hint-text{color:var(--text-dim);font-size:.72rem;line-height:1.4}.form-grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label-container{justify-content:space-between;align-items:center;display:flex}.input-group label{color:var(--text-muted);font-size:.72rem;font-weight:600}.input-badge{background:var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:1px 6px;font-size:.65rem}.input-group input[type=number]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-mono)}.input-group input[type=range]{width:100%;accent-color:var(--accent-red)}.range-labels{color:var(--text-dim);justify-content:space-between;font-size:.65rem;display:flex}.input-desc{color:var(--text-dim);font-size:.65rem;line-height:1.3}.config-actions-footer{border-top:1px solid var(--border);padding-top:var(--space-5);justify-content:flex-end;display:flex}.audit-log-header{border-bottom:1px solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.audit-log-header h4{color:var(--text-primary);font-size:.85rem;font-weight:700}.btn--danger-outline{color:var(--accent-red);background:0 0;border:1px solid #e7194a4d}.btn--danger-outline:hover{border-color:var(--accent-red);background:#e7194a0d}.audit-empty-state{padding:var(--space-8) 0;color:var(--text-dim);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.audit-timeline{gap:var(--space-4);padding-left:var(--space-5);flex-direction:column;display:flex;position:relative}.audit-timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:3px}.audit-timeline-item{gap:var(--space-4);display:flex;position:relative}.audit-timeline-badge{border-radius:var(--radius-full);background:var(--border);border:2px solid var(--bg-card);z-index:5;width:9px;height:9px;position:absolute;top:4px;left:-20px}.audit-timeline-item:first-child .audit-timeline-badge{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.audit-timeline-content{border:1px solid var(--border-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#14141426;flex:1}.audit-timeline-header{margin-bottom:var(--space-1);justify-content:space-between;display:flex}.audit-action-title{color:var(--text-secondary);font-size:.75rem;font-weight:700}.audit-time{color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono)}.audit-details{color:var(--text-muted);margin-bottom:var(--space-2);font-size:.72rem;line-height:1.4}.audit-user{color:var(--text-dim);font-size:.65rem;font-style:italic}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(1)}}@media (width<=1024px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.configs-grid{grid-template-columns:1fr}}@media (width<=768px){.analytics-header-card{align-items:stretch;gap:var(--space-4);flex-direction:column}.analytics-header-card__actions{justify-content:flex-start}.analytics-stats-grid{grid-template-columns:1fr}.alerts-filter-bar{align-items:stretch;gap:var(--space-3);flex-direction:column}.filter-group{justify-content:space-between}}.kpi-cards-grid .kpi-card{padding:var(--space-4) var(--space-4);cursor:default}.kpi-cards-grid .kpi-card__label{letter-spacing:.04em;white-space:nowrap;font-size:.68rem}.kpi-cards-grid .kpi-card__value{font-size:1.4rem}.kpi-cards-grid .kpi-card__value-row{gap:var(--space-2);flex-wrap:wrap}.kpi-cards-grid .kpi-card__target-badge{white-space:nowrap}.kpi-cards-grid .kpi-card__badges{gap:var(--space-2);flex-wrap:wrap}.kpi-cards-grid .kpi-card__prev{line-height:1.4}.kpi-card__period-tag{white-space:nowrap}.kpi-matrix-table th.matrix-group{text-align:center;border-bottom:1px solid var(--border)}.kpi-matrix-table th.matrix-group--past,.kpi-matrix-table td.matrix-cell--past{background:#94a3b80f}.kpi-matrix-table th.matrix-group--current,.kpi-matrix-table td.matrix-cell-highlight{background:#3b82f612}.kpi-matrix-table th.matrix-group--past{color:#a78bfa}.kpi-matrix-table th.matrix-group--current{color:#60a5fa}.kpi-matrix-table th[rowspan]{vertical-align:bottom}.matrix-cell-dot{width:8px;height:8px;margin-right:var(--space-2);vertical-align:middle;border-radius:50%;display:inline-block}.login-root{background:var(--bg-body);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-svg{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.bg-data-point{animation:linear infinite bg-point-breathe}@keyframes bg-point-breathe{0%,to{fill-opacity:.08}50%{fill-opacity:.18}}.bg-signal{animation:ease-in-out infinite alternate bg-signal-drift}@keyframes bg-signal-drift{0%{transform:translate(0)}to{transform:translate(12px)}}.login-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff08;flex-direction:column;gap:1.75rem;padding:2.5rem 2rem 2rem;animation:.5s ease-out both card-enter;display:flex;position:relative}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card__header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;animation:.5s ease-out .15s both fadeIn;display:flex}.login-card__logo-mark{background:linear-gradient(135deg, var(--brand-500), var(--brand-900));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex;box-shadow:0 4px 14px #e7194a40}.login-card__title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.2}.login-card__subtitle{color:var(--text-muted);font-size:.78rem;line-height:1.4}.login-form{flex-direction:column;gap:1rem;animation:.5s ease-out .25s both fadeIn;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field__label{color:var(--text-muted);letter-spacing:.02em;font-size:.72rem;font-weight:600;transition:color .15s}.form-field:focus-within .form-field__label{color:var(--brand-500)}.form-field--error .form-field__label{color:var(--danger)}.form-field__input-wrap{align-items:center;display:flex;position:relative}.form-field__icon{color:var(--text-dim);pointer-events:none;flex-shrink:0;transition:color .15s;position:absolute;left:.875rem}.form-field:focus-within .form-field__icon{color:var(--brand-500)}.form-field--error .form-field__icon{color:var(--danger)}.form-field__input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;height:44px;color:var(--text-primary);font-family:var(--font);-webkit-appearance:none;outline:none;padding:0 2.75rem;font-size:.85rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-field__input::placeholder{color:var(--text-dim)}.form-field__input:focus{border-color:var(--brand-500);box-shadow:var(--shadow-glow);background:var(--bg-card)}.form-field__input.is-error{border-color:var(--danger);box-shadow:0 0 0 4px #e7194a1f}.form-field__eye-btn{cursor:pointer;color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.25rem;transition:color .15s,background .15s;display:flex;position:absolute;right:.75rem}.form-field__eye-btn:hover{color:var(--text-muted);background:#ffffff0f}.form-field__eye-btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.form-field__error{color:var(--danger);align-items:center;gap:.25rem;font-size:.68rem;animation:.2s ease-out both error-slide;display:flex}@keyframes error-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-error-banner{border-radius:var(--radius-lg);background:#e7194a14;border:1px solid #e7194a38;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;animation:.3s ease-out both error-slide;display:flex}.login-error-banner__icon{color:var(--danger);flex-shrink:0;margin-top:1px}.login-error-banner__text{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.login-error-banner__text strong{color:var(--danger);margin-bottom:1px;display:block}.btn-login{background:var(--brand-800);color:#fff;border-radius:var(--radius-lg);width:100%;height:44px;font-family:var(--font);cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.btn-login:hover:not(:disabled){background:var(--brand-600);box-shadow:0 4px 16px #e7194a47}.btn-login:active:not(:disabled){background:var(--brand-700);transform:scale(.98)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login:focus-visible{outline:2px solid var(--brand-500);outline-offset:3px}.btn-login__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-form__forgot{text-align:center}.login-form__forgot-link{color:var(--text-dim);cursor:pointer;font-size:.75rem;font-family:var(--font);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;transition:color .15s}.login-form__forgot-link:hover{color:var(--text-muted)}.login-form__forgot-link:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.login-card__footer{border-top:1px solid var(--border-light);color:var(--text-dim);justify-content:center;align-items:center;gap:.375rem;padding-top:.5rem;font-size:.65rem;animation:.5s ease-out .4s both fadeIn;display:flex}@media (width<=480px){.login-card{border-radius:var(--radius-xl);box-shadow:none;background:0 0;border:none;margin:1rem;padding:2rem 1.5rem 1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}