@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-greek-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-greek-wght-normal.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-vietnamese-wght-normal.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/dist/assets/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/dist/assets/montserrat-latin-600-normal.woff2) format("woff2"),url(/dist/assets/montserrat-latin-600-normal.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/dist/assets/montserrat-latin-700-normal.woff2) format("woff2"),url(/dist/assets/montserrat-latin-700-normal.woff) format("woff")}:root{--violet-50: #f5f0fa;--violet-100: #e9ddf3;--violet-200: #d3bbe7;--violet-300: #a87bc9;--violet-400: #8654ad;--violet-500: #662d91;--violet-600: #55257a;--violet-700: #451e63;--violet-800: #35174c;--violet-900: #241033;--accent: #a855f7;--cyan: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--state-active: var(--success);--state-idle: var(--violet-300);--state-charging: var(--cyan);--state-low: var(--warning);--state-offline: #6b7280;--state-sos: var(--danger);--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Montserrat", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--sidebar-w: 248px;--sidebar-w-collapsed: 68px;--topbar-h: 60px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--z-sticky: 100;--z-drawer: 200;--z-overlay: 300;--z-toast: 400}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0f0a16;--surface: #1a1122;--surface-2: #251733;--surface-3: #301e42;--surface-hover: #2b1a3b;--text: #ede7f4;--text-muted: #c4a6db;--text-subtle: #9b83b0;--text-inverse: #1a1122;--border: #35174c;--border-strong: #4a2569;--brand: var(--violet-500);--brand-hover: #7a3aac;--brand-text: #ffffff;--brand-subtle: rgba(102, 45, 145, .22);--focus-ring: var(--accent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 34px rgba(0, 0, 0, .55);--glass-bg: rgba(26, 17, 34, .82);--glass-border: rgba(168, 123, 201, .18);--ink-active: var(--state-active);--ink-charging: var(--state-charging);--ink-low: var(--state-low);--ink-idle: #b690d1;--ink-offline: #939aa6;--ink-sos: #ed7774;--ink-accent: #b985f0;--ramp-1: #6a3295;--ramp-2: #8750b5;--ramp-3: #a570d4;--ramp-4: #c391f1;--ramp-5: #dbbafc;--ramp-6: #f1e6fe;--heat-0: var(--surface-2);--heat-1: #6a3295;--heat-2: #8f58bd;--heat-3: #b480e3;--heat-4: #d6affc;--heat-5: #f1e6fe;--chart-grid: #2e1c3f;--chart-axis: var(--text-subtle)}:root[data-theme=light]{color-scheme:light;--bg: #faf8fc;--surface: #ffffff;--surface-2: #f5f0fa;--surface-3: #e9ddf3;--surface-hover: #f1edf6;--text: #241033;--text-muted: #55257a;--text-subtle: #784a9b;--text-inverse: #ffffff;--border: #e2d6ee;--border-strong: #d3bbe7;--brand: var(--violet-500);--brand-hover: var(--violet-600);--brand-text: #ffffff;--brand-subtle: rgba(102, 45, 145, .1);--focus-ring: var(--violet-500);--shadow-sm: 0 1px 2px rgba(36, 16, 51, .06);--shadow-md: 0 4px 14px rgba(36, 16, 51, .1);--shadow-lg: 0 12px 34px rgba(36, 16, 51, .14);--glass-bg: rgba(255, 255, 255, .86);--glass-border: rgba(102, 45, 145, .12);--warning: #b45309;--success: #3ea077;--cyan: #2f9cb3;--state-idle: var(--violet-400);--state-offline: #525c6b;--ink-active: #266047;--ink-idle: #6b4785;--ink-charging: #235d6a;--ink-low: #774c05;--ink-offline: #4d5765;--ink-sos: #a31c23;--ink-accent: #953ee1;--ramp-1: #cb9cf9;--ramp-2: #b07bdf;--ramp-3: #945dc3;--ramp-4: #7840a5;--ramp-5: #5c2486;--ramp-6: #410764;--heat-1: #cb9cf9;--heat-2: #a974d8;--heat-3: #864eb4;--heat-4: #632b8d;--heat-5: #410764;--chart-grid: #ece4f4}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--violet-300);text-decoration:underline}img,svg{max-width:100%}img{height:auto}hr{border:0;border-top:1px solid var(--border);margin:var(--space-6) 0}code,pre,.tabular{font-family:var(--font-mono)}.tabular,td.numeric,.metric-value{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::selection{background:var(--brand);color:var(--brand-text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--violet-400);background-clip:content-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--brand);color:var(--brand-text);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-2)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh;transition:grid-template-columns var(--dur) var(--ease)}.app[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-w-collapsed)}.app[data-sidebar=hidden]{grid-template-columns:0}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0;color:var(--text)}.sidebar__brand:hover{text-decoration:none}.sidebar__brand img{width:30px;height:30px;object-fit:contain;flex-shrink:0}.sidebar__wordmark{display:flex;flex-direction:column;min-width:0;white-space:nowrap}.sidebar__wordmark strong{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;letter-spacing:.02em}.sidebar__wordmark span{font-size:var(--text-2xs);color:var(--text-subtle);letter-spacing:.11em;text-transform:uppercase}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-3)}.sidebar__section{margin-bottom:var(--space-5)}.sidebar__section:last-child{margin-bottom:0}.sidebar__label{padding:0 var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-2xs);font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:2px;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-md);font-weight:500;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav-item:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}.nav-item[aria-current=page]{background:var(--brand-subtle);color:var(--text);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-item__badge{margin-left:auto;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:var(--text-2xs);font-weight:700;font-variant-numeric:tabular-nums}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border);flex-shrink:0}.app[data-sidebar=hidden] .sidebar{visibility:hidden;border-right:0}.app[data-sidebar=collapsed] .sidebar__wordmark,.app[data-sidebar=collapsed] .sidebar__label,.app[data-sidebar=collapsed] .nav-item__text,.app[data-sidebar=collapsed] .nav-item__badge{display:none}.app[data-sidebar=collapsed] .nav-item,.app[data-sidebar=collapsed] .sidebar__brand{justify-content:center;padding-inline:0}.topbar{grid-area:topbar;position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:0 auto 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn svg{width:18px;height:18px}.icon-btn--alert{position:relative}.icon-btn--alert[data-count]:not([data-count="0"]):after{content:attr(data-count);position:absolute;top:1px;right:1px;min-width:15px;padding:0 3px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}.main{grid-area:main;min-width:0;padding:var(--space-6)}.main--flush{padding:0;overflow:hidden}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-header__sub{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-md)}.sidebar__scrim{display:none}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--dur) var(--ease)}.app[data-sidebar=open] .sidebar{transform:translate(0);box-shadow:var(--shadow-lg)}.app[data-sidebar=open] .sidebar__scrim{display:block;position:fixed;inset:0;z-index:calc(var(--z-drawer) - 1);background:#00000080;border:0}.app[data-sidebar=collapsed],.app[data-sidebar=hidden]{grid-template-columns:1fr}.main{padding:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:36px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--text-md);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.btn--primary{background:var(--brand);color:var(--brand-text)}.btn--primary:hover{background:var(--brand-hover)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:#9333ea}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--ink-sos)}.btn--danger:hover{background:var(--ink-sos);color:var(--surface);border-color:var(--ink-sos)}.btn--sm{min-height:29px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn--block{width:100%}.field{margin-bottom:var(--space-4)}.field__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.field__hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-subtle)}.input,.select,.textarea{display:block;width:100%;min-height:38px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--brand-subtle)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55;cursor:not-allowed}.textarea{min-height:96px;resize:vertical}.select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a87bc9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:15px}.input-validation-error,.input.is-invalid{border-color:var(--danger)}.input-validation-error:focus,.input.is-invalid:focus{box-shadow:0 0 0 3px #ef444433}.field-validation-error,.text-danger{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger)}.validation-summary-errors{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-left-width:3px;border-radius:var(--radius-md);background:#ef444417;color:var(--text);font-size:var(--text-md)}.validation-summary-errors ul{margin:0;padding-left:var(--space-5)}.validation-summary-valid{display:none}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{position:relative;width:38px;height:21px;border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--border);transition:background var(--dur-fast) var(--ease);flex-shrink:0}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--text-muted);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.switch input:checked+.switch__track{background:var(--brand);border-color:var(--brand)}.switch input:checked+.switch__track:after{transform:translate(17px);background:#fff}.switch input:focus-visible+.switch__track{outline:2px solid var(--focus-ring);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card__header h2,.card__header h3{font-size:var(--text-base);font-weight:600}.card__body{padding:var(--space-5)}.card__body--flush{padding:0}.card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2)}.card--form{max-width:620px;margin-inline:auto}.grid{display:grid;gap:var(--space-5)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border)}.table th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:0}.table td.numeric,.table th.numeric{text-align:right}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge--active{color:var(--ink-active);background:color-mix(in srgb,var(--state-active) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-active) 32%,transparent)}.badge--idle{color:var(--ink-idle);background:color-mix(in srgb,var(--state-idle) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-idle) 32%,transparent)}.badge--charging{color:var(--ink-charging);background:color-mix(in srgb,var(--state-charging) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-charging) 32%,transparent)}.badge--low{color:var(--ink-low);background:color-mix(in srgb,var(--state-low) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-low) 32%,transparent)}.badge--offline{color:var(--ink-offline);background:color-mix(in srgb,var(--state-offline) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-offline) 32%,transparent)}.badge--sos{color:var(--ink-sos);background:color-mix(in srgb,var(--state-sos) 16%,transparent);border:1px solid color-mix(in srgb,var(--state-sos) 32%,transparent)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.dot--pulse{position:relative}.dot--pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid currentColor;animation:dtagms-pulse 1.8s var(--ease) infinite}@keyframes dtagms-pulse{0%{opacity:.85;transform:scale(.7)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.demo-flag{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-3);border:1px solid var(--state-low);border-radius:var(--radius-full);background:color-mix(in srgb,var(--state-low) 16%,transparent);color:var(--ink-low);font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.demo-flag:hover{background:color-mix(in srgb,var(--state-low) 26%,transparent);text-decoration:none}.app--demo:before{content:"";position:fixed;inset:0 0 auto;height:3px;z-index:calc(var(--z-toast) + 2);background:var(--state-low);pointer-events:none}.notice{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-md);color:var(--text)}.notice--success{border-left-color:var(--state-active)}.notice--warning{border-left-color:var(--state-low)}.notice--danger{border-left-color:var(--state-sos)}.data-rows{display:grid;grid-template-columns:auto 1fr;gap:6px var(--space-4);margin:0}.data-rows dt{font-size:var(--text-sm);color:var(--text-subtle);white-space:nowrap}.data-rows dd{margin:0;font-size:var(--text-md);color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.bullets{margin:0;padding-left:var(--space-5);font-size:var(--text-md);color:var(--text-muted);line-height:var(--leading-normal)}.bullets li+li{margin-top:var(--space-2)}.bullets strong{color:var(--text)}.empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty h3{margin-bottom:var(--space-2);color:var(--text)}.empty p{max-width:46ch;margin-inline:auto;font-size:var(--text-md)}.empty svg{width:44px;height:44px;margin-bottom:var(--space-4);color:var(--text-subtle)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:dtagms-shimmer 1.4s linear infinite}@keyframes dtagms-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,100vw - var(--space-8))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-md);animation:dtagms-toast-in var(--dur) var(--ease)}.toast--success{border-left-color:var(--success)}.toast--warning{border-left-color:var(--warning)}.toast--danger{border-left-color:var(--danger)}.toast__title{font-weight:600}.toast__body{margin:2px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.toast__close{margin-left:auto;border:0;background:none;color:var(--text-subtle);cursor:pointer;font-size:var(--text-lg);line-height:1}.toast__close:hover{color:var(--text)}@keyframes dtagms-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.live-banner{position:fixed;left:50%;bottom:var(--space-5);transform:translate(-50%);z-index:calc(var(--z-toast) + 1);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.live-banner[hidden]{display:none}.live-banner[data-state=reconnecting]{color:var(--ink-low);border-color:var(--state-low)}.live-banner[data-state=offline]{color:var(--ink-sos);border-color:var(--state-sos)}.live-banner[data-state=live]{color:var(--ink-active);border-color:var(--state-active)}.icon-btn--alert.is-ringing svg{animation:dtagms-ring .6s var(--ease) 2}@keyframes dtagms-ring{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(11deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.icon-btn--alert.is-ringing svg{animation:none}}.dialog{padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);max-width:min(440px,100vw - var(--space-8))}.dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog__body{padding:var(--space-5)}.dialog__title{margin-bottom:var(--space-2);font-size:var(--text-lg)}.dialog__text{color:var(--text-muted);font-size:var(--text-md)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2)}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth__brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-12) var(--space-10);overflow:hidden;background:radial-gradient(1000px 700px at 15% 15%,rgba(168,85,247,.3),transparent 60%),radial-gradient(760px 620px at 85% 80%,rgba(6,182,212,.2),transparent 62%),linear-gradient(150deg,var(--violet-800) 0%,var(--violet-900) 55%,#170a24 100%);color:#fff}.auth__brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 15%,transparent 76%);mask-image:radial-gradient(circle at 50% 45%,#000 15%,transparent 76%)}.auth__brand>*{position:relative}.auth__logo{display:flex;align-items:center;gap:var(--space-4)}.auth__logo img{width:52px;height:52px;object-fit:contain}.auth__logo strong{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:.03em}.auth__logo span{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--violet-200)}.auth__pitch h1,.auth__pitch p{max-width:34ch}.auth__pitch h1{color:#fff;font-size:var(--text-3xl);line-height:1.2;margin-bottom:var(--space-3)}.auth__pitch p{color:var(--violet-200);font-size:var(--text-base)}.auth__facts{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-8);padding:0;margin:var(--space-6) 0 0;list-style:none}.auth__facts li{flex:0 0 auto}.auth__facts strong{display:block;font-size:var(--text-xl);white-space:nowrap}.auth__facts span{display:block;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--violet-300)}.auth__meta{font-size:var(--text-xs);color:var(--violet-300)}.auth__panel{display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg)}.auth__form{width:100%;max-width:368px}.auth__form h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth__form>p{margin-bottom:var(--space-6);color:var(--text-muted);font-size:var(--text-md)}.auth__aside{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-subtle);text-align:center}.auth__mobile-logo{display:none}@media(max-width:880px){.auth{grid-template-columns:1fr}.auth__brand{display:none}.auth__mobile-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth__mobile-logo img{width:40px;height:40px}}.status-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.status-page img{width:56px;height:56px;margin-bottom:var(--space-6)}.status-page h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.status-page p{max-width:52ch;color:var(--text-muted)}.status-page code{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-xs);color:var(--text-subtle);word-break:break-all}.status-page__code{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent),var(--violet-500));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-3)}.status-page__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}:root[data-theme=dark] .theme-icon-light{display:none}:root[data-theme=light] .theme-icon-dark{display:none}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--wrap{flex-wrap:wrap}.row--end{justify-content:flex-end}.spacer{margin-left:auto}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.small{font-size:var(--text-sm)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-6{margin-top:var(--space-6)}@media print{.sidebar,.topbar,.toast-stack{display:none!important}.app{grid-template-columns:1fr;grid-template-areas:"main"}.main{padding:0}}