@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@font-face{font-family:Lora;src:url(/assets/Lora-VariableFont_wght-Jr-ptgqq.ttf)format("truetype-variations"),url(/assets/Lora-VariableFont_wght-Jr-ptgqq.ttf)format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--blue-50:#fff;--blue-100:#f4f3fd;--blue-200:#dedcfa;--blue-300:#908bef;--blue-400:#4d45e5;--blue-500:#2017df;--blue-600:#1a12b8;--blue-700:#140e8f;--blue-800:#0e0a66;--blue-900:#08063d;--yellow-200:#fcffd9;--yellow-500:#e8ff00;--yellow-700:#94a300;--cream-000:#fff;--cream-050:#fefcfa;--cream-100:#f5f2ed;--cream-200:#e7e2da;--cream-300:#d2cbc0;--ink-900:#15130f;--ink-700:#434240;--ink-500:#8a8886;--ink-300:#dad8d5;--ink-100:#f2f1ef;--white:#fff;--black:#000;--signal-positive:#0e8f5b;--signal-warning:#c97a1b;--signal-negative:#c4341f;--signal-positive-bg:#e9f4ef;--signal-warning-bg:#f9f0e3;--signal-negative-bg:#f9eae7;--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--ink-300);--text-on-blue:var(--cream-050);--text-link:var(--blue-500);--text-link-hover:var(--blue-600);--surface-page:var(--cream-050);--surface-raised:var(--white);--surface-sunken:var(--cream-100);--surface-inverse:var(--ink-900);--surface-brand:var(--blue-500);--surface-brand-hover:var(--blue-600);--surface-brand-press:var(--blue-700);--border-subtle:var(--cream-200);--border-default:var(--ink-100);--border-strong:var(--ink-300);--border-focus:var(--blue-500);--icon-default:var(--ink-700);--icon-muted:var(--ink-300);--icon-brand:var(--blue-500);--surface-accent:var(--yellow-500);--surface-accent-hover:var(--yellow-700);--text-on-yellow:var(--ink-900);--icon-accent:var(--yellow-700);--border-accent:var(--yellow-500);--font-display:"Lora", ui-serif, Georgia, serif;--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-logo:var(--font-display);--text-display-xl:5.5rem;--text-display-l:3.75rem;--text-display-m:2.75rem;--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-h4:1.125rem;--text-body-l:1.125rem;--text-body:1rem;--text-body-s:.875rem;--text-caption:.75rem;--text-mono:.875rem;--lh-tight:1.08;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.04em;--ls-caps:.08em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--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;--space-24:96px;--space-32:128px;--space-40:160px;--container-max:1200px;--container-narrow:760px;--grid-gutter:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--radius-circle:50%;--radius-card:var(--radius-lg);--radius-control:var(--radius-sm);--radius-chip:var(--radius-pill);--shadow-sm:0 1px 2px #14120f0f, 0 1px 1px #14120f0a;--shadow-md:0 4px 12px #14120f14, 0 1px 2px #14120f0d;--shadow-lg:0 12px 32px #14120f1f, 0 2px 6px #14120f0f;--shadow-focus:0 0 0 3px #2017df47;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.36s;--color-primary:var(--surface-brand);--color-primary-foreground:var(--text-on-blue);--color-background:var(--surface-page);--color-foreground:var(--text-primary);--color-card:var(--surface-raised);--color-card-foreground:var(--text-primary);--color-border:var(--border-subtle);--color-input:var(--border-default);--color-ring:var(--border-focus);--color-muted:var(--surface-sunken);--color-muted-foreground:var(--text-secondary);--color-accent:var(--surface-sunken);--color-accent-foreground:var(--text-primary);--color-popover:var(--surface-raised);--color-popover-foreground:var(--text-primary);--color-danger:var(--signal-negative);--color-danger-bg:var(--signal-negative-bg);--color-danger-border:#efc7c0;--color-success:var(--signal-positive);--color-success-bg:var(--signal-positive-bg);--color-success-border:#bfdecf;--color-warning:var(--signal-warning);--color-warning-bg:var(--signal-warning-bg);--color-warning-border:#edd5b4;--color-capplon-blue:var(--blue-500);--color-capplon-blue-5:var(--blue-100);--color-pitch-black:var(--ink-900);--color-pitch-black-80:var(--ink-700);--color-pitch-black-50:var(--ink-500);--color-pitch-black-15:var(--ink-300);--color-sidebar-bg:var(--surface-raised);--color-sidebar-fg:var(--ink-700);--color-sidebar-accent:var(--surface-sunken);--color-sidebar-border:var(--border-subtle);--beige-050:var(--cream-050);--beige-100:var(--cream-100);--beige-200:var(--cream-200);--beige-300:var(--cream-300);--text-body-lg:var(--text-body-l);--text-display:var(--text-display-m);--font-light:300;--font-regular:var(--fw-regular);--font-medium:var(--fw-medium);--font-semibold:var(--fw-semibold);--font-bold:var(--fw-bold);--leading-tight:var(--lh-tight);--leading-snug:var(--lh-snug);--leading-normal:var(--lh-normal);--leading-relaxed:var(--lh-relaxed);--radius:var(--radius-control);--radius-full:var(--radius-pill);--shadow-xs:var(--shadow-sm);--shadow-xl:var(--shadow-lg);--transition-fast:var(--duration-fast) var(--ease-standard);--transition-normal:var(--duration-base) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-standard)}.dark{--pistage:#ebf3e2;--premium-blue:#09046e;--text-primary:#eceff2;--text-secondary:#9ca3b0;--text-muted:#6b7486;--text-link:var(--pistage);--text-link-hover:#fff;--surface-page:#2e3440;--surface-raised:#3b4252;--surface-sunken:#434c5e;--surface-inverse:var(--cream-050);--border-subtle:#434c5e;--border-default:#4c566a;--border-strong:#5e6a80;--border-focus:var(--pistage);--icon-default:#c9d0db;--icon-muted:#6b7486;--icon-brand:var(--pistage);--signal-positive:#4cbf8f;--signal-warning:#e0a05a;--signal-negative:#f87171;--signal-positive-bg:#33413b;--signal-warning-bg:#413a2e;--signal-negative-bg:#402e33;--shadow-sm:0 1px 2px #0006, 0 1px 1px #0000004d;--shadow-md:0 4px 12px #00000073, 0 1px 2px #0000004d;--shadow-lg:0 12px 32px #0000008c, 0 2px 6px #00000059;--shadow-focus:0 0 0 3px #ebf3e24d;--color-primary:var(--pistage);--color-primary-foreground:var(--premium-blue);--color-input:var(--border-default);--color-danger-border:#7f1d1d;--color-success-border:#2a4a3c;--color-warning-border:#55402a;--color-sidebar-bg:var(--surface-raised);--color-sidebar-fg:#eceff2;--color-sidebar-accent:var(--surface-sunken);--color-sidebar-border:var(--border-default);--beige-050:var(--surface-page);--beige-100:var(--surface-sunken);--beige-200:var(--border-default);--beige-300:var(--border-strong);--ink-900:#eceff2;--ink-700:#c9d0db;--ink-500:#9ca3b0;--ink-300:#4c566a;--ink-100:#434c5e}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-body-s);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-foreground);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:var(--font-display);font-weight:var(--fw-medium);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}h1{font-size:var(--text-h2)}h2{font-size:var(--text-h3)}h3,h4{font-family:var(--font-sans);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}h3{font-size:var(--text-h4)}h4{font-size:var(--text-body)}p{font-size:var(--text-body-s);line-height:var(--lh-normal)}.text-caption{font-size:var(--text-caption);line-height:var(--lh-normal);color:var(--color-muted-foreground)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;height:100dvh;overflow:hidden}#app{flex-direction:column;height:100dvh;display:flex}#root{height:100dvh}.topbar{background:var(--color-sidebar-bg);border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.topbar-logo{object-fit:contain;height:28px}.topbar-title{font-family:var(--font-display);font-size:18px;font-weight:var(--fw-medium);color:var(--color-foreground);letter-spacing:var(--ls-wide)}.topbar-sep{flex:1}.bottom-nav{background:var(--surface-raised);border-top:1px solid var(--border-subtle);flex-shrink:0;height:60px;display:flex}.bottom-nav-item{color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:var(--fw-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0;display:flex}.bottom-nav-item.active{color:var(--text-link)}.bottom-nav-item svg{transition:transform var(--duration-fast) var(--ease-standard)}.bottom-nav-item.active svg{transform:scale(1.1)}.app-layout{flex:1;display:flex;overflow:hidden}.sidebar-desktop{background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:16px 10px;display:flex;overflow-y:auto}@media (width<=767px){.sidebar-desktop{display:none}}@media (width>=768px){.bottom-nav{display:none}}.sidebar-nav-item{border-radius:var(--radius-control);color:var(--color-sidebar-fg);font-family:var(--font-sans);font-size:14px;font-weight:var(--fw-medium);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;display:flex}.sidebar-nav-item:hover{background:var(--color-sidebar-accent)}.sidebar-nav-item.active{background:var(--blue-100);color:var(--blue-600);font-weight:var(--fw-semibold)}.dark .sidebar-nav-item.active{background:var(--pistage);color:var(--premium-blue)}.sidebar-section-label{font-size:11px;font-weight:var(--fw-semibold);color:var(--text-secondary);letter-spacing:var(--ls-caps);text-transform:uppercase;pointer-events:none;padding:12px 12px 4px}.sidebar-spacer{flex:1}.main-content{scroll-behavior:smooth;flex:1;padding:20px 16px;overflow-y:auto}@media (width>=768px){.main-content{padding:28px 32px}}@media (width>=1024px){.main-content{max-width:860px;margin:0 auto}}@media (width>=1280px){.main-content{max-width:1000px;padding:32px 40px}}@media (width>=1600px){.main-content{max-width:1140px}}.panel{background:var(--color-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:20px}@media (width>=768px){.panel{padding:28px}}.avatar{border-radius:var(--radius-circle);width:32px;height:32px;font-size:12px;font-weight:var(--fw-bold);color:#fff;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);border:2px solid #14120f14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar:hover{border-color:#14120f40}.dark .avatar{border-color:#fff3}.dark .avatar:hover{border-color:#ffffff80}.user-dropdown{background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:180px;padding:6px;position:absolute;top:52px;right:12px}.user-dropdown-item{border-radius:var(--radius-control);color:var(--color-foreground);font-family:var(--font-sans);font-size:14px;font-weight:var(--fw-medium);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-dropdown-item:hover{background:var(--color-accent)}.user-dropdown-item.selected{background:var(--blue-100);color:var(--text-link);font-weight:var(--fw-semibold)}.dark .user-dropdown-item.selected{background:var(--surface-sunken)}.running-banner{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:13px;font-weight:var(--fw-medium);color:var(--text-link);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.pulse-dot{border-radius:var(--radius-circle);background:var(--signal-negative);flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.dark-toggle{border-radius:var(--radius-control);width:32px;height:32px;color:var(--icon-default);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dark-toggle:hover{background:var(--surface-sunken)}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}