@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,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(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[class],ol[class]{padding:0;list-style:none}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}a:hover{color:var(--color-primary-hover);text-underline-offset:2px;text-decoration:underline}img,picture,svg,video{max-width:100%;display:block}svg{flex-shrink:0}code,kbd,samp,pre{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.9em}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled,input:disabled,select:disabled,textarea:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}textarea{resize:vertical}:focus{outline:none}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--color-primary-subtle);color:var(--color-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}.ds-num,.ds-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.ds-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-tooltip);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-primary-fg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:transform var(--duration-base) var(--ease-out);position:absolute;transform:translateY(-200%)}.ds-skip-link:focus-visible{color:var(--color-primary-fg);text-decoration:none;transform:translateY(0)}@media (width<=767px){input,select,textarea{font-size:1rem}:root{--control-h-sm:36px;--control-h-md:44px;--control-h-lg:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}img{max-width:100%;height:auto}a{color:var(--color-accent-muted);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}h1{letter-spacing:-.02em;font-size:clamp(1.5rem,2vw,2rem);font-weight:700;line-height:1.3}h2{font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:600;line-height:1.3}h3{font-size:1rem;font-weight:600;line-height:1.4}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-mono{font-family:JetBrains Mono,monospace;font-size:.8125rem}.text-muted{color:var(--color-text-secondary)}.text-success{color:var(--color-status-success)}.text-warning{color:var(--color-status-warning)}.text-error{color:var(--color-status-error)}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--color-border-default);z-index:50;flex-shrink:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-main{margin-left:var(--sidebar-width);padding:var(--spacing-8);flex:1;min-height:100vh}.page-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--spacing-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;min-height:36px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.btn-primary:hover:not(:disabled){background:var(--button-primary-bg-hover);box-shadow:var(--shadow-glow-indigo)}.btn-ghost{background:var(--button-ghost-bg);color:var(--color-text-secondary);border-color:var(--color-border-default)}.btn-ghost:hover:not(:disabled){background:var(--button-ghost-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.btn-danger{background:var(--button-danger-bg);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:var(--button-danger-bg-hover)}.btn-success{background:var(--color-emerald-600);color:var(--color-white)}.btn-success:hover:not(:disabled){background:var(--color-emerald-500);box-shadow:var(--shadow-glow-emerald)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);min-height:28px;font-size:.75rem}.btn-lg{padding:var(--spacing-3) var(--spacing-6);min-height:44px;font-size:1rem}.btn-icon{padding:var(--spacing-2);min-width:36px;min-height:36px}.input,.select,.textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--input-radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:36px;font-family:inherit;font-size:.875rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #6366f126}.input::placeholder,.textarea::placeholder{color:var(--input-placeholder)}.textarea{resize:vertical;min-height:80px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-group{gap:var(--spacing-1);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.badge{align-items:center;gap:var(--spacing-1);border-radius:var(--radius-full);white-space:nowrap;padding:2px 8px;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.badge-healthy,.badge-success{background:var(--badge-healthy-bg);color:var(--badge-healthy-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-error,.badge-danger{background:var(--badge-error-bg);color:var(--badge-error-text)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{z-index:10;position:sticky;top:0}.data-table th{background:var(--table-header-bg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--table-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-size:.75rem;font-weight:600}.data-table th:hover{color:var(--color-text-primary)}.data-table th.sorted{color:var(--color-accent-muted)}.data-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--table-border);vertical-align:middle}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--table-row-hover)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--color-slate-700);border-radius:var(--radius-md);animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{height:14px;margin-bottom:var(--spacing-2)}.skeleton-heading{width:60%;height:24px;margin-bottom:var(--spacing-4)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-slate-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-600)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relative{position:relative}.absolute{position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}@keyframes flashSuccess{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #10b9814d}}@keyframes heartBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:1s ease-in-out infinite pulse}:root{--ds-slate-50:#f8fafc;--ds-slate-100:#f1f5f9;--ds-slate-200:#e2e8f0;--ds-slate-300:#cbd5e1;--ds-slate-400:#94a3b8;--ds-slate-500:#64748b;--ds-slate-600:#475569;--ds-slate-700:#334155;--ds-slate-800:#1e293b;--ds-slate-900:#0f172a;--ds-slate-950:#020617;--ds-indigo-200:#c7d2fe;--ds-indigo-300:#a5b4fc;--ds-indigo-400:#818cf8;--ds-indigo-500:#6366f1;--ds-indigo-600:#4f46e5;--ds-indigo-700:#4338ca;--ds-indigo-800:#3730a3;--ds-blue-100:#dbeafe;--ds-blue-400:#60a5fa;--ds-blue-500:#3b82f6;--ds-blue-600:#2563eb;--ds-blue-700:#1d4ed8;--ds-cyan-400:#22d3ee;--ds-cyan-500:#06b6d4;--ds-emerald-300:#6ee7b7;--ds-emerald-400:#34d399;--ds-emerald-500:#10b981;--ds-emerald-600:#059669;--ds-emerald-700:#047857;--ds-amber-300:#fcd34d;--ds-amber-400:#fbbf24;--ds-amber-500:#f59e0b;--ds-amber-600:#d97706;--ds-amber-700:#b45309;--ds-red-300:#fca5a5;--ds-red-400:#f87171;--ds-red-500:#ef4444;--ds-red-600:#dc2626;--ds-red-700:#b91c1c;--ds-violet-400:#a78bfa;--ds-violet-500:#8b5cf6;--ds-violet-700:#6d28d9;--ds-rgb-indigo:99 102 241;--ds-rgb-blue:59 130 246;--ds-rgb-emerald:16 185 129;--ds-rgb-amber:245 158 11;--ds-rgb-red:239 68 68;--ds-rgb-violet:139 92 246;--ds-rgb-slate:148 163 184;--space-0:0;--space-px:1px;--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;--space-16:4rem;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.011em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.06em;--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-base:var(--duration-base) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--z-base:0;--z-raised:10;--z-sticky:20;--z-dropdown:40;--z-overlay:60;--z-modal:70;--z-toast:80;--z-tooltip:90;--control-h-sm:26px;--control-h-md:32px;--control-h-lg:40px;--control-px-sm:var(--space-2);--control-px-md:var(--space-3);--control-px-lg:var(--space-4);--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-stroke:1.75;--table-row-h-compact:32px;--table-row-h:40px;--table-row-h-relaxed:56px;--table-header-h:34px;--table-cell-px:var(--space-3);--table-cell-py:var(--space-2);--sidebar-w:240px;--sidebar-w-collapsed:56px;--page-max-w:1920px;--page-px:var(--space-6);--color-bg:var(--ds-slate-950);--color-surface:#0b1220;--color-surface-2:var(--ds-slate-900);--color-surface-3:var(--ds-slate-800);--color-surface-overlay:#0d1526;--color-bg-hover:rgb(var(--ds-rgb-slate) / .08);--color-bg-active:rgb(var(--ds-rgb-slate) / .14);--color-bg-selected:rgb(var(--ds-rgb-indigo) / .16);--color-border:#1c2740;--color-border-strong:var(--ds-slate-700);--color-border-subtle:rgb(var(--ds-rgb-slate) / .1);--color-text-primary:var(--ds-slate-100);--color-text-secondary:var(--ds-slate-400);--color-text-muted:var(--ds-slate-500);--color-text-inverse:var(--ds-slate-950);--color-primary:var(--ds-indigo-600);--color-primary-hover:var(--ds-indigo-500);--color-primary-active:var(--ds-indigo-700);--color-primary-fg:#fff;--color-primary-text:var(--ds-indigo-400);--color-primary-subtle:rgb(var(--ds-rgb-indigo) / .16);--color-ring:var(--ds-indigo-500);--color-success:var(--ds-emerald-500);--color-success-text:var(--ds-emerald-400);--color-success-subtle:rgb(var(--ds-rgb-emerald) / .15);--color-warning:var(--ds-amber-500);--color-warning-text:var(--ds-amber-400);--color-warning-subtle:rgb(var(--ds-rgb-amber) / .15);--color-danger:var(--ds-red-500);--color-danger-text:var(--ds-red-400);--color-danger-subtle:rgb(var(--ds-rgb-red) / .15);--color-info:var(--ds-blue-500);--color-info-text:var(--ds-blue-400);--color-info-subtle:rgb(var(--ds-rgb-blue) / .15);--color-neutral-text:var(--ds-slate-300);--color-neutral-subtle:rgb(var(--ds-rgb-slate) / .14);--color-accent-text:var(--ds-violet-400);--color-accent-subtle:rgb(var(--ds-rgb-violet) / .15);--color-field:var(--ds-slate-800);--color-field-border:var(--color-border-strong);--color-scrim:#020617b8;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000073, 0 0 0 1px #ffffff0a;--shadow-lg:0 12px 32px #0000008c, 0 0 0 1px #ffffff0f;--shadow-focus:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-ring)}:root[data-theme=light]{--color-bg:var(--ds-slate-50);--color-surface:#fff;--color-surface-2:var(--ds-slate-100);--color-surface-3:var(--ds-slate-200);--color-surface-overlay:#fff;--color-bg-hover:rgb(var(--ds-rgb-slate) / .1);--color-bg-active:rgb(var(--ds-rgb-slate) / .18);--color-bg-selected:rgb(var(--ds-rgb-indigo) / .1);--color-border:var(--ds-slate-200);--color-border-strong:var(--ds-slate-300);--color-border-subtle:rgb(var(--ds-rgb-slate) / .22);--color-text-primary:var(--ds-slate-900);--color-text-secondary:var(--ds-slate-600);--color-text-muted:var(--ds-slate-500);--color-text-inverse:#fff;--color-primary:var(--ds-indigo-700);--color-primary-hover:var(--ds-indigo-800);--color-primary-active:var(--ds-indigo-800);--color-primary-fg:#fff;--color-primary-text:var(--ds-indigo-700);--color-primary-subtle:rgb(var(--ds-rgb-indigo) / .1);--color-ring:var(--ds-indigo-700);--color-success:var(--ds-emerald-600);--color-success-text:var(--ds-emerald-700);--color-success-subtle:#ecfdf5;--color-warning:var(--ds-amber-600);--color-warning-text:var(--ds-amber-700);--color-warning-subtle:#fffbeb;--color-danger:var(--ds-red-600);--color-danger-text:var(--ds-red-700);--color-danger-subtle:#fef2f2;--color-info:var(--ds-blue-600);--color-info-text:var(--ds-blue-700);--color-info-subtle:#eff6ff;--color-neutral-text:var(--ds-slate-600);--color-neutral-subtle:var(--ds-slate-100);--color-accent-text:var(--ds-violet-700);--color-accent-subtle:#f5f3ff;--color-field:#fff;--color-field-border:var(--ds-slate-400);--color-scrim:#0f172a73;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a1a, 0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a1a, 0 0 0 1px #0f172a0a;--shadow-lg:0 12px 32px #0f172a24, 0 0 0 1px #0f172a0d;--shadow-focus:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-ring)}:root{--color-secondary:var(--ds-violet-500);--color-bg-default:var(--color-surface-overlay);--color-bg-secondary:var(--color-surface-2);--color-bg-subtle:var(--color-surface-2);--color-bg-overlay:var(--color-surface-3);--color-text-default:var(--color-text-primary);--color-text-error:var(--color-danger-text);--color-success:var(--color-success-text);--color-warning:var(--color-warning-text);--color-error:var(--color-danger-text);--color-danger:var(--color-danger-text);--color-white:#fff;--color-slate-950:var(--ds-slate-950);--color-slate-900:var(--ds-slate-900);--color-slate-800:var(--ds-slate-800);--color-slate-700:var(--ds-slate-700);--color-slate-600:var(--ds-slate-600);--color-slate-500:var(--ds-slate-500);--color-slate-400:var(--ds-slate-400);--color-slate-300:var(--ds-slate-300);--color-slate-200:var(--ds-slate-200);--color-slate-100:var(--ds-slate-100);--color-indigo-700:var(--ds-indigo-700);--color-indigo-600:var(--ds-indigo-600);--color-indigo-500:var(--ds-indigo-500);--color-indigo-400:var(--ds-indigo-400);--color-emerald-600:var(--ds-emerald-600);--color-emerald-500:var(--ds-emerald-500);--color-emerald-400:var(--ds-emerald-400);--color-amber-500:var(--ds-amber-500);--color-amber-400:var(--ds-amber-400);--color-red-500:var(--ds-red-500);--color-red-400:var(--ds-red-400);--color-cyan-500:var(--ds-cyan-500);--color-cyan-400:var(--ds-cyan-400);--color-bg-primary:var(--color-bg);--color-bg-surface:var(--color-surface);--color-bg-card:var(--color-surface);--color-bg-elevated:var(--color-surface-3);--color-accent-primary:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-accent-muted:var(--color-primary-text);--color-status-success:var(--color-success-text);--color-status-warning:var(--color-warning-text);--color-status-error:var(--color-danger-text);--color-status-info:var(--color-info-text);--color-border-default:var(--color-border);--color-border-hover:var(--color-border-strong);--color-border-focus:var(--color-ring);--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-12:var(--space-12);--spacing-16:var(--space-16);--spacing-7:1.75rem;--spacing-9:2.25rem;--spacing-11:2.75rem;--spacing-14:3.5rem;--button-primary-bg:var(--color-primary);--button-primary-bg-hover:var(--color-primary-hover);--button-primary-text:var(--color-primary-fg);--button-ghost-bg:transparent;--button-ghost-bg-hover:var(--color-bg-hover);--button-danger-bg:var(--color-danger);--button-danger-bg-hover:var(--ds-red-600);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--sidebar-bg:var(--color-surface);--sidebar-width:var(--sidebar-w);--sidebar-active-bg:var(--color-primary);--sidebar-hover-bg:var(--color-bg-hover);--table-header-bg:var(--color-surface-2);--table-row-hover:var(--color-bg-hover);--table-border:var(--color-border);--color-bg-input:var(--color-field);--input-bg:var(--color-field);--input-border:var(--color-field-border);--input-border-focus:var(--color-ring);--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-muted);--input-radius:var(--radius-md);--badge-healthy-bg:var(--color-success-subtle);--badge-healthy-text:var(--color-success-text);--badge-success-bg:var(--color-success-subtle);--badge-success-text:var(--color-success-text);--badge-warning-bg:var(--color-warning-subtle);--badge-warning-text:var(--color-warning-text);--badge-error-bg:var(--color-danger-subtle);--badge-error-text:var(--color-danger-text);--badge-danger-bg:var(--color-danger-subtle);--badge-danger-text:var(--color-danger-text);--badge-info-bg:var(--color-info-subtle);--badge-info-text:var(--color-info-text);--badge-neutral-bg:var(--color-neutral-subtle);--badge-neutral-text:var(--color-neutral-text);--shadow-xl:var(--shadow-lg);--shadow-glow-indigo:0 0 0 3px var(--color-primary-subtle);--shadow-glow-emerald:0 0 0 3px var(--color-success-subtle)}.ds-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding-inline:var(--control-px-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1;display:inline-flex}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5}.ds-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ds-btn--primary:active:not(:disabled){background:var(--color-primary-active)}.ds-btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.ds-btn--ghost{color:var(--color-text-secondary);background:0 0}.ds-btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.ds-btn--danger:hover:not(:disabled){background:var(--ds-red-600);border-color:var(--ds-red-600)}.ds-btn--danger-ghost{border-color:var(--color-border-strong);color:var(--color-danger-text);background:0 0}.ds-btn--danger-ghost:hover:not(:disabled){background:var(--color-danger-subtle);border-color:var(--color-danger)}.ds-btn--link{height:auto;color:var(--color-primary-text);background:0 0;border:none;padding:0}.ds-btn--link:hover:not(:disabled){text-underline-offset:2px;text-decoration:underline}.ds-btn--sm{height:var(--control-h-sm);padding-inline:var(--control-px-sm);font-size:var(--text-xs);gap:var(--space-1)}.ds-btn--lg{height:var(--control-h-lg);padding-inline:var(--control-px-lg);font-size:var(--text-base)}.ds-btn--icon{width:var(--control-h-md);padding-inline:0}.ds-btn--icon.ds-btn--sm{width:var(--control-h-sm)}.ds-btn--icon.ds-btn--lg{width:var(--control-h-lg)}.ds-btn--block{width:100%}.ds-btn__spinner{width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;animation:.62s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ds-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ds-label__required{color:var(--color-danger-text);margin-left:2px}.ds-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.ds-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-danger-text);display:flex}.ds-input,.ds-select,.ds-textarea{width:100%;min-width:0;height:var(--control-h-md);padding-inline:var(--space-3);background:var(--color-field);border:1px solid var(--color-field-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ds-textarea{height:auto;min-height:76px;padding-block:var(--space-2);line-height:var(--leading-normal)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--color-text-muted)}.ds-input:hover:not(:disabled),.ds-select:hover:not(:disabled),.ds-textarea:hover:not(:disabled){border-color:var(--color-text-muted)}.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible{border-color:var(--color-ring);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.ds-input[aria-invalid=true],.ds-select[aria-invalid=true],.ds-textarea[aria-invalid=true]{border-color:var(--color-danger)}.ds-input[aria-invalid=true]:focus-visible,.ds-select[aria-invalid=true]:focus-visible,.ds-textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--color-danger-subtle)}.ds-input[readonly],.ds-textarea[readonly]{background:var(--color-surface-2);color:var(--color-text-secondary)}.ds-select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;cursor:pointer}.ds-input--sm,.ds-select--sm{height:var(--control-h-sm);font-size:var(--text-xs);padding-inline:var(--space-2)}.ds-search{align-items:center;min-width:0;display:flex;position:relative}.ds-search__icon{left:var(--space-2);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute}.ds-search .ds-input{padding-left:var(--space-8)}.ds-search__clear{right:var(--space-1);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;position:absolute}.ds-search__clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex}.ds-check input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;margin:0}.ds-check:hover{color:var(--color-text-primary)}.ds-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;background:var(--color-neutral-subtle);color:var(--color-neutral-text);line-height:1.5;display:inline-flex}.ds-badge--success{background:var(--color-success-subtle);color:var(--color-success-text)}.ds-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-text)}.ds-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger-text)}.ds-badge--info{background:var(--color-info-subtle);color:var(--color-info-text)}.ds-badge--accent{background:var(--color-accent-subtle);color:var(--color-accent-text)}.ds-badge--primary{background:var(--color-primary-subtle);color:var(--color-primary-text)}.ds-badge__dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:6px;height:6px}.ds-badge--counter{min-width:20px;padding-inline:var(--space-1);font-variant-numeric:tabular-nums;justify-content:center}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ds-card--padded{padding:var(--space-4)}.ds-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ds-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ds-card__body{padding:var(--space-4)}.ds-page{gap:var(--space-4);max-width:var(--page-max-w);flex-direction:column;display:flex}.ds-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-page-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.ds-page-header__title{align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);display:flex}.ds-page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-page-header__actions,.ds-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-toolbar__spacer{flex:auto;min-width:0}.ds-filter-bar{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.ds-filter-bar__group{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ds-filter-bar__actions{align-items:flex-end;gap:var(--space-2);margin-left:auto;display:flex}.ds-chip{align-items:center;gap:var(--space-1);height:var(--control-h-sm);padding-inline:var(--space-2);background:var(--color-primary-subtle);color:var(--color-primary-text);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);display:inline-flex}.ds-chip__remove{color:inherit;opacity:.7;display:flex}.ds-chip__remove:hover{opacity:1}.ds-tabs{align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border);scrollbar-width:none;display:flex;overflow-x:auto}.ds-tabs::-webkit-scrollbar{display:none}.ds-tab{align-items:center;gap:var(--space-2);height:var(--control-h-lg);padding-inline:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.ds-tab:hover{color:var(--color-text-primary)}.ds-tab[aria-selected=true],.ds-tab.is-active{color:var(--color-primary-text);border-bottom-color:var(--color-primary)}.ds-pagination{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-pagination__summary{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ds-pagination__pages{align-items:center;gap:2px;display:flex}.ds-pagination__page{min-width:var(--control-h-sm);height:var(--control-h-sm);padding-inline:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) var(--ease-out);border:1px solid #0000}.ds-pagination__page:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-pagination__page[aria-current=page]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-medium)}.ds-pagination__ellipsis{padding-inline:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.ds-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.ds-empty__icon{border-radius:var(--radius-full);background:var(--color-surface-2);width:40px;height:40px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.ds-empty__title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ds-empty__body{font-size:var(--text-sm);color:var(--color-text-muted);max-width:46ch}.ds-inline-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-flex}.ds-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;display:flex}.ds-alert--danger{background:var(--color-danger-subtle);border-color:var(--color-danger);color:var(--color-danger-text)}.ds-alert--success{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success-text)}.ds-alert--warning{background:var(--color-warning-subtle);border-color:var(--color-warning);color:var(--color-warning-text)}.ds-alert--info{background:var(--color-info-subtle);border-color:var(--color-info);color:var(--color-info-text)}.ds-skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 37%, var(--color-surface-2) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite ds-shimmer}.ds-skeleton--text{height:12px}@keyframes ds-shimmer{0%{background-position:100%}to{background-position:0}}.ds-spinner{width:var(--icon-md);height:var(--icon-md);border:2px solid var(--color-border-strong);border-right-color:var(--color-primary);border-radius:var(--radius-full);animation:.62s linear infinite ds-spin}.ds-kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.ds-kpi{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.ds-kpi__label{font-size:var(--text-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.ds-kpi__value{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-primary);line-height:var(--leading-tight)}.ds-kpi__sub{font-size:var(--text-xs);color:var(--color-text-muted)}.ds-menu-root,.ds-multiselect,.ds-tooltip-root{flex-direction:column;min-width:0;display:inline-flex;position:relative}.ds-tooltip-root{flex-direction:row;align-items:center;display:inline-flex}.ds-menu,.ds-popover{top:calc(100% + 4px);left:0}.ds-menu--end{left:auto;right:0}.ds-popover{z-index:var(--z-dropdown);min-width:260px;padding:var(--space-3);background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:absolute}.ds-menu__dots{letter-spacing:.1em;line-height:1}.ds-tooltip-root .ds-tooltip{white-space:normal;width:max-content;max-width:260px;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ds-fieldset{border:none;min-width:0;margin:0;padding:0}.ds-choice-col{gap:var(--space-1);margin-top:var(--space-1);flex-direction:column;display:flex}.ds-choice-row{gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.ds-switch-row{align-items:flex-start;gap:var(--space-2);display:flex}.ds-switch{appearance:none;border-radius:var(--radius-full);background:var(--color-surface-3);border:1px solid var(--color-border-strong);cursor:pointer;width:34px;height:20px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-shrink:0;margin:0;position:relative}.ds-switch:after{content:"";border-radius:var(--radius-full);background:var(--color-text-secondary);width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);position:absolute;top:2px;left:2px}.ds-switch:checked{background:var(--color-primary);border-color:var(--color-primary)}.ds-switch:checked:after{background:var(--color-primary-fg);transform:translate(14px)}.ds-switch-label{font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;flex-direction:column;gap:2px;display:flex}.ds-date{align-items:center;display:inline-flex;position:relative}.ds-multiselect__trigger{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;display:flex}.ds-multiselect__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-multiselect__chips{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.ds-multiselect__list{min-width:100%;max-height:280px;position:absolute;top:calc(100% + 4px);left:0}.ds-multiselect__search{padding:var(--space-1);background:var(--color-surface-overlay);position:sticky;top:0}.ds-multiselect__check{width:14px;color:var(--color-primary-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-breadcrumbs ol{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ds-breadcrumbs li{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:inline-flex}.ds-breadcrumbs a{color:var(--color-text-secondary)}.ds-breadcrumbs a:hover{color:var(--color-text-primary)}.ds-breadcrumbs [aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ds-breadcrumbs__sep{color:var(--color-text-muted);opacity:.6}.ds-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-section-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.ds-section-header__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.ds-section-header__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:70ch;margin:0}.ds-table-toolbar{gap:var(--space-2);flex-direction:column;display:flex}.ds-table-toolbar__filters{gap:var(--space-1)}.ds-segmented{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.ds-segmented__option{height:calc(var(--control-h-sm) - 2px);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.ds-segmented__option:hover{color:var(--color-text-primary)}.ds-segmented__option[aria-checked=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.ds-menu__item.is-disabled{opacity:.55;cursor:not-allowed}.ds-menu__item input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.ds-table caption:not(.ds-visually-hidden){padding:var(--space-2) var(--table-cell-px);text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);caption-side:top}.ds-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;position:relative;overflow:auto visible}.ds-table-wrap--scroll-y{max-height:var(--ds-table-max-h,70vh);overflow-y:auto}.ds-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ds-table thead th{z-index:var(--z-sticky);height:var(--table-header-h);padding:0 var(--table-cell-px);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);text-align:left;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;position:sticky;top:0}.ds-table thead th:first-child{border-top-left-radius:var(--radius-lg)}.ds-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.ds-th--sortable{cursor:pointer;padding:0}.ds-th__button{align-items:center;gap:var(--space-1);width:100%;height:100%;padding:0 var(--table-cell-px);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.ds-th__button:hover{color:var(--color-text-primary)}.ds-th--num .ds-th__button{justify-content:flex-end}.ds-th__sort-icon{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:inline-flex}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.45}.ds-table th[aria-sort=ascending],.ds-table th[aria-sort=descending]{color:var(--color-primary-text);background:var(--color-surface-3)}.ds-table th[aria-sort=ascending] .ds-th__sort-icon,.ds-table th[aria-sort=descending] .ds-th__sort-icon{opacity:1}.ds-table tbody td{height:var(--table-row-h);padding:var(--table-cell-py) var(--table-cell-px);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.ds-table tbody tr:hover{background:var(--color-bg-hover)}.ds-table tbody tr[aria-selected=true],.ds-table tbody tr.is-selected{background:var(--color-bg-selected)}.ds-tr--clickable{cursor:pointer}.ds-tr--clickable:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.ds-tr--locked td{background:var(--color-surface-2);color:var(--color-text-muted)}.ds-table--compact tbody td{height:var(--table-row-h-compact);padding-block:var(--space-1)}.ds-table--relaxed tbody td{height:var(--table-row-h-relaxed)}.ds-col--num,.ds-th--num{text-align:right;font-variant-numeric:tabular-nums}.ds-col--mono{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ds-col--primary{font-weight:var(--font-weight-medium);min-width:200px}.ds-col--clamp{-webkit-line-clamp:2;line-clamp:2;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ds-col--truncate{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.ds-col--nowrap{white-space:nowrap}.ds-col--thumb{width:52px;padding-inline:var(--space-2)}.ds-col--icon{width:40px}.ds-col--status{white-space:nowrap;width:1%}.ds-col--date{white-space:nowrap;width:1%;color:var(--color-text-secondary);font-size:var(--text-xs)}.ds-col--actions{white-space:nowrap;text-align:right;width:1%}.ds-cell-actions{align-items:center;gap:var(--space-1);justify-content:flex-end;display:inline-flex}.ds-col--sticky-start{z-index:var(--z-raised);background:var(--color-surface);position:sticky;left:0}.ds-table thead .ds-col--sticky-start{z-index:calc(var(--z-sticky) + 1);background:var(--color-surface-2)}.ds-col--sticky-start:after{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;right:0}.ds-col--sticky-end{z-index:var(--z-raised);background:var(--color-surface);position:sticky;right:0}.ds-table thead .ds-col--sticky-end{z-index:calc(var(--z-sticky) + 1);background:var(--color-surface-2)}.ds-col--sticky-end:before{content:"";background:var(--color-border);width:1px;position:absolute;top:0;bottom:0;left:0}.ds-col--title-sticky{left:52px}.ds-table tbody tr:hover .ds-col--sticky-start,.ds-table tbody tr:hover .ds-col--sticky-end{background:var(--color-surface-2)}.ds-cell-link{max-width:100%;color:var(--color-text-primary);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);display:inline-block}.ds-cell-link:hover{color:var(--color-primary-text);text-underline-offset:2px;text-decoration:underline}.ds-cell-control{height:var(--control-h-sm);max-width:100%;padding-inline:var(--space-2);border-radius:var(--radius-sm);color:inherit;font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000}.ds-cell-control:hover:not(:disabled){background:var(--color-field);border-color:var(--color-field-border)}.ds-cell-control:focus-visible{background:var(--color-field);border-color:var(--color-ring);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.ds-cell-control--num{text-align:right;font-variant-numeric:tabular-nums;width:76px}.ds-cell-actions .ds-btn--icon{opacity:.55;transition:opacity var(--duration-fast) var(--ease-out)}.ds-table tbody tr:hover .ds-cell-actions .ds-btn--icon,.ds-cell-actions .ds-btn--icon:focus-visible{opacity:1}.ds-thumb{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-xs);justify-content:center;align-items:center;display:flex;overflow:hidden}.ds-thumb img{object-fit:cover;width:100%;height:100%}.ds-thumb--zoom{cursor:zoom-in}.ds-table tfoot td{height:var(--table-row-h);padding:var(--table-cell-py) var(--table-cell-px);background:var(--color-surface-2);border-top:1px solid var(--color-border);font-weight:var(--font-weight-semibold)}.ds-table__empty td{padding:0}@media (width<=767px){.ds-table{font-size:var(--text-xs)}.ds-table-wrap{border-radius:var(--radius-md)}}.ds-scrim{z-index:var(--z-modal);padding:var(--space-4);background:var(--color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ds-fade-in var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes ds-fade-in{0%{opacity:0}}.ds-modal{width:100%;max-width:var(--ds-modal-w,560px);max-height:calc(100vh - var(--space-8));background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:ds-modal-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex}@keyframes ds-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.ds-modal--sm{--ds-modal-w:420px}.ds-modal--lg{--ds-modal-w:800px}.ds-modal--xl{--ds-modal-w:1100px}.ds-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.ds-modal__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ds-modal__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.ds-modal__body{min-height:0;padding:var(--space-4);flex:1;overflow-y:auto}.ds-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.ds-modal__footer--spread{justify-content:space-between}.ds-drawer{z-index:var(--z-modal);background:var(--color-surface-overlay);border-left:1px solid var(--color-border-strong);width:min(480px,100vw);box-shadow:var(--shadow-lg);animation:ds-drawer-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes ds-drawer-in{0%{transform:translate(100%)}}.ds-menu{z-index:var(--z-dropdown);min-width:180px;max-height:320px;padding:var(--space-1);background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:ds-menu-in var(--duration-fast) var(--ease-out);position:absolute;overflow-y:auto}@keyframes ds-menu-in{0%{opacity:0;transform:translateY(-4px)}}.ds-menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;display:flex}.ds-menu__item:hover,.ds-menu__item.is-active{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-menu__item--danger{color:var(--color-danger-text)}.ds-menu__item--danger:hover{background:var(--color-danger-subtle)}.ds-menu__separator{height:1px;margin:var(--space-1) 0;background:var(--color-border)}.ds-menu__label{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.ds-tooltip{z-index:var(--z-tooltip);max-width:280px;padding:var(--space-1) var(--space-2);background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:var(--text-xs);line-height:var(--leading-snug);pointer-events:none;animation:ds-fade-in var(--duration-fast) var(--ease-out);position:absolute}.ds-toasts{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);width:min(380px, calc(100vw - var(--space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.ds-toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-overlay);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-text-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:ds-toast-in var(--duration-base) var(--ease-out);display:flex}@keyframes ds-toast-in{0%{opacity:0;transform:translate(12px)}}.ds-toast--success{border-left-color:var(--color-success)}.ds-toast--warning{border-left-color:var(--color-warning)}.ds-toast--danger{border-left-color:var(--color-danger)}.ds-toast--info{border-left-color:var(--color-info)}.ds-toast__body{flex:1;min-width:0}.ds-toast__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ds-toast__message{color:var(--color-text-secondary)}.ds-lightbox{z-index:var(--z-modal);padding:var(--space-8);background:var(--color-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;animation:ds-fade-in var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-lightbox__image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);cursor:default}.ds-lightbox__close{top:var(--space-4);right:var(--space-4);position:absolute}.ds-kbd{min-width:20px;height:20px;padding-inline:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);border-bottom-width:2px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ds-shell{min-height:100dvh;display:flex}.ds-sidebar{z-index:var(--z-overlay);width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.ds-sidebar__brand{justify-content:space-between;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.ds-sidebar__brand-name{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);display:flex}.ds-sidebar__brand-name:hover{color:var(--color-text-primary);text-decoration:none}.ds-sidebar__brand-mark{border-radius:var(--radius-sm);background:var(--color-primary);width:24px;height:24px;color:var(--color-primary-fg);justify-content:center;align-items:center;display:flex}.ds-sidebar__nav{min-height:0;padding:var(--space-2);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ds-sidebar__section{margin-top:var(--space-3)}.ds-sidebar__section:first-child{margin-top:0}.ds-sidebar__section-title{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.ds-nav-link{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-normal);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.ds-nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.ds-nav-link__icon{color:var(--color-text-muted);flex-shrink:0;display:flex}.ds-nav-link__label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ds-nav-link.is-active{background:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-medium)}.ds-nav-link.is-active .ds-nav-link__icon{color:var(--color-primary-fg)}.ds-nav-link__count{padding:0 var(--space-1);text-align:center;border-radius:var(--radius-sm);background:var(--color-surface-3);min-width:18px;color:var(--color-text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;margin-left:auto}.ds-nav-link.is-active .ds-nav-link__count{color:var(--color-primary-fg);background:#ffffff38}.ds-nav-link--nested{height:28px;margin-left:var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-xs)}.ds-nav-link--nested.is-active{background:var(--color-primary-subtle);border-left-color:var(--color-primary);color:var(--color-primary-text)}.ds-nav-link--nested.is-active .ds-nav-link__icon{color:var(--color-primary-text)}.ds-nav-link--nested.is-active .ds-nav-link__count{background:var(--color-surface-3);color:var(--color-primary-text)}.ds-nav-group__toggle{align-items:center;gap:var(--space-2);width:100%;height:28px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-align:left;display:flex}.ds-nav-group__toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-nav-group__chevron{transition:transform var(--duration-fast) var(--ease-out);display:flex}.ds-nav-group__toggle[aria-expanded=true] .ds-nav-group__chevron{transform:rotate(90deg)}.ds-sidebar__footer{padding:var(--space-2);border-top:1px solid var(--color-border);flex-shrink:0}.ds-main{min-width:0;max-width:var(--page-max-w);margin-left:var(--sidebar-w);padding:var(--space-5) var(--page-px);flex:1}@media (width>=2400px){.ds-main{margin-inline:auto}}.ds-topbar{align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);display:none;position:sticky;top:0}.ds-sidebar__scrim{display:none}@media (width<=1023px){.ds-sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.ds-sidebar.is-open{transform:translate(0)}.ds-sidebar__scrim{z-index:calc(var(--z-overlay) - 1);background:var(--color-scrim);display:block;position:fixed;inset:0}.ds-main{padding:var(--space-4) var(--space-4);margin-left:0}.ds-topbar{display:flex}}@media (width<=767px){.ds-main{padding:var(--space-3)}.ds-page-header{gap:var(--space-2)}.ds-page-header__title{font-size:var(--text-xl)}}.btn,.app-main button:not([class]),.app-sidebar button:not([class]){justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h-md);height:auto;padding:0 var(--control-px-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);line-height:1;display:inline-flex}.btn:hover:not(:disabled),.app-main button:not([class]):hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.btn:active:not(:disabled){background:var(--color-bg-active);transform:none}.btn-primary,.pipe-save button:first-child{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover:not(:disabled),.pipe-save button:first-child:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:none}.btn-ghost,button.link{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled),button.link:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:#0000}.btn-danger,button.danger,.cfg-del{border-color:var(--color-border-strong);color:var(--color-danger-text);background:0 0}.btn-danger:hover:not(:disabled),button.danger:hover:not(:disabled),.cfg-del:hover:not(:disabled){background:var(--color-danger-subtle);border-color:var(--color-danger)}.btn-success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-sm{min-height:var(--control-h-sm);padding-inline:var(--control-px-sm);font-size:var(--text-xs)}.btn-lg{min-height:var(--control-h-lg);padding-inline:var(--control-px-lg);font-size:var(--text-base)}.btn-icon{width:var(--control-h-md);padding-inline:0}.input,.select,.textarea,.app-main input:not([type=checkbox]):not([type=radio]),.app-main select:not(td select),.app-main textarea,.login input{min-height:var(--control-h-md);padding:0 var(--space-3);background:var(--color-field);border:1px solid var(--color-field-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.textarea,.app-main textarea{min-height:76px;padding-block:var(--space-2);line-height:var(--leading-normal)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.app-main input:focus-visible,.app-main select:focus-visible,.app-main textarea:focus-visible,.login input:focus-visible{border-color:var(--color-ring);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.input::placeholder,.textarea::placeholder,.app-main input::placeholder{color:var(--color-text-muted)}.form-label,.ds-label,.cfg-field label,.login label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:var(--tracking-normal);color:var(--color-text-secondary)}.select:not(td .select),.app-main select:not(td select){appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);cursor:pointer}.badge,.pill,.po-status,.rank-badge,.pipe-col-count{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1.5;display:inline-flex}.badge{background:var(--color-neutral-subtle);color:var(--color-neutral-text)}.badge-healthy,.badge-success,.badge.ok,.badge.state-succeeded{background:var(--color-success-subtle);color:var(--color-success-text)}.badge-warning,.badge.state-queued{background:var(--color-warning-subtle);color:var(--color-warning-text)}.badge-error,.badge-danger,.badge.off,.badge.state-failed,.badge.state-timed_out{background:var(--color-danger-subtle);color:var(--color-danger-text)}.badge-info,.badge.state-running{background:var(--color-info-subtle);color:var(--color-info-text)}.badge-neutral{background:var(--color-neutral-subtle);color:var(--color-neutral-text)}.card,.cfg-card,.chart-card,.chart-panel,.kpi,.pipe-card,.mon-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.card{padding:var(--space-4)}.card:hover{border-color:var(--color-border)}.card-glass{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.data-table,.bs-table,.cfg-table,.grid,.app-main table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table th,.bs-table th,.app-main table th{z-index:var(--z-sticky);height:var(--table-header-h);padding:0 var(--table-cell-px);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);text-align:left;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;position:sticky;top:0}.data-table th.sortable,.data-table th.sorted,.bs-table th.sortable,th[aria-sort]{cursor:pointer}.data-table th.sorted,.bs-table th.sorted,th[aria-sort=ascending],th[aria-sort=descending]{background:var(--color-surface-3);color:var(--color-primary-text)}.data-table td,.bs-table td,.app-main table td{height:var(--table-row-h);padding:var(--table-cell-py) var(--table-cell-px);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr,.bs-table tbody tr,.app-main table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover,.bs-table tbody tr:hover,.app-main table tbody tr:hover{background:var(--color-bg-hover)}.data-table tbody tr:last-child td,.bs-table tbody tr:last-child td{border-bottom:none}.table-wrap,.dash-table-container,.mon-mv-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.cfg-table td,.cfg-table th{height:auto;padding:var(--space-1) var(--space-2) var(--space-1) 0;text-transform:none;letter-spacing:normal;font-size:var(--text-sm);background:0 0;border:none;position:static}.app-layout{min-height:100dvh;display:flex}.app-sidebar,.sidebar{width:var(--sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:var(--z-overlay)}.app-main{min-width:0;margin-left:var(--sidebar-w);padding:var(--space-5) var(--page-px);flex:1}.page-header,.page-head,.bs-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-header h1,.page-head h2,.bs-head h2,.app-main h1,.app-main h2{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.sidebar-link,.side-link{align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-normal);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.sidebar-link:hover,.side-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.sidebar-link.active,.side-link.active{background:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-medium);box-shadow:none}.side-link-icon,.sidebar-link svg,.side-link svg{color:currentColor;opacity:.85;flex-shrink:0;display:flex}.sidebar-link.active svg,.side-link.active .side-link-icon,.side-link.active svg{opacity:1}.sidebar-link-sm.active,.sidebar-link-nested.active{background:var(--color-primary-subtle);color:var(--color-primary-text);border-left:2px solid var(--color-primary)}.sidebar-count{padding:0 var(--space-1);text-align:center;border-radius:var(--radius-sm);background:var(--color-surface-3);min-width:18px;color:var(--color-text-muted);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;margin-left:auto}.sidebar-link.active .sidebar-count,.side-link.active .sidebar-count{color:var(--color-primary-fg);background:#ffffff38}.sidebar-link-sm.active .sidebar-count,.sidebar-link-nested.active .sidebar-count{background:var(--color-surface-3);color:var(--color-primary-text)}.sidebar-section-title,.side-section{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.skeleton{background:linear-gradient(90deg, var(--color-surface-2) 25%, var(--color-surface-3) 37%, var(--color-surface-2) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite ds-shimmer}.text-mono,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted,.text-muted,.sub{color:var(--color-text-muted)}.num{text-align:right;font-variant-numeric:tabular-nums}.pager{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.kpis{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.kpi{padding:var(--space-3)}.kpi-label{font-size:var(--text-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.margin-good,.text-success{color:var(--color-success-text)}.margin-ok,.text-warning{color:var(--color-warning-text)}.margin-bad,.text-error,.error,.po-error{color:var(--color-danger-text)}.text-info{color:var(--color-info-text)}.app-main{max-width:var(--page-max-w)}@media (width>=2400px){.app-main{margin-inline:auto}}@media (width<=1023px){.app-main{padding:var(--space-4);margin-left:0}.app-sidebar,.sidebar{transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-lg);transform:translate(-100%)}.app-sidebar.is-open,.sidebar.is-open{transform:translate(0)}}@media (width<=767px){.app-main{padding:var(--space-3)}.page-header,.page-head,.bs-head{margin-bottom:var(--space-3)}}.app-layout.is-nav-collapsed{--sidebar-w:var(--sidebar-w-collapsed)}.app-layout.is-nav-collapsed .sidebar-link,.app-layout.is-nav-collapsed .side-link{justify-content:center;padding-inline:0}.app-layout.is-nav-collapsed .sidebar-link>span:not(.side-link-icon):not(.sidebar-count),.app-layout.is-nav-collapsed .side-link>span:not(.side-link-icon),.app-layout.is-nav-collapsed .sidebar-section-title,.app-layout.is-nav-collapsed .side-section,.app-layout.is-nav-collapsed .sidebar-count,.app-layout.is-nav-collapsed .sidebar-group-label,.app-layout.is-nav-collapsed .sidebar-brand,.app-layout.is-nav-collapsed .sidebar-logo span{display:none}.app-layout.is-nav-collapsed .sidebar-header,.app-layout.is-nav-collapsed .sidebar-head{justify-content:center}.app-layout.is-nav-collapsed .sidebar-link-nested,.app-layout.is-nav-collapsed .sidebar-group-items{display:none}@media (width<=1023px){.app-layout.is-nav-collapsed{--sidebar-w:240px}}td select,td input:not([type=checkbox]):not([type=radio]){max-width:100%;min-height:var(--control-h-sm);font-size:var(--text-xs)}.dash-status-select{width:100%;max-width:100%;padding:2px var(--space-2);text-overflow:ellipsis}.notification-container{z-index:9999;pointer-events:none;max-width:420px;position:fixed;top:24px;right:24px}.notification{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-3);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;align-items:flex-start;gap:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) notificationSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000040,0 0 0 1px #ffffff0d}.notification:hover{transform:scale(1.02);box-shadow:0 15px 35px #0000004d,0 0 0 1px #ffffff1a}.notification-success{border-left:4px solid var(--color-emerald-500)}.notification-error{border-left:4px solid var(--color-red-500)}.notification-warning{border-left:4px solid var(--color-amber-500)}.notification-info{border-left:4px solid var(--color-cyan-500)}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.notification-success .notification-icon{color:var(--color-emerald-400);background:#10b98126}.notification-error .notification-icon{color:var(--color-red-400);background:#ef444426}.notification-warning .notification-icon{color:var(--color-amber-400);background:#f59e0b26}.notification-info .notification-icon{color:var(--color-cyan-400);background:#06b6d426}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text-primary);margin-bottom:var(--spacing-1);font-size:.875rem;font-weight:600;line-height:1.4}.notification-message{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5}.notification-dismiss{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;padding:0;transition:all .2s;display:flex}.notification-dismiss:hover{color:var(--color-text-primary);background:#94a3b81a;transform:scale(1.1)}.notification-dismiss:active{transform:scale(.95)}.notification:after{content:"";background:var(--color-accent-primary);height:2px;animation:5s linear forwards notificationProgress;position:absolute;bottom:0;left:0}.notification-success:after{background:var(--color-emerald-500)}.notification-error:after{background:var(--color-red-500)}.notification-warning:after{background:var(--color-amber-500)}.notification-info:after{background:var(--color-cyan-500)}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notificationProgress{0%{width:100%}to{width:0%}}.notification-exit{animation:.3s cubic-bezier(.4,0,1,1) forwards notificationSlideOut}@keyframes notificationSlideOut{0%{opacity:1;max-height:200px;margin-bottom:var(--spacing-3);transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translate(100%)scale(.9)}}.notification:nth-child(2){z-index:-1;transform:translateY(-4px)scale(.98)}.notification:nth-child(3){z-index:-2;opacity:.8;transform:translateY(-8px)scale(.96)}.notification:nth-child(n+4){display:none}@media (width<=768px){.notification-container{max-width:none;top:16px;left:16px;right:16px}.notification{margin-bottom:var(--spacing-2)}.notification:hover{transform:none}}:root[data-theme=dark] .notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2}:root[data-theme=light] .notification{color:var(--color-slate-900);background:#fffffff2;border:1px solid #cbd5e180}@media (prefers-reduced-motion:reduce){.notification,.notification:after{animation:none}}@media (prefers-contrast:high){.notification{border:2px solid var(--color-text-primary);background:var(--color-bg-primary)}.notification-icon{background:var(--color-text-primary);color:var(--color-bg-primary)}}.command-palette-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;padding:10vh var(--spacing-4) var(--spacing-4);background:#0009;justify-content:center;align-items:flex-start;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:640px;max-height:70vh;animation:.3s cubic-bezier(.4,0,.2,1) paletteSlideIn;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0d}.command-palette-header{padding:var(--spacing-4);border-bottom:1px solid #94a3b81a}.command-search-wrapper{align-items:center;display:flex;position:relative}.command-search-icon{left:var(--spacing-3);color:var(--color-text-muted);z-index:1;position:absolute}.command-search-input{background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:100%;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 44px;color:var(--color-text-primary);font-size:1rem;transition:all .2s}.command-search-input:focus{border-color:var(--color-accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.command-search-input::placeholder{color:var(--color-text-muted)}.command-palette-content{scrollbar-width:thin;scrollbar-color:var(--color-slate-600) transparent;max-height:50vh;overflow-y:auto}.command-palette-content::-webkit-scrollbar{width:6px}.command-palette-content::-webkit-scrollbar-track{background:0 0}.command-palette-content::-webkit-scrollbar-thumb{background:var(--color-slate-600);border-radius:3px}.command-group{padding:var(--spacing-2) 0}.command-group:first-child{padding-top:0}.command-group-title{padding:var(--spacing-2) var(--spacing-4) var(--spacing-1);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--card-bg);z-index:1;font-size:.75rem;font-weight:600;position:sticky;top:0}.command-group-items{flex-direction:column;display:flex}.command-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;transition:all .15s;display:flex;position:relative}.command-item:hover,.command-item.selected{background:#6366f11a}.command-item.selected{background:#6366f126}.command-item.selected:before{content:"";background:var(--color-accent-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.command-icon{border-radius:var(--radius-md);background:#94a3b81a;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.command-item.selected .command-icon{background:#6366f133}.command-content{flex:1;min-width:0}.command-title{color:var(--color-text-primary);margin-bottom:1px;font-size:.875rem;font-weight:500;line-height:1.2}.command-subtitle{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.3;overflow:hidden}.command-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-muted);border-radius:var(--radius-sm);background:#6366f126;flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:500}.command-empty{padding:var(--spacing-12) var(--spacing-4);text-align:center}.command-empty-icon{opacity:.3;margin-bottom:var(--spacing-4);font-size:3rem}.command-empty-text{color:var(--color-text-primary);margin-bottom:var(--spacing-1);font-size:1rem;font-weight:500}.command-empty-subtitle{color:var(--color-text-muted);font-size:.875rem}.command-palette-footer{padding:var(--spacing-3) var(--spacing-4);background:#94a3b808;border-top:1px solid #94a3b81a}.command-hints{align-items:center;gap:var(--spacing-4);color:var(--color-text-muted);font-size:.75rem;display:flex}.command-hints kbd{background:var(--color-slate-700);border:1px solid var(--color-slate-600);font-family:var(--font-mono);color:var(--color-text-primary);border-radius:3px;margin:0 1px;padding:1px 4px;font-size:.65rem}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paletteSlideIn{0%{opacity:0;transform:scale(.95)translateY(-30px)}to{opacity:1;transform:scale(1)translateY(0)}}.command-item{opacity:0;animation:.2s forwards commandItemFadeIn}.command-item:first-child{animation-delay:50ms}.command-item:nth-child(2){animation-delay:.1s}.command-item:nth-child(3){animation-delay:.15s}.command-item:nth-child(4){animation-delay:.2s}.command-item:nth-child(5){animation-delay:.25s}.command-item:nth-child(n+6){animation-delay:.3s}@keyframes commandItemFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.command-item.selected{animation:.15s commandSelect}@keyframes commandSelect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (width<=768px){.command-palette-overlay{padding:5vh var(--spacing-4) var(--spacing-4)}.command-palette{max-width:none;max-height:80vh}.command-hints{gap:var(--spacing-2);flex-wrap:wrap;justify-content:center}.command-subtitle{white-space:normal;text-overflow:unset;overflow:visible}}:root[data-theme=light] .command-palette-overlay{background:#0000004d}:root[data-theme=light] .command-palette{background:#fffffff2;border:1px solid #cbd5e180}:root[data-theme=light] .command-search-input{background:var(--color-white);border:1px solid var(--color-slate-300)}:root[data-theme=light] .command-item:hover,:root[data-theme=light] .command-item.selected{background:#6366f114}:root[data-theme=light] .command-hints kbd{background:var(--color-slate-100);border:1px solid var(--color-slate-300);color:var(--color-slate-700)}@media (prefers-reduced-motion:reduce){.command-palette-overlay,.command-palette,.command-item{animation:none}}@media (prefers-contrast:high){.command-palette{border:2px solid var(--color-text-primary);background:var(--color-bg-primary)}.command-item.selected{background:var(--color-accent-primary);color:var(--color-white)}.command-hints kbd{border:2px solid var(--color-text-primary);background:var(--color-bg-secondary)}}.sidebar{padding:var(--spacing-4) 0;flex-direction:column;display:flex}.sidebar-header{padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.sidebar-theme-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-theme-toggle:hover{background:var(--sidebar-hover-bg);color:var(--color-text-primary);border-color:var(--color-border-hover)}.sidebar-logo{align-items:center;gap:var(--spacing-3);color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700;display:flex}.sidebar-logo svg{color:var(--color-indigo-400)}.sidebar-nav{padding:0 var(--spacing-3);flex:1;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:450;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:var(--color-text-primary)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--color-white);font-weight:500;box-shadow:0 4px 12px #4f46e54d}.sidebar-link-nested.active{color:var(--color-text-primary);box-shadow:none;border-left:3px solid var(--color-indigo-400);padding-left:calc(var(--spacing-8) - 3px);background:#6366f11f;font-weight:600}.sidebar-link-sm.active{color:var(--color-text-primary);box-shadow:none;border-left:3px solid var(--color-indigo-400);padding-left:calc(var(--spacing-3) - 3px);background:#6366f11f;font-weight:600}.sidebar-link-sm{padding:6px var(--spacing-3);font-size:.8125rem}.sidebar-link-nested{padding-left:var(--spacing-8)}.sidebar-link svg{opacity:.7;flex-shrink:0}.sidebar-link.active svg{opacity:1}.sidebar-section{margin-top:var(--spacing-6)}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--spacing-3);margin-bottom:var(--spacing-2);font-size:.6875rem;font-weight:600}.sidebar-group{margin-bottom:2px}.sidebar-group-toggle{align-items:center;gap:var(--spacing-2);width:100%;padding:6px var(--spacing-3);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:.8125rem;font-weight:500;display:flex}.sidebar-group-toggle:hover{background:var(--sidebar-hover-bg);color:var(--color-text-primary)}.sidebar-chevron{transition:transform var(--transition-base);display:flex;transform:rotate(-90deg)}.sidebar-chevron.expanded{transform:rotate(0)}.sidebar-group-label{text-align:left;flex:1}.sidebar-group-items{margin-left:var(--spacing-1)}.sidebar-count{color:var(--color-text-muted);border-radius:var(--radius-full);text-align:center;background:#94a3b81a;min-width:20px;margin-left:auto;padding:1px 6px;font-size:.6875rem;font-weight:500}.sidebar-link.active .sidebar-count{color:#fffc;background:#ffffff26}.sidebar-link-sm.active .sidebar-count,.sidebar-link-nested.active .sidebar-count{color:var(--color-text-primary);background:#6366f126}.sidebar-skeleton{padding:0 var(--spacing-3);gap:var(--spacing-3);flex-direction:column;display:flex}.sidebar-footer{padding:var(--spacing-4) var(--spacing-3);border-top:1px solid var(--color-border-default);margin-top:auto}.sidebar-logout{color:var(--color-text-secondary)!important}.sidebar-logout:hover{color:var(--color-status-error)!important;background:#ef44441a!important}.sidebar-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-left:auto;padding:2px 6px;font-size:.625rem;font-weight:600}.sidebar-badge-new{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 4px #6366f11a}}.login-page{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0;overflow:hidden}.login-bg-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.login-bg-orb-1{background:var(--color-indigo-600);width:400px;height:400px;animation:8s ease-in-out infinite orbFloat;top:-100px;right:-100px}.login-bg-orb-2{background:var(--color-emerald-500);width:300px;height:300px;animation:10s ease-in-out infinite reverse orbFloat;bottom:-80px;left:-80px}.login-bg-orb-3{background:var(--color-cyan-500);opacity:.2;width:250px;height:250px;animation:12s ease-in-out infinite orbFloat;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}.login-container{z-index:1;width:100%;max-width:420px;padding:var(--spacing-10);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#0f172ab3;border:1px solid #3341554d;position:relative}.login-logo{width:64px;height:64px;margin:0 auto var(--spacing-6);background:linear-gradient(135deg, var(--color-indigo-600), var(--color-indigo-500));border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-indigo);justify-content:center;align-items:center;display:flex}.login-logo svg{color:var(--color-white)}.login-title{text-align:center;margin-bottom:var(--spacing-2)}.login-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-8);font-size:.875rem}.login-form{gap:var(--spacing-5);flex-direction:column;display:flex}.login-form .input{padding:var(--spacing-3) var(--spacing-4);background:#1e293b99;border-color:#33415580;min-height:44px;font-size:.9375rem}.login-form .input:focus{background:#1e293bcc}.login-error{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--badge-error-bg);color:var(--badge-error-text);border-radius:var(--radius-md);border:1px solid #ef444433;font-size:.875rem;display:flex}.login-submit{margin-top:var(--spacing-2);letter-spacing:.01em;min-height:48px;font-size:.9375rem;font-weight:600}.login-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dash-filter-bar{margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-5)}.dash-filter-row{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.dash-filter-advanced{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-default)}.dash-range-group{align-items:center;gap:var(--spacing-2);display:flex}.dash-checkbox-label{align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;font-size:.8125rem;display:flex}.dash-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent-primary)}.dash-table-card{padding:0;overflow:hidden}.dash-table-container{overflow-x:auto}.dash-table-container .data-table{table-layout:fixed;width:100%}.dash-table-container .data-table th,.dash-table-container .data-table td{white-space:nowrap;padding:var(--spacing-2) var(--spacing-2);font-size:.8rem}.dash-table-container .data-table th{font-size:.64rem}.dash-table-container .data-table th:first-child,.dash-table-container .data-table td:first-child{width:58px}.dash-table-container .data-table th:nth-child(3),.dash-table-container .data-table td:nth-child(3){width:90px}.dash-table-container .data-table th:nth-child(4),.dash-table-container .data-table td:nth-child(4){width:80px}.dash-table-container .data-table th:nth-child(5),.dash-table-container .data-table td:nth-child(5){width:132px}.dash-table-container .data-table th:nth-child(6),.dash-table-container .data-table td:nth-child(6){width:72px}.dash-table-container .data-table th:nth-child(7),.dash-table-container .data-table td:nth-child(7){width:60px}.dash-table-container .data-table th:nth-child(8),.dash-table-container .data-table td:nth-child(8){width:70px}.dash-table-container .data-table th:nth-child(9),.dash-table-container .data-table td:nth-child(9),.dash-table-container .data-table th:nth-child(10),.dash-table-container .data-table td:nth-child(10){width:62px}.dash-table-container .data-table th:nth-child(11),.dash-table-container .data-table td:nth-child(11){width:72px}.dash-table-container .data-table th:nth-child(12),.dash-table-container .data-table td:nth-child(12){width:62px}.dash-table-container .data-table th:nth-child(13),.dash-table-container .data-table td:nth-child(13){width:55px}.dash-table-container .data-table th:nth-child(14),.dash-table-container .data-table td:nth-child(14){width:68px}.dash-table-container .data-table th:nth-child(15),.dash-table-container .data-table td:nth-child(15){width:110px}.dash-table-container .data-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-table-container .data-table td:nth-child(5),.dash-table-container .data-table td:nth-child(6){overflow:hidden}.dash-thumb{border-radius:var(--radius-md);background:var(--color-bg-hover);flex-shrink:0;width:50px;height:50px;overflow:hidden}.dash-thumb img{object-fit:cover;width:100%;height:100%}.dash-thumb-empty{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.dash-product-link{color:var(--color-text-primary);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.dash-product-link:hover{color:var(--color-accent-muted)}.dash-status-select{appearance:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:2px 8px;font-size:.75rem;font-weight:500}.dash-status-select:hover{border-color:var(--color-border-hover)}.dash-status-select.badge-healthy{background:var(--badge-healthy-bg);color:var(--badge-healthy-text)}.dash-status-select.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.dash-status-select.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.dash-status-select.badge-error{background:var(--badge-error-bg);color:var(--badge-error-text)}.dash-status-select.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.dash-sort-indicator{opacity:.7;font-size:.625rem}.dash-actions{align-items:center;gap:var(--spacing-1);display:flex}.dash-heart-btn{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1rem;line-height:1}.dash-heart-btn:hover{color:var(--color-red-400)}.dash-heart-btn.active{color:var(--color-red-500);animation:.3s heartBounce}.dash-pagination{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--table-border);display:flex}.dash-pagination-pages{align-items:center;gap:var(--spacing-1);display:flex}.dash-page-btn{color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;min-width:32px;padding:4px 10px;font-size:.8125rem;font-weight:500}.dash-page-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-default)}.dash-page-btn.active{background:var(--color-accent-primary);color:var(--color-white);border-color:var(--color-accent-primary)}.dash-page-ellipsis{color:var(--color-text-muted);padding:0 4px}.dash-goto{align-items:center;gap:var(--spacing-1);display:flex}.mon-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.mon-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.mon-header h1{font-size:1.5rem;font-weight:700}.mon-stats-row{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.mon-stat-card{padding:var(--spacing-5) var(--spacing-4);text-align:center;flex-direction:column;align-items:center;display:flex}.mon-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-2);font-size:.75rem;font-weight:500}.mon-stat-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700;line-height:1}.mon-stat-sublabel{color:var(--color-text-muted);margin-top:var(--spacing-2);font-size:.7rem}.mon-stat-countdown{border-left:3px solid var(--color-accent-primary)}.mon-score-card{margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.mon-score-card h2{margin-bottom:var(--spacing-5);font-size:1rem;font-weight:600}.mon-score-grid{justify-content:space-around;align-items:flex-end;gap:var(--spacing-4);height:160px;display:flex}.mon-score-item{flex-direction:column;flex:1;align-items:center;display:flex}.mon-score-bar-container{justify-content:center;align-items:flex-end;width:100%;height:100px;display:flex}.mon-score-bar{border-radius:6px 6px 0 0;width:36px;min-height:4px;transition:height .5s}.mon-score-label{margin-top:var(--spacing-2);font-size:1.2rem;font-weight:700}.mon-score-count{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.mon-score-pct{color:var(--color-text-muted);font-size:.7rem}.mon-mv-card{padding:var(--spacing-6)}.mon-mv-card h2{margin-bottom:var(--spacing-4);font-size:1rem;font-weight:600}.mon-mv-table-container{overflow-x:auto}.mon-mv-table-container .data-table th:first-child{width:280px}.mon-mv-table-container .data-table th:nth-child(2){width:80px}.mon-mv-table-container .data-table th:nth-child(3),.mon-mv-table-container .data-table th:nth-child(4){width:100px}.mon-mv-table-container .data-table th:nth-child(5){width:70px}.mon-mv-name{font-family:var(--font-mono,"Fira Code", monospace);font-size:.82rem;font-weight:500}.mon-skeleton{padding:var(--spacing-6);min-height:80px}.dep-page{padding:var(--spacing-6);max-width:1200px;margin:0 auto}.dep-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.dep-header h1{font-size:1.5rem;font-weight:700}.dep-header-actions{gap:var(--spacing-3);display:flex}.dep-stats-row{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.dep-stat-card{padding:var(--spacing-5) var(--spacing-4);text-align:center;flex-direction:column;align-items:center;display:flex}.dep-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-2);font-size:.75rem;font-weight:500}.dep-stat-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700;line-height:1}.dep-stat-value.success{color:#22c55e}.dep-stat-value.failed{color:#ef4444}.dep-stat-value.rate{color:var(--color-accent-primary)}.dep-tabs{gap:var(--spacing-1);margin-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border);padding-bottom:0;display:flex}.dep-tab{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.85rem;font-weight:500;transition:all .2s}.dep-tab:hover{color:var(--color-text-primary)}.dep-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.dep-timeline{gap:var(--spacing-4);flex-direction:column;display:flex}.dep-entry{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);transition:box-shadow .2s;overflow:hidden}.dep-entry:hover{box-shadow:0 4px 24px #00000014}.dep-entry-header{padding:var(--spacing-4) var(--spacing-5);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.dep-entry-header:hover{background:var(--color-bg-hover)}.dep-entry-left{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.dep-entry-right{align-items:center;gap:var(--spacing-4);flex-shrink:0;display:flex}.dep-status{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.dep-status.success{color:#22c55e;background:#22c55e1f}.dep-status.failed,.dep-status.rolled_back{color:#ef4444;background:#ef44441f}.dep-status.skipped{color:#71717a;background:#71717a1f}.dep-status.unknown{color:#eab308;background:#eab3081f}.dep-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dep-status.success .dep-status-dot{animation:2s ease-in-out infinite dep-pulse}@keyframes dep-pulse{0%,to{opacity:1}50%{opacity:.4}}.dep-commits{font-family:var(--font-mono,"Fira Code", monospace);color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.dep-commit-hash{background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.dep-commit-arrow{color:var(--color-text-muted);font-size:.7rem}.dep-time{color:var(--color-text-muted);white-space:nowrap;font-size:.78rem}.dep-duration{color:var(--color-text-secondary);background:var(--color-bg-elevated);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:.75rem;font-weight:600}.dep-expand-icon{color:var(--color-text-muted);font-size:.8rem;transition:transform .2s}.dep-expand-icon.expanded{transform:rotate(180deg)}.dep-details{border-top:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-5);animation:.2s dep-slide-down}@keyframes dep-slide-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.dep-steps{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.dep-steps-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-2);font-size:.75rem;font-weight:600}.dep-step{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:.82rem;display:flex}.dep-step-number{background:var(--color-accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.dep-step-text{color:var(--color-text-secondary)}.dep-step-time{color:var(--color-text-muted);font-size:.72rem;font-family:var(--font-mono,monospace);margin-left:auto}.dep-errors{margin-top:var(--spacing-3)}.dep-errors-title{text-transform:uppercase;letter-spacing:.05em;color:#ef4444;margin-bottom:var(--spacing-2);font-size:.75rem;font-weight:600}.dep-error-line{padding:var(--spacing-2) var(--spacing-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-mono,monospace);color:#ef4444;margin-bottom:var(--spacing-2);word-break:break-all;background:#ef44440f;border-left:3px solid #ef4444;font-size:.78rem}.dep-live-log{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-4);max-height:600px;font-family:var(--font-mono,"Fira Code", monospace);background:#0d1117;font-size:.78rem;line-height:1.6;overflow:auto}.dep-log-line{color:#8b949e;white-space:pre-wrap;word-break:break-all}.dep-log-line.success{color:#3fb950}.dep-log-line.error{color:#f85149}.dep-log-line.info{color:#58a6ff}.dep-log-line.header{color:#d2a8ff;font-weight:600}.dep-skeleton{padding:var(--spacing-6);min-height:80px}.dep-empty{text-align:center;padding:var(--spacing-8);color:var(--color-text-muted)}.dep-empty-icon{margin-bottom:var(--spacing-4);opacity:.3;font-size:3rem}@media (width<=768px){.dep-entry-header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.dep-entry-right{justify-content:space-between;width:100%}.dep-commits{flex-wrap:wrap}}.keyboard-help-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;padding:var(--spacing-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}.keyboard-help-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:600px;max-height:80vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;overflow:hidden;box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff0d}.keyboard-help-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.keyboard-help-header h2{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.keyboard-help-close{color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.keyboard-help-close:hover{color:var(--color-text-primary);background:#94a3b81a;transform:scale(1.1)}.keyboard-help-content{padding:var(--spacing-6);scrollbar-width:thin;scrollbar-color:var(--color-slate-600) transparent;max-height:60vh;overflow-y:auto}.keyboard-help-content::-webkit-scrollbar{width:6px}.keyboard-help-content::-webkit-scrollbar-track{background:0 0}.keyboard-help-content::-webkit-scrollbar-thumb{background:var(--color-slate-600);border-radius:3px}.keyboard-help-section{margin-bottom:var(--spacing-6)}.keyboard-help-section:last-child{margin-bottom:0}.keyboard-help-section h3{margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);background:var(--card-bg);padding-bottom:var(--spacing-2);border-bottom:1px solid #94a3b81a;font-size:1rem;font-weight:600;position:sticky;top:0}.keyboard-help-list{gap:var(--spacing-2);flex-direction:column;display:flex}.keyboard-help-item{padding:var(--spacing-2) 0;border-bottom:1px solid #94a3b80d;justify-content:space-between;align-items:center;display:flex}.keyboard-help-item:last-child{border-bottom:none}.keyboard-help-keys{align-items:center;gap:var(--spacing-1);min-width:140px;display:flex}.keyboard-help-keys kbd{background:var(--color-slate-700);border:1px solid var(--color-slate-600);border-bottom:2px solid var(--color-slate-500);font-family:var(--font-mono);color:var(--color-text-primary);text-align:center;text-transform:uppercase;border-radius:4px;min-width:20px;padding:2px 6px;font-size:.75rem;font-weight:500;box-shadow:0 1px 2px #0003}.key-separator{color:var(--color-text-muted);margin:0 2px;font-size:.75rem}.keyboard-help-desc{color:var(--color-text-secondary);margin-left:var(--spacing-4);flex:1;font-size:.875rem}.keyboard-help-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-default);text-align:center;background:#94a3b808}.keyboard-help-footer p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.keyboard-help-footer kbd{background:var(--color-slate-700);border:1px solid var(--color-slate-600);font-family:var(--font-mono);border-radius:3px;margin:0 2px;padding:1px 4px;font-size:.75rem}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.keyboard-help-modal{max-width:none;margin:var(--spacing-4);max-height:90vh}.keyboard-help-header,.keyboard-help-content,.keyboard-help-footer{padding:var(--spacing-4)}.keyboard-help-item{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.keyboard-help-keys{min-width:auto}.keyboard-help-desc{margin-left:0}}:root[data-theme=light] .keyboard-help-overlay{background:#0006}:root[data-theme=light] .keyboard-help-modal{background:#fffffff2;border:1px solid #cbd5e180}:root[data-theme=light] .keyboard-help-keys kbd{background:var(--color-slate-100);border:1px solid var(--color-slate-300);border-bottom:2px solid var(--color-slate-400);color:var(--color-slate-700)}:root[data-theme=light] .keyboard-help-footer kbd{background:var(--color-slate-100);border:1px solid var(--color-slate-300)}@media (prefers-reduced-motion:reduce){.keyboard-help-overlay,.keyboard-help-modal{animation:none}}@media (prefers-contrast:high){.keyboard-help-modal{border:2px solid var(--color-text-primary);background:var(--color-bg-primary)}.keyboard-help-keys kbd{border:2px solid var(--color-text-primary);background:var(--color-bg-secondary)}}