:root{--bg: #F5F6FA;--bg-elevated: #FFFFFF;--card: #FFFFFF;--card-grad-top: #FFFFFF;--card-grad-bottom: #FAFBFD;--border: #E5E7EB;--border-soft: #F1F2F6;--hover: #F1F2F7;--text: #0F172A;--text-muted: #64748B;--text-subtle: #94A3B8;--primary: #2D5BFF;--primary-hover: #1E4AED;--primary-soft: rgba(45, 91, 255, .08);--primary-soft-strong: rgba(45, 91, 255, .16);--primary-glow: rgba(45, 91, 255, .3);--success: #10B981;--success-soft: rgba(16, 185, 129, .12);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .12);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .14);--purple: #8B5CF6;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 1px 0 rgba(15, 23, 42, .02), 0 4px 12px rgba(15, 23, 42, .04), 0 2px 4px rgba(15, 23, 42, .03);--shadow-lg: 0 1px 0 rgba(15, 23, 42, .02), 0 18px 36px -10px rgba(15, 23, 42, .12), 0 8px 16px -4px rgba(15, 23, 42, .06);--shadow-glow: 0 0 0 1px rgba(45, 91, 255, .1), 0 8px 24px -6px rgba(45, 91, 255, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font: "Inter", "Inter var", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--ls-tight: -.02em;--ls-snug: -.01em;--sidebar-w: 220px;--sidebar-w-collapsed: 72px;--topbar-h: 60px;--content-max: 1400px;--content-pad: 28px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t: .2s cubic-bezier(.4, 0, .2, 1);--t-slow: .32s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0B0D12;--bg-elevated: #14171E;--card: #161A22;--card-grad-top: #181C25;--card-grad-bottom: #14171E;--border: #262A33;--border-soft: #1B1F27;--hover: #1F232C;--text: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #6B7585;--primary: #4E76FF;--primary-hover: #6A8BFF;--primary-soft: rgba(78, 118, 255, .14);--primary-soft-strong: rgba(78, 118, 255, .24);--primary-glow: rgba(78, 118, 255, .4);--success-soft: rgba(16, 185, 129, .18);--danger-soft: rgba(239, 68, 68, .18);--warning-soft: rgba(245, 158, 11, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 1px 0 rgba(0, 0, 0, .4), 0 24px 48px -12px rgba(0, 0, 0, .65), 0 8px 16px -4px rgba(0, 0, 0, .4);--shadow-glow: 0 0 0 1px rgba(78, 118, 255, .18), 0 8px 24px -6px rgba(78, 118, 255, .4)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-feature-settings:"cv11","ss01","ss03"}html,body{height:100%}body{background:var(--bg);color:var(--text);font-size:var(--fs-base);line-height:1.5;transition:background-color var(--t-slow),color var(--t-slow),border-color var(--t-slow);accent-color:var(--primary);caret-color:var(--primary)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}input,textarea,select{font:inherit;color:inherit;caret-color:var(--primary)}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}.tabular,.kpi-card__value,table td,table th,.sparkline-chart__value,.donut__center-value,time{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color var(--t)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:padding-box}::selection{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}::-moz-selection{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar-toggle-input{display:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns var(--t-slow)}.app[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.app__main{display:flex;flex-direction:column;min-width:0}.app__content{flex:1;padding:var(--content-pad);max-width:var(--content-max);width:100%;margin:0 auto}.sidebar{background:var(--card);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow:hidden auto;transition:padding var(--t-slow)}.app[data-sidebar=collapsed] .sidebar{padding:18px 8px}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;color:var(--primary);border-bottom:1px solid var(--border-soft);position:relative}.sidebar__logo-mark{flex-shrink:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;box-shadow:0 4px 10px -2px var(--primary-glow);transition:transform var(--t-slow)}.sidebar__logo:hover .sidebar__logo-mark{animation:hat-wiggle .6s var(--ease-spring)}@keyframes hat-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.05)}60%{transform:rotate(6deg) scale(1.05)}80%{transform:rotate(-3deg)}}.sidebar__brand{font-weight:600;font-size:var(--fs-lg);color:var(--text);letter-spacing:var(--ls-snug);flex:1;white-space:nowrap;overflow:hidden;transition:opacity var(--t-slow),width var(--t-slow)}.app[data-sidebar=collapsed] .sidebar__brand,.app[data-sidebar=collapsed] .sidebar__collapse-label,.app[data-sidebar=collapsed] .nav-item>span,.app[data-sidebar=collapsed] .nav-badge,.app[data-sidebar=collapsed] .nav-chevron,.app[data-sidebar=collapsed] .status-card,.app[data-sidebar=collapsed] .nav-subgroup{opacity:0;width:0;pointer-events:none;visibility:hidden;transition:opacity 80ms linear}.sidebar__collapse{position:absolute;top:8px;right:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--text-subtle);cursor:pointer;transition:background var(--t),color var(--t);border:none;background:transparent}.sidebar__collapse:hover{background:var(--hover);color:var(--text)}.app[data-sidebar=collapsed] .sidebar__collapse svg{transform:rotate(180deg)}.sidebar__collapse svg{transition:transform var(--t-slow)}.sidebar__close{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text-muted);cursor:pointer}.sidebar__close:hover{background:var(--hover);color:var(--text)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;font-size:var(--fs-base);color:var(--text-muted);cursor:pointer;user-select:none;list-style:none;isolation:isolate;transition:color var(--t)}.nav-item::-webkit-details-marker{display:none}.nav-item:before{content:"";position:absolute;inset:0;background:var(--hover);border-radius:inherit;transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform var(--t) var(--ease),opacity var(--t-fast);z-index:-1}.nav-item:hover:before{transform:scaleX(1);opacity:1}.nav-item:hover{color:var(--text)}.nav-item>svg{flex-shrink:0}.nav-item>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.app[data-sidebar=collapsed] .nav-item{justify-content:center;padding:11px}.nav-item.is-active{color:var(--primary);font-weight:500}.nav-item.is-active:before{background:var(--primary-soft);transform:scaleX(1);opacity:1}.nav-item.is-active:after{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--primary);box-shadow:0 0 8px var(--primary-glow);transform:translate(-3px,-50%);animation:indicator-in .4s var(--ease-spring) forwards}@keyframes indicator-in{0%{transform:translate(-3px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}.nav-item.is-active:hover:before{background:var(--primary-soft-strong)}.nav-badge{position:relative;z-index:1;background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;line-height:1.4;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px -2px var(--primary-glow)}.nav-group{margin:0}.nav-item--group{width:100%}.nav-chevron{transition:transform var(--t);color:var(--text-subtle);flex-shrink:0}.nav-group[open]>summary>.nav-chevron{transform:rotate(180deg)}.nav-subgroup{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 24px;padding-left:8px;border-left:1px solid var(--border)}.nav-item--sub{padding:7px 10px;font-size:var(--fs-sm)}.nav-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--text);color:var(--bg);padding:5px 9px;border-radius:6px;font-size:var(--fs-sm);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t),transform var(--t);z-index:100;box-shadow:var(--shadow-lg);display:none}.nav-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--text)}.app[data-sidebar=collapsed] .nav-tooltip{display:block}.app[data-sidebar=collapsed] .nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar__bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border-soft)}.status-card{margin-top:12px;padding:14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--purple) 8%,transparent));border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);transition:opacity var(--t-slow)}.status-card__head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.status-card__title{font-weight:600;font-size:var(--fs-sm);color:var(--text);letter-spacing:-.005em}.status-card__text{margin:2px 0 10px;font-size:11.5px;color:var(--text-muted);line-height:1.4}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--success);flex-shrink:0;animation:pulse-dot 2s var(--ease) infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}.status-card__progress{position:relative;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 18%,transparent);overflow:hidden}.status-card__progress-bar{position:absolute;inset:0;width:14.3%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:999px;box-shadow:0 0 8px var(--primary-glow)}.status-card__phase{margin-top:6px;font-size:11px;color:var(--text-subtle);font-variant-numeric:tabular-nums;letter-spacing:.01em}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);display:flex;align-items:center;gap:14px;padding:0 var(--content-pad);position:sticky;top:0;z-index:20}.topbar__hamburger{display:none}.search{position:relative;flex:1;max-width:440px;display:flex;align-items:center}.search__icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none;transition:color var(--t)}.search__input{width:100%;height:38px;background:var(--hover);border:1px solid transparent;border-radius:var(--radius-sm);padding:0 60px 0 36px;font:inherit;font-size:var(--fs-sm);color:var(--text);outline:none;transition:border-color var(--t),background var(--t),box-shadow var(--t),transform var(--t)}.search__input::placeholder{color:var(--text-subtle)}.search__input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px var(--primary-soft);transform:scale(1.005)}.search:focus-within .search__icon{color:var(--primary)}.search__kbd{position:absolute;right:8px;font-size:11px;font-family:inherit;padding:2px 6px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);background:var(--card);font-variant-numeric:tabular-nums;transition:opacity var(--t)}.search__input:focus~.search__kbd{opacity:0}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:4px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;position:relative;transition:background var(--t),color var(--t),transform var(--t-fast)}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn--bell.has-unread .bell-badge{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--danger);border:2px solid var(--card);animation:bell-pulse 2s var(--ease) infinite}@keyframes bell-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 6px #ef444400}}.icon-btn--bell:hover svg{animation:bell-ring .5s var(--ease-spring)}@keyframes bell-ring{0%,to{transform:rotate(0)}30%{transform:rotate(14deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(5deg)}}.theme-toggle__icons{position:relative;width:18px;height:18px}.theme-toggle__icons>svg{position:absolute;inset:0;transition:opacity var(--t-slow),transform var(--t-slow)}.theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg) scale(.6)}[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg) scale(.6)}[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0) scale(1)}.avatar{position:relative;width:36px;height:36px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-weight:600;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;letter-spacing:.02em;transition:transform var(--t)}.avatar:hover{transform:scale(1.06)}.avatar:active{transform:scale(.96)}.avatar__status{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:999px;background:var(--success);border:2.5px solid var(--card);box-shadow:0 0 #10b98199;animation:pulse-dot 2.5s var(--ease) infinite}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-title{margin:0;font-size:var(--fs-2xl);font-weight:600;letter-spacing:var(--ls-tight);line-height:1.15}.page-subtitle{margin:6px 0 0;color:var(--text-muted);font-size:var(--fs-base)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t),box-shadow var(--t),transform var(--t-fast);color:var(--text);background:var(--card);letter-spacing:-.005em}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--card);border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--hover);border-color:var(--text-subtle)}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px #ffffff1a inset,0 6px 14px -4px var(--primary-glow)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 1px #ffffff1a inset,0 10px 20px -4px var(--primary-glow)}.btn--block{width:100%;justify-content:center;height:42px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{position:relative;background:linear-gradient(180deg,var(--card-grad-top) 0%,var(--card-grad-bottom) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:20px 20px 0;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:box-shadow var(--t-slow),transform var(--t-slow),border-color var(--t-slow)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 30%,transparent),transparent);opacity:0;transition:opacity var(--t-slow)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}.kpi-card:hover:after{opacity:1}.kpi-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-card__label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;letter-spacing:-.005em}.kpi-card__icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.kpi-card__icon--success{background:var(--success-soft);color:var(--success)}.kpi-card__icon--warning{background:var(--warning-soft);color:var(--warning)}.kpi-card__icon--purple{background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple)}.kpi-card__value{font-size:var(--fs-2xl);font-weight:600;letter-spacing:var(--ls-tight);line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv11"}.kpi-card__trend{display:inline-flex;align-items:center;gap:5px;font-size:12px;margin-top:4px;font-weight:500;font-variant-numeric:tabular-nums}.kpi-card__trend--up{color:var(--success)}.kpi-card__trend--down{color:var(--danger)}.kpi-card__trend--flat{color:var(--text-muted)}.kpi-card__trend svg{animation:trend-bounce .5s var(--ease-spring)}@keyframes trend-bounce{0%{transform:translateY(4px);opacity:0}50%{transform:translateY(-2px)}to{transform:translateY(0);opacity:1}}.kpi-card__trend-label{color:var(--text-muted);margin-left:2px;font-weight:400}.kpi-card__spark{margin-top:14px;margin-inline:-20px;margin-bottom:-1px;height:52px}.sparkline{display:block;width:100%;height:100%;overflow:visible}.sparkline__line{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:spark-draw 1.2s var(--ease) forwards}.sparkline--success .sparkline__line{stroke:var(--success)}.sparkline--warning .sparkline__line{stroke:var(--warning)}.sparkline--purple .sparkline__line{stroke:var(--purple)}.sparkline--danger .sparkline__line{stroke:var(--danger)}.sparkline__fill{opacity:0;animation:spark-fade 1.2s var(--ease) .3s forwards}@keyframes spark-draw{to{stroke-dashoffset:0}}@keyframes spark-fade{to{opacity:1}}.sparkline__dot{fill:var(--card);stroke:var(--primary);stroke-width:2;opacity:0;animation:spark-dot .4s var(--ease-spring) 1s forwards}@keyframes spark-dot{to{opacity:1;r:3}}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.panel{background:linear-gradient(180deg,var(--card-grad-top),var(--card-grad-bottom));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel__head{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-soft)}.panel__title{margin:0;font-size:var(--fs-md);font-weight:600;letter-spacing:var(--ls-snug)}.panel__subtitle{margin:2px 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.panel__body{padding:16px 20px 20px}.res-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}.res-table thead th{text-align:left;font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);padding:10px 12px;border-bottom:1px solid var(--border-soft)}.res-table tbody td{padding:12px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.res-table tbody tr{position:relative;transition:background var(--t)}.res-table tbody tr:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary);opacity:0;transform:scaleY(.4);transition:opacity var(--t),transform var(--t)}.res-table tbody tr:hover{background:var(--hover)}.res-table tbody tr:hover:after{opacity:1;transform:scaleY(1)}.res-table tbody tr:last-child td{border-bottom:none}.res-table__time{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}.res-table__name{font-weight:500;color:var(--text)}.res-table__detail{font-size:var(--fs-xs);color:var(--text-muted)}.res-table__count{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.res-table__count strong{color:var(--text);font-weight:600}.res-table__table-num{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 8px;border-radius:7px;background:var(--hover);border:1px solid var(--border-soft);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-xs);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.badge--confirmed{background:var(--success-soft);color:var(--success)}.badge--pending{background:var(--warning-soft);color:var(--warning)}.badge--seated{background:var(--primary-soft);color:var(--primary)}.badge--cancelled{background:var(--danger-soft);color:var(--danger)}.res-table__actions{text-align:right;width:1%;white-space:nowrap}.row-action{width:30px;height:30px;border-radius:8px;background:transparent;border:none;color:var(--text-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translate(-4px);transition:opacity var(--t),background var(--t),color var(--t),transform var(--t)}.res-table tbody tr:hover .row-action{opacity:1;transform:translate(0)}.row-action:hover{background:var(--hover);color:var(--text)}.donut{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 0 12px}.donut__svg{width:180px;height:180px;transform:rotate(-90deg)}.donut__track{fill:none;stroke:var(--border);stroke-width:14}.donut__progress{fill:none;stroke:url(#donut-gradient);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}.donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut__center-value{font-size:32px;font-weight:600;letter-spacing:var(--ls-tight);line-height:1;font-variant-numeric:tabular-nums}.donut__center-label{margin-top:4px;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.donut-legend{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.donut-legend__item{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--text-muted)}.donut-legend__dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.donut-legend__value{margin-left:auto;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 24px;gap:14px}.empty-state__art{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--purple) 12%,transparent));color:var(--primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff6}.empty-state__title{margin:0;font-size:var(--fs-lg);font-weight:600;letter-spacing:var(--ls-snug)}.empty-state__text{margin:0;max-width:36ch;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton__line{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--border-soft) 0%,var(--hover) 40%,var(--border-soft) 80%);background-size:200% 100%;animation:shimmer 1.6s var(--ease) infinite}.skeleton__line--big{height:28px;width:60%}.skeleton__line--mid{width:80%}.skeleton__line--sm{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative;overflow:hidden}.login-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.login-blob{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.login-blob--a{background:radial-gradient(circle,var(--primary),transparent 70%);top:-120px;left:-100px;animation:blob-float-a 18s var(--ease) infinite alternate}.login-blob--b{background:radial-gradient(circle,var(--purple),transparent 70%);bottom:-180px;right:-120px;width:560px;height:560px;animation:blob-float-b 22s var(--ease) infinite alternate}.login-blob--c{background:radial-gradient(circle,#06B6D4,transparent 70%);top:30%;right:20%;width:320px;height:320px;opacity:.35;animation:blob-float-c 26s var(--ease) infinite alternate}[data-theme=dark] .login-blob{opacity:.42}[data-theme=dark] .login-blob--c{opacity:.25}@keyframes blob-float-a{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.15)}}@keyframes blob-float-b{0%{transform:translate(0) scale(1)}to{transform:translate(-100px,-80px) scale(1.1)}}@keyframes blob-float-c{0%{transform:translate(0) scale(.9)}to{transform:translate(-60px,80px) scale(1.2)}}.login-shell{width:100%;max-width:420px;position:relative;z-index:1}.login-card{background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-lg);padding:34px 30px 30px;box-shadow:var(--shadow-lg),inset 0 1px color-mix(in srgb,#ffffff 16%,transparent)}.login-card__brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.login-card__brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -4px var(--primary-glow)}.login-card__brand h1{margin:0;font-size:var(--fs-xl);color:var(--text);font-weight:600;letter-spacing:var(--ls-tight);line-height:1.1}.login-card__brand-sub{margin:2px 0 0;font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.login-card__intro{margin:16px 0 22px;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{font-size:var(--fs-sm);font-weight:500;color:var(--text);letter-spacing:-.005em}.form-field__input{height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);padding:0 14px;font:inherit;font-size:var(--fs-sm);color:var(--text);outline:none;transition:border-color var(--t),background var(--t),box-shadow var(--t)}.form-field__input::placeholder{color:var(--text-subtle)}.form-field__input:focus{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px var(--primary-soft)}.login-card__hint{margin:20px 0 0;text-align:center;font-size:11.5px;color:var(--text-subtle);letter-spacing:.01em}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media(max-width:1024px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:260px;z-index:50;transform:translate(-100%);transition:transform var(--t-slow);box-shadow:var(--shadow-lg)}.sidebar__close{display:inline-flex}.sidebar__collapse{display:none}.sidebar-toggle-input:checked~.app .sidebar{transform:translate(0)}.topbar__hamburger{display:inline-flex;margin-right:4px}.app__content{padding:20px}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr}.search{max-width:none}.search__kbd{display:none}.page-header{flex-direction:column;align-items:stretch}.res-table thead{display:none}.res-table,.res-table tbody,.res-table tr,.res-table td{display:block;width:100%}.res-table tr{padding:10px 0;border-bottom:1px solid var(--border-soft)}.res-table td{padding:4px 12px;border:none}}