@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=DM+Mono:wght@400;500&display=swap");:root,[data-theme=dark]{color-scheme:dark;--bg:#0d1b2a;--surface:#111f2e;--card:#162536;--card-hover:#1c2f43;--raised:#1e3349;--border:#1e3349;--border-2:#263f59;--border-3:#2e4d6a;--border2:var(--border-2);--border3:var(--border-3);--primary:#1284c4;--primary-light:rgba(18,132,196,0.15);--primary-glow:rgba(18,132,196,0.25);--accent:#19b8a0;--accent-light:rgba(25,184,160,0.13);--accent-glow:rgba(25,184,160,0.22);--brand-gradient:linear-gradient(135deg,#1284c4,#19b8a0);--text:#dce9f5;--text-2:#7fa0bb;--text2:var(--text-2);--muted:#4d6b84;--inverse-text:#ffffff;--success:#10b981;--success-dim:rgba(16,185,129,0.12);--success-border:rgba(16,185,129,0.22);--warning:#f59e0b;--warning-dim:rgba(245,158,11,0.12);--warning-border:rgba(245,158,11,0.22);--danger:#ef4444;--danger-dim:rgba(239,68,68,0.12);--danger-border:rgba(239,68,68,0.22);--info:#38bdf8;--info-dim:rgba(56,189,248,0.1);--info-border:rgba(56,189,248,0.2);--purple:#8b5cf6;--purple-dim:rgba(139,92,246,0.12);--purple-border:rgba(139,92,246,0.22);--orange:#f97316;--orange-dim:rgba(249,115,22,0.12);--orange-border:rgba(249,115,22,0.22);--amber:var(--warning);--amber-dim:var(--warning-dim);--amber-border:var(--warning-border);--red:var(--danger);--red-dim:var(--danger-dim);--red-border:var(--danger-border);--green:var(--success);--green-dim:var(--success-dim);--green-border:var(--success-border);--overlay:rgba(5,12,22,0.65);--backdrop:rgba(5,12,22,0.78);--overlay-bg:var(--overlay);--modal-overlay-bg:var(--backdrop);--search-overlay-bg:rgba(5,12,22,0.92);--subtle-hover:rgba(255,255,255,0.04);--subtle-hover-2:rgba(255,255,255,0.025);--badge-soft:rgba(255,255,255,0.06);--pill-soft:rgba(13,27,42,0.85);--focus-surface:#0f1e2e;--success-toast-bg:#0b2e22;--success-toast-text:#6ee7b7;--info-toast-bg:#0b1e30;--info-toast-text:#7dd3fc;--warn-toast-bg:#2a1e08;--warn-toast-text:#fde68a;--error-toast-bg:#2a0b0b;--error-toast-text:#fca5a5}[data-theme=light]{color-scheme:light;--bg:#f0f4f8;--surface:#ffffff;--card:#ffffff;--card-hover:#f5f9ff;--raised:#f8fafc;--border:#dde5ef;--border-2:#c8d7e8;--border-3:#b3c6d8;--primary:#0e76b3;--primary-light:rgba(14,118,179,0.1);--primary-glow:rgba(14,118,179,0.18);--accent:#0d9b8a;--accent-light:rgba(13,155,138,0.09);--accent-glow:rgba(13,155,138,0.18);--brand-gradient:linear-gradient(135deg,#0e76b3,#0d9b8a);--text:#1a2e42;--text-2:#4d6d88;--muted:#8ba3b8;--inverse-text:#ffffff;--success:#059669;--success-dim:rgba(5,150,105,0.09);--success-border:rgba(5,150,105,0.2);--warning:#d97706;--warning-dim:rgba(217,119,6,0.1);--warning-border:rgba(217,119,6,0.2);--danger:#dc2626;--danger-dim:rgba(220,38,38,0.09);--danger-border:rgba(220,38,38,0.2);--info:#0284c7;--info-dim:rgba(2,132,199,0.08);--info-border:rgba(2,132,199,0.18);--purple:#7c3aed;--purple-dim:rgba(124,58,237,0.09);--purple-border:rgba(124,58,237,0.2);--orange:#ea580c;--orange-dim:rgba(234,88,12,0.09);--orange-border:rgba(234,88,12,0.2);--overlay:rgba(15,30,50,0.28);--backdrop:rgba(15,30,50,0.38);--search-overlay-bg:rgba(240,244,248,0.94);--subtle-hover:#edf3fb;--subtle-hover-2:#f4f8fc;--badge-soft:#edf3fb;--pill-soft:rgba(255,255,255,0.96);--focus-surface:#fafcff;--success-toast-bg:#ecfdf5;--success-toast-text:#047857;--info-toast-bg:#eff6ff;--info-toast-text:#0369a1;--warn-toast-bg:#fffbeb;--warn-toast-text:#b45309;--error-toast-bg:#fef2f2;--error-toast-text:#b91c1c}:root{--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"DM Mono",ui-monospace,SFMono-Regular,monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--fs-page-title:20px;--fs-section:15px;--fs-body:13px;--fs-meta:12px;--fs-caption:11.5px;--fs-overline:10px;--lh-tight:1.25;--lh-snug:1.4;--lh-normal:1.55;--ls-title:-0.02em;--ls-body:0.01em;--ls-overline:1.2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:18px;--space-6:24px;--space-7:28px;--space-8:32px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius:var(--radius-md);--radius-pill:999px;--sidebar-width:220px;--sidebar-collapsed:72px;--header-height:60px;--content-max-width:1200px;--sidebar:var(--sidebar-width);--header:var(--header-height);--z-header:30;--z-sidebar:20;--z-overlay:45;--z-drawer:50;--z-modal:60;--z-toast:100}:root,[data-theme=dark]{--shadow-soft:0 1px 6px rgba(0,0,0,0.22),0 4px 16px rgba(0,0,0,0.18);--shadow-card:0 1px 3px rgba(0,0,0,0.3);--shadow-drawer:-16px 0 56px rgba(0,0,0,0.5);--shadow-elevated:0 8px 40px rgba(0,0,0,0.45);--shadow:var(--shadow-soft);--shadow-lg:var(--shadow-elevated);--drawer-shadow:var(--shadow-drawer);--ring-primary:0 0 0 3px var(--primary-light);--glow-primary:0 2px 8px var(--primary-glow);--glow-accent:0 2px 8px var(--accent-glow)}[data-theme=light]{--shadow-soft:0 1px 4px rgba(18,40,70,0.08),0 4px 16px rgba(18,40,70,0.1);--shadow-card:0 1px 4px rgba(18,40,70,0.08);--shadow-drawer:-12px 0 40px rgba(18,40,70,0.16);--shadow-elevated:0 12px 48px rgba(18,40,70,0.18)}:root{--ease:ease;--dur-fast:0.12s;--dur:0.15s;--dur-slow:0.2s;--press-scale:0.98;--blur-glass:blur(12px)}*,:after,:before{box-sizing:border-box}body{background:var(--bg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--text)}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);letter-spacing:var(--ls-title);line-height:var(--lh-tight)}p{margin:0}a{color:var(--primary);text-decoration:none}code,kbd,pre,samp{font-family:var(--font-mono)}::-moz-selection{background:var(--primary-glow);color:var(--text)}::selection{background:var(--primary-glow);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.app-card-hover{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.app-card-hover:hover{background:var(--card-hover);border-color:var(--border-2);box-shadow:var(--shadow-soft)}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.app-button:active:not(:disabled){transform:scale(.98)}.app-button:disabled{opacity:.55;cursor:not-allowed}.app-button-primary{background:var(--primary);color:var(--inverse-text);box-shadow:0 2px 8px var(--primary-glow)}.app-button-primary:hover:not(:disabled){box-shadow:0 4px 14px var(--primary-glow)}.app-button-secondary{background:var(--accent);color:var(--inverse-text);box-shadow:0 2px 8px var(--accent-glow)}.app-button-secondary:hover:not(:disabled){box-shadow:0 4px 14px var(--accent-glow)}.app-button-ghost{background:transparent;border-color:var(--border-2);color:var(--text-2)}.app-button-ghost:hover:not(:disabled){background:var(--subtle-hover);border-color:var(--border-3);color:var(--text)}.app-button-danger{background:var(--danger);color:var(--inverse-text)}.app-input,.app-select,.app-textarea{width:100%;padding:9px 13px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.app-input::-moz-placeholder,.app-textarea::-moz-placeholder{color:var(--muted)}.app-input::placeholder,.app-textarea::placeholder{color:var(--muted)}.app-textarea{min-height:96px;resize:vertical}.app-badge,.app-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap}.app-badge{padding:4px 9px;background:var(--primary-light);border:1px solid var(--primary-glow);color:var(--primary)}.app-badge-success{background:var(--success-dim);border-color:var(--success-border);color:var(--success)}.app-badge-warning{background:var(--warning-dim);border-color:var(--warning-border);color:var(--warning)}.app-badge-danger{background:var(--danger-dim);border-color:var(--danger-border);color:var(--danger)}.app-badge-info{background:var(--info-dim);border-color:var(--info-border);color:var(--info)}.app-badge-purple{background:var(--purple-dim);border-color:var(--purple-border);color:var(--purple)}.app-badge-orange{background:var(--orange-dim);border-color:var(--orange-border);color:var(--orange)}.app-chip{padding:6px 10px;background:var(--badge-soft);border:1px solid var(--border);color:var(--text-2)}.app-table{width:100%;border-collapse:collapse;color:var(--text);font-size:13px}.app-table th{padding:11px 18px;background:var(--raised);border-bottom:1.5px solid var(--border);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1.2px;text-align:left;text-transform:uppercase}.app-table td{padding:12px 18px;border-bottom:1px solid var(--border)}.app-empty-state{display:grid;place-items:center;min-height:220px;padding:32px;border:1.5px dashed var(--border-2);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);text-align:center}.app-loader{width:28px;height:28px;border:3px solid var(--border-2);border-top-color:var(--primary);border-radius:999px;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}.app-modal-panel{width:min(540px,100%);max-height:90vh;overflow:auto;padding:28px;background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.app-drawer{width:min(420px,94vw);height:calc(100vh - var(--header-height));background:var(--surface);border-left:1px solid var(--border-2);box-shadow:var(--shadow-drawer)}.app-toast{display:flex;align-items:center;gap:10px;max-width:380px;padding:13px 18px;background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);color:var(--text);font-size:13px;font-weight:500}.app-page{display:flex;flex-direction:column;gap:18px}.app-section{min-width:0}.app-page-title{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.app-page-subtitle{font-size:13px;color:var(--text-2)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-line-clamp-2{-webkit-line-clamp:2}.u-line-clamp-2,.u-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.u-line-clamp-3{-webkit-line-clamp:3}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.u-gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.u-gradient-bg{background:var(--brand-gradient)}.u-surface{background:var(--surface);color:var(--text)}.u-card-surface{background:var(--card);color:var(--text)}.u-glass{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.u-scroll-area{overflow:auto;-webkit-overflow-scrolling:touch}