@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--yuno-purple-50: #eef0ff;--yuno-purple-100: #e3e6ff;--yuno-purple-200: #c9cefe;--yuno-purple-300: #a4aafc;--yuno-purple-400: #7d83f7;--yuno-purple-500: #5a60ee;--yuno-purple-600: #3f50e0;--yuno-purple-700: #3640b8;--yuno-purple-800: #2a3294;--yuno-purple-900: #1e2478;--yuno-primary: var(--yuno-purple-600);--yuno-primary-hover: var(--yuno-purple-700);--yuno-primary-soft: var(--yuno-purple-50);--neutral-0: #ffffff;--neutral-25: #fafafa;--neutral-50: #f5f6f8;--neutral-100: #ececf0;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #737380;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #0e172a;--neutral-950: #090e1c;--fg-1: var(--neutral-900);--fg-2: var(--neutral-700);--fg-3: var(--neutral-500);--fg-4: var(--neutral-400);--fg-on-primary:#ffffff;--fg-link: var(--yuno-purple-600);--bg-canvas: var(--neutral-25);--bg-surface: var(--neutral-0);--bg-sunken: var(--neutral-50);--bg-muted: var(--neutral-100);--bg-inverse: var(--neutral-900);--success-50: #e8f9ee;--success-100: #d1f2de;--success-500: #1fb85a;--success-600: #149246;--success-700: #0f7339;--warning-50: #fff6e0;--warning-100: #ffe7b3;--warning-500: #f5a524;--warning-600: #c78516;--danger-50: #fde8ea;--danger-100: #fbd0d5;--danger-500: #e5484d;--danger-600: #c02a30;--info-50: #e3eeff;--info-100: #c9deff;--info-500: #3b82f6;--info-600: #2563eb;--accent-lilac: #c9cefe;--accent-sky: #bfe0ff;--accent-mint: #c4f1d8;--accent-sand: #f3eadd;--accent-peach: #ffd7c2;--border-subtle: #ececf0;--border-default:#e4e4e7;--border-strong: #d4d4d8;--border-focus: var(--yuno-purple-500);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(14,23,42,.04);--shadow-sm: 0 1px 2px rgba(14,23,42,.06), 0 1px 3px rgba(14,23,42,.04);--shadow-md: 0 4px 10px -2px rgba(14,23,42,.06), 0 2px 4px rgba(14,23,42,.04);--shadow-lg: 0 12px 24px -8px rgba(14,23,42,.1), 0 4px 8px rgba(14,23,42,.04);--shadow-focus: 0 0 0 3px rgba(90,96,238,.22);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--sidebar-w: 240px;--topbar-h: 56px;--container-max: 1200px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "Inter", ui-sans-serif, system-ui, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 30px;--fs-5xl: 36px;--fs-6xl: 48px;--fs-7xl: 64px;--fs-8xl: 80px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed:1.65;--ls-tight: -.02em;--ls-snugg: -.01em;--ls-normal: 0;--ls-wide: .02em;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800}html,body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--fg-1);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.display-xl,h1.display{font-family:var(--font-display);font-size:clamp(48px,6.5vw,var(--fs-8xl));line-height:1.02;letter-spacing:-.035em;font-weight:var(--fw-bold);color:var(--fg-1)}.display-lg{font-size:clamp(40px,5vw,var(--fs-7xl));line-height:1.05;letter-spacing:-.03em;font-weight:var(--fw-bold)}h1,.h1{font-size:var(--fs-5xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--fg-1)}h2,.h2{font-size:var(--fs-4xl);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--fg-1)}h3,.h3{font-size:var(--fs-3xl);line-height:var(--lh-snug);letter-spacing:var(--ls-snugg);font-weight:var(--fw-semibold);color:var(--fg-1)}h4,.h4{font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--ls-snugg);font-weight:var(--fw-semibold);color:var(--fg-1)}h5,.h5{font-size:var(--fs-lg);line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-1)}h6,.h6{font-size:var(--fs-sm);line-height:var(--lh-snug);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-3)}p,.p{font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--fg-2)}.lead{font-size:var(--fs-xl);line-height:var(--lh-relaxed);color:var(--fg-2)}.small{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--fg-3)}.caption{font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--fg-3);letter-spacing:.01em}.eyebrow{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--fw-semibold);color:var(--fg-3)}.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-1)}code,.code,kbd{font-family:var(--font-mono);font-size:.92em;background:var(--bg-muted);padding:.12em .4em;border-radius:var(--radius-xs);color:var(--fg-1)}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--border-default);margin:var(--space-6) 0}:where(button,a,input,textarea,select):focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.stack{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}html,body{margin:0;height:100%;background:var(--bg-canvas)}*,*:before,*:after{box-sizing:border-box}#root{min-height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background .12s var(--ease-out),color .12s var(--ease-out),border-color .12s var(--ease-out);white-space:nowrap;line-height:1}.btn-sm{padding:4px 8px;font-size:12px}.btn.icon-only{padding:7px}.btn.icon-only.btn-sm{padding:3px}.btn-primary{background:var(--yuno-primary);color:#fff;border-color:var(--yuno-primary)}.btn-primary:hover{background:var(--yuno-primary-hover);border-color:var(--yuno-primary-hover)}.btn-ghost{background:#fff;color:var(--fg-1);border-color:var(--border-default)}.btn-ghost:hover{background:var(--neutral-25);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.detail-grid{grid-template-columns:1fr}@container detail-pane (min-width: 720px){.detail-grid{grid-template-columns:1fr 1fr}}.detail-pane-container{container-type:inline-size;container-name:detail-pane}.pulse-dot{width:6px;height:6px;border-radius:999px;background:var(--success-500);box-shadow:0 0 #1fb85a99;animation:pulse 1.6s var(--ease-out) infinite}@keyframes pulse{0%{box-shadow:0 0 #1fb85a99}70%{box-shadow:0 0 0 8px #1fb85a00}to{box-shadow:0 0 #1fb85a00}}.row-enter{animation:slide-in .4s var(--ease-out);position:relative}.row-enter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--yuno-purple-50) 0%,transparent 70%);animation:flash .9s var(--ease-out);pointer-events:none}@keyframes slide-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flash{0%{opacity:1}to{opacity:0}}.ping-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid var(--yuno-purple-300);animation:ping 2.4s var(--ease-out) infinite;opacity:0}@keyframes ping{0%{transform:scale(.3);opacity:.9}80%,to{transform:scale(1);opacity:0}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--neutral-300);background-clip:padding-box;border:2px solid transparent}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--neutral-900);color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease-out)}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.error{background:var(--danger-600)}.login-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{background:#fff;border:1px solid var(--border-default);border-radius:16px;padding:36px 40px;max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-md)}.login-card h1{font-size:22px;margin:0 0 6px;letter-spacing:-.01em}.login-card p{color:var(--fg-3);margin:0 0 20px;font-size:13.5px}.login-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;text-align:left}.login-field span{font-size:11px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.login-field input{padding:9px 12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;font-family:inherit;color:var(--fg-1);background:#fff;outline:none;transition:border-color .12s,box-shadow .12s}.login-field input:focus{border-color:var(--yuno-purple-400);box-shadow:0 0 0 3px var(--yuno-purple-50)}