:root{--color-bg:#f3f5f8;--color-surface:#fff;--color-border:#e1e5eb;--color-border-strong:#c5ccd6;--color-text:#1c2533;--color-text-muted:#5b6676;--color-backdrop:#10182873;--color-primary:#0166fe;--color-primary-hover:#0052cc;--color-primary-soft:#e6f0ff;--color-on-primary:#fff;--color-focus:#3d8bfe;--color-success-fill:#77e250;--color-on-success:#1c2533;--color-success:#2e7d14;--color-success-bg:#f1fcee;--color-success-border:#cff5c2;--color-warning-fill:#f2af01;--color-on-warning:#1c2533;--color-warning:#8a6100;--color-warning-bg:#fef7e6;--color-warning-border:#fae3a6;--color-danger-fill:#f9524f;--color-on-danger:#1c2533;--color-danger:#c62f2c;--color-danger-bg:#feeeed;--color-danger-border:#fdc2c1;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-card:0 1px 2px #1018280a, 0 4px 16px #1018280f;--shadow-dialog:0 8px 32px #1018282e;color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);margin:0}.page-title{margin:0;font-size:1.5rem}.layout{--sidebar-width:240px;background:var(--color-bg);min-height:100vh}.layout__brand{align-items:center;gap:10px;font-weight:700;display:flex}.layout__logo{border-radius:var(--radius-md);background:var(--color-primary);width:32px;height:32px;color:var(--color-on-primary);letter-spacing:.04em;place-items:center;font-size:.75rem;display:grid}.layout__topbar{display:none}.layout__sidebar{z-index:20;width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;padding:20px 12px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-x:hidden}.layout__sidebar-header{justify-content:space-between;align-items:center;gap:8px;padding:0 0 24px 8px;display:flex}.layout__brand-text,.layout__label{white-space:nowrap}.layout__collapse-button{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;padding:0;display:grid}.layout__collapse-button:hover{background:var(--color-bg);color:var(--color-text)}.layout__nav{flex:1;overflow-y:auto}.layout__menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layout__link{border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:10px;padding:9px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.layout__link:hover{background:var(--color-bg);color:var(--color-text)}.layout__link--active,.layout__link--active:hover{background:var(--color-primary-soft);color:var(--color-primary-hover);box-shadow:inset 3px 0 0 var(--color-primary)}.layout__icon{flex-shrink:0}.layout__group{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.layout__group--active{color:var(--color-text)}.layout__chevron{flex-shrink:0;margin-left:auto;transition:transform .15s}.layout__chevron--open{transform:rotate(180deg)}.layout__submenu{border-left:1px solid var(--color-border);flex-direction:column;gap:2px;margin:2px 0 6px 21px;padding:0 0 0 10px;list-style:none;display:flex}.layout__sublink{border-radius:var(--radius-md);color:var(--color-text-muted);white-space:nowrap;padding:7px 10px;font-size:.8125rem;font-weight:500;text-decoration:none;display:block}.layout__sublink:hover{background:var(--color-bg);color:var(--color-text)}.layout__sublink--active,.layout__sublink--active:hover{background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:600}.layout__flyout{left:calc(var(--sidebar-width) + 8px);z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:220px;box-shadow:var(--shadow-dialog);padding:8px;position:fixed}.layout__flyout-title{color:var(--color-text-muted);margin:2px 10px 6px;font-size:.75rem;font-weight:600}.layout__flyout-menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.layout__logout{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);height:36px;color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:16px 0 0;padding:0 14px;font-size:.875rem;font-weight:600;display:flex}.layout__logout:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.layout__logout:disabled{opacity:.7;cursor:progress}.layout__link:focus-visible,.layout__sublink:focus-visible,.layout__logout:focus-visible,.layout__collapse-button:focus-visible,.layout__menu-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.layout__content{min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;padding:32px 24px;transition:margin-left .2s;display:flex}.layout__page{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}@media (width>=901px){.layout--collapsed{--sidebar-width:68px}.layout--collapsed .layout__sidebar-header{flex-direction:column;padding:0 0 24px}.layout--collapsed .layout__brand-text,.layout--collapsed .layout__label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.layout--collapsed .layout__link,.layout--collapsed .layout__logout{justify-content:center;padding:9px 0}.layout--collapsed .layout__chevron{display:none}.layout--collapsed .layout__group--active{background:var(--color-primary-soft);color:var(--color-primary-hover);box-shadow:inset 3px 0 0 var(--color-primary)}}.layout__backdrop{display:none}@media (width<=900px){.layout__topbar{z-index:10;border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.layout__collapse-button{display:none}.layout__menu-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);height:36px;color:var(--color-text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:.875rem;font-weight:600;display:flex}.layout__sidebar{box-shadow:var(--shadow-dialog);visibility:hidden;transition:transform .2s,visibility .2s;transform:translate(-100%)}.layout__sidebar--open{visibility:visible;transform:none}.layout__backdrop{z-index:15;background:var(--color-backdrop);display:block;position:fixed;inset:0}.layout__content{min-height:calc(100vh - 60px);margin-left:0}}@media (prefers-reduced-motion:reduce){.layout__sidebar,.layout__content,.layout__chevron{transition:none}}@media (width<=480px){.layout__topbar,.layout__content{padding-left:16px;padding-right:16px}}.chart-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:20px;display:flex}.chart-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-card__title{margin:0;font-size:1rem;font-weight:600}.chart-card__subtitle{color:var(--color-text-muted);margin:2px 0 0;font-size:.8125rem}.chart-card__toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);height:30px;color:var(--color-text);font:inherit;cursor:pointer;flex-shrink:0;padding:0 10px;font-size:.8125rem;font-weight:600}.chart-card__toggle:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.chart-card__toggle:focus-visible,.donut__legend-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.chart-card__table-wrapper{max-height:260px;overflow:auto}.chart-card__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8125rem}.chart-card__table th,.chart-card__table td{border-bottom:1px solid var(--color-border);text-align:right;padding:6px 8px}.chart-card__table th:first-child,.chart-card__table td:first-child{text-align:left}.chart-card__table th{background:var(--color-surface);color:var(--color-text-muted);font-weight:600;position:sticky;top:0}.chart{width:100%;height:220px;position:relative}.chart svg{display:block;overflow:visible}.chart__grid{stroke:var(--color-border);stroke-width:1px;shape-rendering:crispedges}.chart__tick{fill:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.chart__bar{fill:var(--color-primary);transition:opacity .15s}.chart__bar--dimmed{opacity:.35}.chart__line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart__area{fill:var(--color-primary);fill-opacity:.1}.chart__crosshair{stroke:var(--color-border-strong);stroke-width:1px}.chart__dot{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2px}.chart__hit{fill:#0000;cursor:crosshair}.chart__tooltip{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);white-space:nowrap;pointer-events:none;flex-direction:column;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%,-100%)}.chart__tooltip-value{font-size:.875rem;font-weight:600}.chart__tooltip-label{color:var(--color-text-muted);font-size:.75rem}.donut{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.donut__chart{flex-shrink:0;position:relative}.donut__chart svg{display:block}.donut__slice,.donut__swatch{--donut-color:color-mix(in oklab, var(--color-primary) var(--intensity), var(--color-surface))}.donut__slice{fill:var(--donut-color);stroke:var(--color-surface);stroke-width:2px;stroke-linejoin:round;transition:opacity .15s}.donut__slice--dimmed{opacity:.35}.donut__center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut__center-value{font-size:1.25rem;font-weight:600}.donut__center-label,.donut__center-detail{color:var(--color-text-muted);font-size:.75rem}.donut__legend{flex-direction:column;flex:240px;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.donut__legend-row{border-radius:var(--radius-sm);grid-template-columns:12px minmax(0,1fr) auto 3.25rem;align-items:center;gap:8px;padding:4px 6px;font-size:.8125rem;display:grid}.donut__legend-row--active{background:var(--color-bg)}.donut__swatch{border-radius:var(--radius-sm);background:var(--donut-color);width:12px;height:12px}.donut__legend-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donut__legend-value{font-variant-numeric:tabular-nums;font-weight:600}.donut__legend-percent{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right}@media (width<=480px){.chart-card{padding:16px}}.dashboard__heading{align-items:center;gap:12px;display:flex}.dashboard__title{margin:0;font-size:1.5rem}.dashboard__badge{border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning);padding:2px 8px;font-size:.75rem;font-weight:600}.dashboard__period{color:var(--color-text-muted);margin:4px 0 24px;font-size:.875rem}.dashboard__alert{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);margin:16px 0 0;padding:12px 14px;font-size:.875rem}.dashboard__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0 0 24px;display:grid}.dashboard__stat{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);padding:16px 20px}.dashboard__stat-label{color:var(--color-text-muted);font-size:.8125rem}.dashboard__stat-value{margin:4px 0 0;font-size:1.375rem;font-weight:600}.dashboard__charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard__chart--wide{grid-column:1/-1}@media (width<=900px){.dashboard__charts{grid-template-columns:minmax(0,1fr)}}.two-factor{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:calc(100% - 32px);max-width:380px;color:var(--color-text);box-shadow:var(--shadow-dialog);padding:0}.two-factor::backdrop{background:var(--color-backdrop)}.two-factor__form{flex-direction:column;gap:16px;padding:28px 24px 24px;display:flex}.two-factor__header{flex-direction:column;gap:4px;display:flex}.two-factor__title{margin:0;font-size:1.125rem;font-weight:600}.two-factor__description,.two-factor__countdown{color:var(--color-text-muted);margin:0;font-size:.875rem}.two-factor__countdown-time{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.two-factor__alert{border-radius:var(--radius-md);padding:10px 12px;font-size:.875rem}.two-factor__alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.two-factor__field{flex-direction:column;gap:6px;display:flex}.two-factor__label{font-size:.875rem;font-weight:500}.two-factor__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:44px;color:var(--color-text);font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.3em;text-align:center;padding:0 12px;font-size:1.25rem}.two-factor__input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-primary)}.two-factor__input[aria-invalid=true]{border-color:var(--color-danger)}.two-factor__input:disabled{background:var(--color-bg)}.two-factor__field-error{color:var(--color-danger);margin:0;font-size:.8125rem}.two-factor__actions{flex-direction:column;gap:8px;display:flex}.two-factor__submit{border-radius:var(--radius-md);background:var(--color-primary);height:42px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;font-weight:600}.two-factor__submit:hover:not(:disabled){background:var(--color-primary-hover)}.two-factor__submit:disabled{opacity:.7;cursor:progress}.two-factor__back{border-radius:var(--radius-md);height:38px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500}.two-factor__back:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-hover)}.two-factor__back:disabled{opacity:.6;cursor:not-allowed}.two-factor__submit:focus-visible,.two-factor__back:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.login{background:var(--color-bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-card);padding:40px 32px 32px}.login__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.login__logo{border-radius:var(--radius-md);background:var(--color-primary);width:48px;height:48px;color:var(--color-on-primary);letter-spacing:.04em;place-items:center;margin-bottom:16px;font-weight:700;display:grid}.login__title{color:var(--color-text);margin:0;font-size:1.375rem;font-weight:600}.login__subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:.9375rem}.login__form{flex-direction:column;gap:18px;display:flex}.login__alert{border-radius:var(--radius-md);padding:10px 12px;font-size:.875rem}.login__alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:var(--color-text);font-size:.875rem;font-weight:500}.login__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;height:40px;color:var(--color-text);font:inherit;padding:0 12px}.login__input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-primary)}.login__input[aria-invalid=true]{border-color:var(--color-danger)}.login__input:disabled{background:var(--color-bg)}.login__password{position:relative}.login__password .login__input{padding-right:80px}.login__toggle{border-radius:var(--radius-sm);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8125rem;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login__toggle:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-hover)}.login__field-error{color:var(--color-danger);margin:0;font-size:.8125rem}.login__options{justify-content:flex-end;font-size:.875rem;display:flex}.login__link{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.login__link:hover{text-decoration:underline}.login__submit{border-radius:var(--radius-md);background:var(--color-primary);height:42px;color:var(--color-on-primary);font:inherit;cursor:pointer;border:none;margin-top:4px;font-weight:600}.login__submit:hover:not(:disabled){background:var(--color-primary-hover)}.login__submit:disabled{opacity:.7;cursor:progress}.login__toggle:focus-visible,.login__link:focus-visible,.login__submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=480px){.login__card{padding:32px 20px 24px}}