:root{--surface-0: #09090B;--surface-1: #111114;--surface-2: #1A1A1F;--surface-3: #232329;--surface-4: #2C2C34;--surface-5: #38383F;--border-default: #232329;--border-muted: #1A1A1F;--border-emphasis: #38383F;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-inverse: #09090B;--accent: #EA580C;--accent-hover: #F97316;--accent-muted: #7C2D12;--accent-glow: rgba(234, 88, 12, .15);--amber-50: #FFF7ED;--amber-100: #FFEDD5;--amber-200: #FED7AA;--amber-300: #FDBA74;--amber-400: #EA580C;--amber-500: #C2410C;--amber-600: #9A3412;--amber-glow: var(--accent-glow);--blue-400: #60A5FA;--blue-500: #3B82F6;--blue-600: #2563EB;--blue-glow: rgba(96, 165, 250, .15);--green-400: #34D399;--green-500: #10B981;--green-glow: rgba(16, 185, 129, .15);--red-400: #F87171;--red-500: #EF4444;--red-glow: rgba(239, 68, 68, .15);--status-open: var(--accent);--status-accepted: var(--blue-400);--status-en-route: var(--blue-400);--status-on-site: var(--blue-500);--status-in-progress: var(--amber-300);--status-proof-submitted: var(--accent);--status-revision: var(--red-400);--status-approved: var(--green-500);--status-disputed: var(--red-500);--status-cancelled: var(--text-tertiary);--status-expired: var(--text-tertiary);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace;--text-xs: .694rem;--text-sm: .833rem;--text-base: 1rem;--text-md: 1.2rem;--text-lg: 1.44rem;--text-xl: 1.728rem;--text-2xl: 2.074rem;--text-3xl: 2.488rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-mono: .1em;--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;--sidebar-width: 240px;--sidebar-collapsed: 64px;--bottom-nav-height: 64px;--top-bar-height: 56px;--status-bar-height: 40px;--content-max-width: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 20px var(--accent-glow);--shadow-glow-amber: 0 0 20px var(--amber-glow);--shadow-glow-green: 0 0 20px var(--green-glow);--shadow-glow-red: 0 0 20px var(--red-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .4s;--duration-enter: .3s;--z-base: 0;--z-card: 10;--z-sticky: 100;--z-sidebar: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-critical: 600}[data-theme=light]{--surface-0: #FFFFFF;--surface-1: #F8FAFC;--surface-2: #F1F5F9;--surface-3: #E2E8F0;--surface-4: #CBD5E1;--surface-5: #94A3B8;--border-default: #E2E8F0;--border-muted: #F1F5F9;--border-emphasis: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #64748B;--text-inverse: #FFFFFF;--accent: #EA580C;--accent-hover: #C2410C;--accent-muted: #FED7AA;--accent-glow: rgba(234, 88, 12, .12);--amber-400: #C2410C;--amber-500: #9A3412;--amber-600: #7C2D12;--amber-glow: rgba(194, 65, 12, .12);--blue-400: #3B82F6;--blue-500: #2563EB;--blue-600: #1D4ED8;--blue-glow: rgba(59, 130, 246, .12);--green-400: #10B981;--green-500: #059669;--green-glow: rgba(5, 150, 105, .12);--red-400: #EF4444;--red-500: #DC2626;--red-glow: rgba(220, 38, 38, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--text-primary);background-color:var(--surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-5);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--surface-5) var(--surface-1)}::selection{background-color:var(--accent-glow);color:var(--accent-hover)}[data-theme=light] ::selection{background-color:#ea580c33;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.status-open{color:var(--status-open)}.status-accepted{color:var(--status-accepted)}.status-en-route{color:var(--status-en-route)}.status-on-site{color:var(--status-on-site)}.status-in-progress{color:var(--status-in-progress)}.status-proof-submitted{color:var(--status-proof-submitted)}.status-revision{color:var(--status-revision)}.status-approved{color:var(--status-approved)}.status-disputed{color:var(--status-disputed)}.status-cancelled{color:var(--status-cancelled)}.status-expired{color:var(--status-expired)}.status-bg-open{background-color:var(--amber-glow);color:var(--status-open)}.status-bg-accepted{background-color:var(--blue-glow);color:var(--status-accepted)}.status-bg-en-route{background-color:var(--blue-glow);color:var(--status-en-route)}.status-bg-on-site{background-color:var(--blue-glow);color:var(--status-on-site)}.status-bg-in-progress{background-color:var(--amber-glow);color:var(--status-in-progress)}.status-bg-proof-submitted{background-color:var(--amber-glow);color:var(--status-proof-submitted)}.status-bg-revision{background-color:var(--red-glow);color:var(--status-revision)}.status-bg-approved{background-color:var(--green-glow);color:var(--status-approved)}.status-bg-disputed{background-color:var(--red-glow);color:var(--status-disputed)}.status-bg-cancelled{background-color:var(--surface-2);color:var(--status-cancelled)}.status-bg-expired{background-color:var(--surface-2);color:var(--status-expired)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-slide-up{animation:slideUp var(--duration-enter) var(--ease-out) both}.animate-slide-down{animation:slideDown var(--duration-enter) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-enter) var(--ease-out) both}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-shimmer{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-scale-in{animation:scaleIn var(--duration-enter) var(--ease-out) both}.animate-spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}