@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@theme inline{ --inet-primary: #003f87; --inet-primary-container: #0056b3; --inet-vibrant-blue: #0056B3; --inet-fresh-lime: #76BC21; --inet-surface: #f9f9ff; --inet-surface-container: #ededf6; --inet-surface-container-low: #f2f3fc; --inet-surface-container-lowest: #ffffff; --inet-surface-container-high: #e7e8f0; --inet-on-surface: #191c21; --inet-on-surface-variant: #424752; --inet-outline: #727784; --inet-outline-variant: #c7c4d8; --inet-text-primary: #0F172A; --inet-error: #D32F2F; --inet-error-container: #ffdad6; --inet-success: #10B981; --inet-warning: #ED6C02; }.shadow-stitch-sm{box-shadow:0 1px 2px #0000000a,0 0 1px #00000005}.shadow-stitch-md{box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}.shadow-stitch-lg{box-shadow:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000a}.shadow-stitch-xl{box-shadow:0 20px 25px -5px #0000000f,0 8px 10px -6px #0000000a}.dark .shadow-stitch-sm{box-shadow:0 1px 2px #0003,0 0 1px #00000026}.dark .shadow-stitch-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}.dark .shadow-stitch-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003}.dark .shadow-stitch-xl{box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text, var(--inet-on-surface, #191c21));background:var(--bg, var(--inet-surface, #f9f9ff));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent, var(--inet-vibrant-blue, #0056B3));outline-offset:2px}ul,ol{list-style:none}img,svg{display:block;max-width:100%}}@custom-variant dark (&:is(.dark *));:root{color-scheme:light;--bg: #f9f9ff;--bg-panel: #ffffff;--bg-surface: #ffffff;--bg-hover: #f2f3fc;--bg-th: #f9f9ff;--bg-th-hover: #f2f3fc;--surface-container-lowest: #ffffff;--surface-container-low: #f2f3fc;--surface-container: #ededf6;--surface-container-high: #e7e8f0;--surface-container-highest: #e1e2ea;--surface-dim: #d9d9e2;--surface-bright: #f9f9ff;--neutral-bg: #F8FAFC;--brand: #003f87;--brand-hover: #0056b3;--brand-bg: #d7e2ff;--brand-fg: #ffffff;--accent: #0056B3;--accent-light: #acc7ff;--text: #0F172A;--text-secondary: #191c21;--text-muted: #424752;--text-subtle: #727784;--text-primary: #0F172A;--on-surface: #191c21;--on-surface-variant: #424752;--fresh-lime: #76BC21;--status-error: #D32F2F;--status-warning: #ED6C02;--error: #ba1a1a;--error-container: #ffdad6;--on-error-container: #93000a;--on-primary: #ffffff;--on-primary-container: #bbd0ff;--on-secondary-container: #406e00;--primary-container: #0056b3;--secondary: #3d6a00;--secondary-container: #aaf457;--vibrant-blue: #0056B3;--border: #c2c6d4;--border-hover: #a8acba;--border-light: #e7e8f0;--outline: #727784;--outline-variant: #c2c6d4;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 0 1px rgba(0,0,0,.02);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.06), 0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.06), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.06), 0 8px 10px -6px rgba(0,0,0,.04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--sidebar-width: 260px;--header-height: 56px;--ring-soft: rgba(0, 86, 179, .15);--skeleton-1: #f2f3fc;--skeleton-2: #e7e8f0}.dark{color-scheme:dark;--bg: #1a1c23;--bg-panel: #1e2028;--bg-surface: #1e2028;--bg-hover: #282a33;--bg-th: #1e2028;--bg-th-hover: #282a33;--surface-container-lowest: #1e2028;--surface-container-low: #23252e;--surface-container: #2a2c36;--surface-container-high: #32343f;--surface-container-highest: #383a45;--surface-dim: #23252e;--surface-bright: #1e2028;--neutral-bg: #1a1c23;--brand: #acc7ff;--brand-hover: #bbd0ff;--brand-bg: rgba(0, 86, 179, .18);--brand-fg: #ffffff;--accent: #7aaef5;--accent-light: #acc7ff;--text: #f0f0f9;--text-secondary: #d0d1da;--text-muted: #9a9ba8;--text-subtle: #6e6f7c;--text-primary: #f0f0f9;--on-surface: #e7e8f0;--on-surface-variant: #9a9ba8;--fresh-lime: #91da40;--status-error: #ef5350;--status-warning: #ff9800;--error: #ef5350;--error-container: rgba(239,83,80,.15);--on-error-container: #ffcdd2;--on-primary: #0f2000;--on-primary-container: #bbd0ff;--on-secondary-container: #406e00;--primary-container: #0056b3;--secondary: #91da40;--secondary-container: #3d6a00;--vibrant-blue: #7aaef5;--border: #3a3c47;--border-hover: #4a4c57;--border-light: #2a2c36;--outline: #6e6f7c;--outline-variant: #3a3c47;--shadow-sm: 0 1px 2px rgba(0,0,0,.2), 0 0 1px rgba(0,0,0,.15);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -4px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.3), 0 8px 10px -6px rgba(0,0,0,.2);--ring-soft: rgba(122, 174, 245, .2);--skeleton-1: #282a33;--skeleton-2: #32343f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;touch-action:manipulation}h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2}h2{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--text);line-height:1.3}h3{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);line-height:1.4}.mono{font-family:var(--font-mono);font-size:12px}.small{font-size:12px}.muted{color:var(--text-muted)}.ink-secondary{color:var(--text-secondary)}button,.btn,.btn-primary,.btn-danger,.btn-ghost{font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:var(--radius-lg);padding:8px 16px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;line-height:1.4;font-family:var(--font-sans);outline:none;text-decoration:none;box-shadow:var(--shadow-sm)}button:hover,.btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0) scale(.98)}button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:var(--shadow-md)}button.primary:hover,.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-1px)}button.danger,.btn-danger{color:var(--status-error);border-color:transparent;background:transparent;box-shadow:none}button.danger:hover{background:var(--error-container);color:var(--status-error);box-shadow:none;transform:none}button.ghost,.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none;padding:6px 12px}button.ghost:hover{background:var(--bg-hover);color:var(--text);box-shadow:none;transform:none}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;margin-bottom:var(--space-3);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.card-header h3{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text)}.card-body{padding:18px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.kpi:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-sans)}.kpi-value{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1}.kpi-sub{font-size:12px;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:4px}.kpi.blue{border-left:3px solid var(--accent)}.kpi.green{border-left:3px solid var(--fresh-lime)}.kpi.red{border-left:3px solid var(--status-error)}.kpi.amber{border-left:3px solid var(--status-warning)}.kpi.warn{color:var(--status-warning)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;background:transparent}th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-th);border-bottom:1px solid var(--border);white-space:nowrap;height:42px;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--text-secondary);background:var(--bg-th-hover)}td{padding:10px 16px;font-size:13px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;transition:all .15s ease}.pill.success,.pill.active{background:#76bc211f;color:#2d6a1e;border-color:#76bc2133}.dark .pill.success,.dark .pill.active{color:#91da40;border-color:#91da404d;background:#91da401f}.pill.danger{background:var(--error-container);color:var(--status-error);border-color:#d32f2f26}.pill.warning{background:#ed6c021a;color:#b35f00;border-color:#ed6c0233}.pill.neutral{background:var(--bg-hover);color:var(--text-muted);border-color:var(--border-light)}.pill.info{background:var(--brand-bg);color:var(--accent);border-color:#0056b333}.pill.purple{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf633}input,select,textarea{width:100%;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);font:inherit;font-size:14px;background:var(--bg-surface);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none;min-height:40px}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring-soft)}input:disabled,select:disabled,textarea:disabled{opacity:.5;background:var(--bg-hover);cursor:not-allowed}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.field label,.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}label.field{display:block}.formactions{display:flex;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}form.card{padding:22px 24px}form.card .formgrid{gap:18px 22px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;animation:fadeInUp .3s ease-out}.empty-state .empty-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--brand-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:22px;color:var(--accent);border:1px solid var(--border-light)}.empty-state h3{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.empty-state p{color:var(--text-muted);font-size:13px;max-width:340px;margin-bottom:16px}.skeleton{background:linear-gradient(90deg,var(--skeleton-1) 25%,var(--skeleton-2) 50%,var(--skeleton-1) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{height:42px;margin-bottom:4px;width:100%}.skeleton-text{height:14px;width:60%;margin-bottom:8px;border-radius:4px}.skeleton-text.short{width:30%}.error-state{background:var(--error-container);border:1px solid rgba(211,47,47,.15);color:var(--status-error);padding:14px 18px;border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-bottom:12px;border-left:3px solid var(--status-error)}.error-state .error-retry{margin-top:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--status-error);text-decoration:underline}.success-banner{background:#76bc2114;border:1px solid rgba(118,188,33,.2);color:#2d6a1e;padding:12px 16px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;margin-bottom:12px;border-left:3px solid var(--fresh-lime);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.banner{background:var(--brand-bg);border:1px solid rgba(0,86,179,.15);color:var(--accent);padding:12px 16px;border-radius:var(--radius-lg);margin-bottom:12px;font-size:13px;border-left:3px solid var(--accent)}.banner.warn{background:#ed6c0214;border-color:#ed6c0233;color:#b35f00;border-left-color:var(--status-warning)}.rowbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.rowbar h2{flex-shrink:0}.spacer{flex:1}.inline{display:flex;align-items:center;gap:8px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:8px 0}.kv{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light);font-size:13px}.kv:last-child{border-bottom:0}.kv label,.kv dt{color:var(--text-muted);font-size:12px;font-weight:500}.kv dd{text-align:right;font-weight:600;color:var(--text)}.kvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.pad{padding:20px}.page-enter{animation:fadeInUp .25s ease-out}.skip-link{position:absolute;left:8px;top:-44px;z-index:100;background:var(--brand);color:var(--brand-fg);border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:600;transition:top .15s;text-decoration:none}.skip-link:focus{top:8px;outline:none}.sidebar-drawer{animation:slideInLeft .2s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.stat-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--brand-bg);color:var(--accent);border:1px solid var(--border-light)}.stat-card-value{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.1}.stat-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:4px}.bento-grid{display:grid;gap:var(--space-3)}@media (min-width: 768px){.bento-grid{grid-template-columns:repeat(12,1fr)}.bento-span-8{grid-column:span 8}.bento-span-4{grid-column:span 4}.bento-span-6{grid-column:span 6}.bento-span-12{grid-column:span 12}}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-23px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--border);border:3px solid var(--bg-surface);z-index:1}.timeline-dot.completed{background:var(--fresh-lime);border-color:var(--bg-surface);box-shadow:0 0 0 3px #76bc2133}.timeline-dot.active{background:var(--accent);border-color:var(--bg-surface);box-shadow:0 0 0 3px var(--ring-soft);animation:pulse-dot 2s infinite}.timeline-dot.pending{background:var(--bg-hover);border-color:var(--border)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px var(--ring-soft)}50%{box-shadow:0 0 0 6px var(--ring-soft)}}.timeline-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm)}.notification-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.notification-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.notification-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border)}.notification-card.critical:before{background:var(--status-error)}.notification-card.warning:before{background:var(--status-warning)}.notification-card.info:before{background:var(--accent)}.notification-card.success:before{background:var(--fresh-lime)}.nav-active-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#0056b31a;font-size:16px;color:var(--accent);flex-shrink:0}.nav-inactive-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:6}.badge-soon{background:var(--bg-hover);color:var(--text-subtle);border:1px solid var(--border-light)}.badge-beta{background:#ed6c021a;color:#b35f00;border:1px solid rgba(237,108,2,.2)}.ai-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:18px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.confidence-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.confidence-badge{background:var(--green-bg);color:var(--green-text)}.confidence-badge.amber{background:var(--amber-bg);color:var(--amber-text)}.confidence-badge.low{background:var(--red-bg);color:var(--red-text)}.ticket-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--grid-gap);align-items:flex-start;margin-bottom:var(--grid-gap)}.ticket-layout>*{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.card-interactive{transition:transform .15s ease,box-shadow .15s ease}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}details[open] summary~*{animation:fadeInUp .2s ease-out}.page-enter{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-enter{animation:fadeIn .18s ease-out}.modal-panel{animation:zoomIn .2s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.sidebar-drawer{animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-enter{animation:slideInRight .26s cubic-bezier(.16,1,.3,1)}.kpi-grid>.kpi{animation:fadeInUp .42s cubic-bezier(.16,1,.3,1) backwards}.kpi-grid>.kpi:nth-child(1){animation-delay:.03s}.kpi-grid>.kpi:nth-child(2){animation-delay:.08s}.kpi-grid>.kpi:nth-child(3){animation-delay:.13s}.kpi-grid>.kpi:nth-child(4){animation-delay:.18s}.kpi-grid>.kpi:nth-child(5){animation-delay:.23s}.kpi-grid>.kpi:nth-child(6){animation-delay:.28s}.kpi-grid>.kpi:nth-child(n+7){animation-delay:.32s}tbody tr:active td{background:var(--bg-th-hover)}.conns{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--grid-gap);margin-bottom:12px}.conn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.conn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.conn-h{display:flex;justify-content:space-between;align-items:center}.conn dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin-top:12px;font-size:13px}@media (max-width: 1024px){.ticket-layout{grid-template-columns:1fr}}@media (max-width: 768px){.formgrid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}th,td{padding:6px 10px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:24px}}.dark .text-slate-900,.dark .text-slate-800{color:var(--text)}.dark .text-slate-700,.dark .text-slate-600{color:var(--text-secondary)}.dark .text-slate-500,.dark .text-slate-400{color:var(--text-muted)}.dark .text-slate-300{color:var(--text-subtle)}.dark .bg-white{background-color:var(--bg-panel)}.dark .bg-slate-50{background-color:var(--bg)}.dark .bg-slate-100{background-color:var(--bg-hover)}.dark .border-slate-200{border-color:var(--border)}.dark .border-slate-100,.dark .border-slate-50{border-color:var(--border-light)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}