:root{--bg-page: #0f1115;--bg-surface: #161b24;--bg-elevated: #1c2333;--bg-subtle: rgba(255,255,255,.03);--bg-hover: rgba(255,255,255,.05);--bg-sidebar: #0a0d12;--bg-topbar: #0f1115;--bg-base: #0f1115;--border-faint: rgba(255,255,255,.05);--border-base: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.13);--border-focus: #4f8ef7;--text-primary: #f0f4f8;--text-secondary: #8899aa;--text-muted: #56687a;--text-faint: #2d3d4d;--text-accent: #4f8ef7;--accent: #4f8ef7;--accent-deep: #2d6ee0;--accent-dim: rgba(79,142,247,.1);--accent-muted: rgba(79,142,247,.06);--accent-glow: rgba(79,142,247,.2);--accent-border: rgba(79,142,247,.28);--status-active: #34d399;--status-building: #4f8ef7;--status-inactive: #556677;--status-burned: #ff4466;--status-danger: #ff4466;--status-warning: #ffaa00;--status-success: #34d399;--status-info: #4f8ef7;--shadow-xs: 0 1px 3px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.05);--shadow-md: 0 4px 20px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.07);--shadow-accent: 0 0 0 3px rgba(79,142,247,.2);--shadow-glow: 0 0 20px rgba(79,142,247,.15);--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-ui: "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--t-fast: .1s ease;--t-base: .15s ease;--t-slow: .25s ease;--z-sidebar: 40;--z-topbar: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400}[data-theme=light]{--bg-page: #f0f3f7;--bg-surface: #ffffff;--bg-elevated:#ffffff;--bg-subtle: rgba(0,0,0,.025);--bg-hover: rgba(0,0,0,.04);--bg-topbar: #ffffff;--border-faint: rgba(0,0,0,.05);--border-base: rgba(0,0,0,.09);--border-strong: rgba(0,0,0,.16);--text-primary: #0d1520;--text-secondary: #3d5068;--text-muted: #637080;--text-faint: #a0b0c0;--shadow-xs: 0 1px 3px rgba(0,0,0,.07);--shadow-sm: 0 1px 4px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);--shadow-lg: 0 12px 40px rgba(0,0,0,.14), 0 0 0 1px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;font-family:var(--font-ui);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ims-card{background:var(--bg-surface);border:1px solid var(--border-faint);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ims-card-hover{transition:box-shadow var(--t-base),border-color var(--t-base);cursor:pointer}.ims-card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--accent-border)}.ims-divider{height:1px;background:var(--border-faint)}