:root{--color-bg-app: #08090a;--color-bg-panel: #0d0e10;--color-bg-elevated: #141517;--color-bg-surface: #1a1b1e;--color-bg-hover: #222326;--color-bg-active: #2a2b2e;--color-bg-input: #0d0e10;--color-bg-overlay: rgba(0, 0, 0, .6);--color-text-primary: #f5f5f5;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-quaternary: #52525b;--color-text-disabled: #3f3f46;--color-text-inverse: #09090b;--color-text-link: #d4d4d8;--color-text-link-hover: #fafafa;--color-border-default: rgba(255, 255, 255, .08);--color-border-subtle: rgba(255, 255, 255, .04);--color-border-strong: rgba(255, 255, 255, .12);--color-border-focus: rgba(255, 255, 255, .4);--color-border-error: #ef4444;--color-accent-primary: #fafafa;--color-accent-primary-hover: #ffffff;--color-accent-primary-active: #e4e4e7;--color-accent-secondary: #27272a;--color-accent-secondary-hover: #3f3f46;--color-gradient-start: #fafafa;--color-gradient-mid: #d4d4d8;--color-gradient-end: #a1a1aa;--color-accent-subtle: rgba(255, 255, 255, .04);--color-accent-subtle-border: rgba(255, 255, 255, .08);--color-success: #22c55e;--color-success-light: #4ade80;--color-success-dark: #16a34a;--color-success-bg: rgba(34, 197, 94, .1);--color-success-border: rgba(34, 197, 94, .2);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .2);--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .2);--color-info: #71717a;--color-info-light: #a1a1aa;--color-info-dark: #52525b;--color-info-bg: rgba(113, 113, 122, .1);--color-info-border: rgba(113, 113, 122, .2);--color-job-wip: #7c6ebd;--color-job-wip-bg: rgba(124, 110, 189, .08);--color-job-wip-border: rgba(124, 110, 189, .15);--color-job-authorized: #c4626a;--color-job-authorized-bg: rgba(196, 98, 106, .08);--color-job-authorized-border: rgba(196, 98, 106, .15);--color-job-complete: #3dae6c;--color-job-complete-bg: rgba(61, 174, 108, .08);--color-job-complete-border: rgba(61, 174, 108, .15);--color-job-rts: #4a9da8;--color-job-rts-bg: rgba(74, 157, 168, .08);--color-job-rts-border: rgba(74, 157, 168, .15);--color-job-scheduled: #6b7280;--color-cursor-now: #ef4444;--color-cursor-simulation: #f59e0b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-display: 4.5rem;--text-display-sm: 3.5rem;--text-title-1: 3rem;--text-title-2: 2.25rem;--text-title-3: 1.75rem;--text-title-4: 1.375rem;--text-title-5: 1.125rem;--text-title-6: 1rem;--text-large: 1.125rem;--text-regular: 1rem;--text-small: .875rem;--text-mini: .8125rem;--text-micro: .75rem;--leading-display: 1.1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tighter: -.04em;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .025em;--tracking-wider: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-panel-padding: var(--space-4);--space-card-padding: var(--space-3);--space-input-x: var(--space-3);--space-input-y: var(--space-2);--space-button-x: var(--space-4);--space-button-y: var(--space-2);--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 2px rgba(255, 255, 255, .15);--duration-instant: 0ms;--duration-micro: 80ms;--duration-fast: .1s;--duration-normal: .15s;--duration-moderate: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-reveal: .7s;--ease-default: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-linear-smooth: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.68, -.6, .32, 1.6);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700}.text-title-1{font-size:var(--text-title-1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.text-title-2{font-size:var(--text-title-2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.text-title-3{font-size:var(--text-title-3);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-title-4{font-size:var(--text-title-4);line-height:var(--leading-snug);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-title-5{font-size:var(--text-title-5);line-height:var(--leading-normal);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.text-title-6{font-size:var(--text-title-6);line-height:var(--leading-normal);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.text-body-large{font-size:var(--text-large);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-body{font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-body-small{font-size:var(--text-small);line-height:var(--leading-normal);color:var(--color-text-tertiary)}.text-caption{font-size:var(--text-mini);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);color:var(--color-text-quaternary);font-weight:var(--font-weight-medium)}.text-label{font-size:var(--text-micro);line-height:var(--leading-normal);letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase}.surface-app{background-color:var(--color-bg-app);color:var(--color-text-primary)}.surface-panel{background-color:var(--color-bg-panel);border:1px solid var(--color-border-default)}.surface-elevated{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md)}.surface-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-card-padding)}.surface-card-hover{transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.surface-card-hover:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}.surface-glass{background:#0d0e10cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border-default)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-button-y) var(--space-button-x);font-size:var(--text-regular);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);cursor:pointer;border:none;outline:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-primary-active)}.btn-secondary{background-color:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-light)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-small);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-large);border-radius:var(--radius-lg)}.input{width:100%;padding:var(--space-input-y) var(--space-input-x);font-size:var(--text-regular);font-family:var(--font-sans);background-color:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-text-quaternary)}.input:hover:not(:disabled){border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-surface)}.input-error{border-color:var(--color-border-error)}.input-error:focus{box-shadow:0 0 0 2px #ef444440}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--text-micro);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-light);border:1px solid var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-light);border:1px solid var(--color-warning-border)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error-light);border:1px solid var(--color-error-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info-light);border:1px solid var(--color-info-border)}.badge-wip{background-color:var(--color-job-wip-bg);color:var(--color-job-wip);border:1px solid var(--color-job-wip-border)}.badge-authorized{background-color:var(--color-job-authorized-bg);color:var(--color-job-authorized);border:1px solid var(--color-job-authorized-border)}.badge-complete{background-color:var(--color-job-complete-bg);color:var(--color-job-complete);border:1px solid var(--color-job-complete-border)}.badge-rts{background-color:var(--color-job-rts-bg);color:var(--color-job-rts);border:1px solid var(--color-job-rts-border)}.divider{height:1px;background-color:var(--color-border-default);border:none;margin:var(--space-4) 0}.divider-subtle{background-color:var(--color-border-subtle)}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#ffffff26}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-spring)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.interactive{transition:all var(--duration-fast) var(--ease-default)}.interactive:hover{background-color:var(--color-bg-hover)}.interactive:active{background-color:var(--color-bg-active)}.link{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.link:hover{color:var(--color-text-link-hover)}.stack{display:flex;flex-direction:column}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-6{gap:var(--space-6)}.stack-8{gap:var(--space-8)}.row{display:flex;flex-direction:row;align-items:center}.row-1{gap:var(--space-1)}.row-2{gap:var(--space-2)}.row-3{gap:var(--space-3)}.row-4{gap:var(--space-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-x{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-subtle{0%,to{opacity:.7}50%{opacity:1}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer-once{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-up{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes grid-pulse{0%,to{opacity:.3}50%{opacity:.5}}.text-gradient{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-mid),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-animated{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-mid),var(--color-gradient-end),var(--color-gradient-start));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}.hover-lift{transition:transform var(--duration-fast) var(--ease-linear-smooth)}.hover-lift:hover{transform:translateY(-1px)}.shimmer-skeleton{position:relative;overflow:hidden}.shimmer-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 2s infinite}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--duration-reveal) var(--ease-linear-smooth),transform var(--duration-reveal) var(--ease-linear-smooth)}.reveal-stagger.revealed>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.16s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.24s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.32s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.4s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(7){transition-delay:.48s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(8){transition-delay:.56s;opacity:1;transform:translateY(0)}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-subtle{animation:float-subtle 4s ease-in-out infinite}.animate-pulse-subtle{animation:pulse-subtle 3s ease-in-out infinite}.animate-pulse-ring{animation:pulse-ring 2s ease-out infinite}.animate-fade-in{animation:fade-in var(--duration-reveal) var(--ease-linear-smooth) forwards}.animate-fade-up{animation:fade-up var(--duration-reveal) var(--ease-linear-smooth) forwards}.animate-fade-down{animation:fade-down var(--duration-reveal) var(--ease-linear-smooth) forwards}.animate-scale-in{animation:scale-in var(--duration-reveal) var(--ease-linear-smooth) forwards}.reveal-hidden{opacity:0;transform:translateY(20px)}.reveal-hidden-scale{opacity:0;transform:scale(.95)}.reveal-visible{opacity:1;transform:translateY(0) scale(1);transition:opacity var(--duration-reveal) var(--ease-linear-smooth),transform var(--duration-reveal) var(--ease-linear-smooth)}