*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #070c14;--bg1: #0c1220;--bg2: #111927;--bg3: #162030;--border: #1e2d42;--border-hi: #2a4060;--gold: #e8a020;--gold-dim: rgba(232,160,32,.12);--gold-glow: rgba(232,160,32,.25);--green: #10b981;--green-dim: rgba(16,185,129,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.12);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.12);--text: #e2eaf8;--text-dim: #8a9abb;--text-muted:#4a5a78;--font-display: "Syne", sans-serif;--font-body: "Mulish", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}[data-theme=light]{--bg: #f0f4f8;--bg1: #ffffff;--bg2: #f8fafc;--bg3: #eef2f7;--border: #d1dce8;--border-hi: #b0c0d4;--gold: #c47f0a;--gold-dim: rgba(196,127,10,.1);--gold-glow: rgba(196,127,10,.2);--green: #059669;--green-dim: rgba(5,150,105,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.1);--amber: #d97706;--amber-dim: rgba(217,119,6,.1);--blue: #2563eb;--blue-dim: rgba(37,99,235,.1);--text: #0f1c2e;--text-dim: #4a5e78;--text-muted:#8a9ab0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700}.mono{font-family:var(--font-mono)}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font-body);font-size:14px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}input::placeholder{color:var(--text-muted)}button{cursor:pointer;font-family:var(--font-body);border:none;transition:all .15s}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-display);letter-spacing:.02em}.btn-primary{background:var(--gold);color:#0a0e16}.btn-primary:hover{background:#f0b030;transform:translateY(-1px);box-shadow:0 4px 12px var(--gold-glow)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-hi);color:var(--text);background:var(--bg3)}.btn-danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius-md)}.card-hover:hover{border-color:var(--border-hi);box-shadow:var(--shadow-md);transform:translateY(-1px);transition:all .2s}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:11px;font-family:var(--font-mono);font-weight:500;letter-spacing:.04em}.pill-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(16,185,129,.25)}.pill-red{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.25)}.pill-amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.25)}.pill-blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(59,130,246,.25)}.pill-gold{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(232,160,32,.25)}.pill-muted{background:var(--bg3);color:var(--text-dim);border:1px solid var(--border)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{padding:10px 14px;text-align:left;font-size:11px;font-family:var(--font-display);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}td{padding:12px 14px;font-size:13px;border-bottom:1px solid rgba(30,45,66,.5)}[data-theme=light] td{border-bottom:1px solid var(--border)}tbody tr:hover{background:#ffffff05}[data-theme=light] tbody tr:hover{background:#00000005}tbody tr:last-child td{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .35s ease both}.slide-in{animation:slideIn .25s ease both}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.p-4{padding:16px}.p-6{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}label{display:block;font-size:12px;color:var(--text-dim);font-weight:600;margin-bottom:5px;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state svg{opacity:.2;margin-bottom:12px}.empty-state p{font-size:14px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}[data-theme=light] .modal-overlay{background:#0006}.modal{background:var(--bg1);border:1px solid var(--border-hi);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease}.modal-lg{max-width:760px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text)}.stat-card{padding:20px}.stat-value{font-family:var(--font-mono);font-size:26px;font-weight:500;margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display)}.stat-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-top:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-display);color:var(--text-dim);cursor:pointer;transition:all .15s;text-decoration:none;border:1px solid transparent}.nav-item:hover{color:var(--text);background:var(--bg3)}.nav-item.active{color:var(--gold);background:var(--gold-dim);border-color:#e8a02033}.alert-strip{padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;display:flex;align-items:center;gap:10px}.alert-strip.warn{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.3)}.alert-strip.error{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.3)}.alert-strip.info{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(59,130,246,.3)}.alert-strip.success{background:var(--green-dim);color:var(--green);border:1px solid rgba(16,185,129,.3)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .15s;flex-shrink:0}.theme-toggle:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}@media (max-width: 768px){div[style*="display:flex"][style*="height:100vh"],div[style*="display: flex"][style*="height: 100vh"]{height:100dvh!important}aside{position:fixed!important;top:0!important;left:0!important;height:100dvh!important;width:260px!important;z-index:1000!important;transform:translate(-100%)!important;transition:transform .25s ease!important;box-shadow:var(--shadow-lg)!important;overflow-y:auto!important;overflow-x:hidden!important}aside.mobile-open{transform:translate(0)!important}div[style*="flex:1"][style*="flex-direction:column"],div[style*="flex: 1"][style*="flex-direction: column"]{width:100%!important;min-width:0!important}header{height:56px!important;padding:0 14px!important;flex-shrink:0!important;z-index:100!important}header>div[style*="font-family: var(--font-mono)"]{display:none!important}main{flex:1!important;overflow-y:auto!important;overflow-x:visible!important;padding:16px 12px 90px!important;min-height:0!important;-webkit-overflow-scrolling:touch}.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:62px!important;background:var(--bg1)!important;border-top:1px solid var(--border)!important;z-index:200!important;padding-bottom:env(safe-area-inset-bottom)!important}.mobile-bottom-nav a,.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-family:var(--font-display);font-weight:600;color:var(--text-muted);text-decoration:none;border:none;background:none;cursor:pointer;padding:6px 2px;transition:color .15s}.mobile-bottom-nav a.active{color:var(--gold)!important}.mobile-bottom-nav a:active,.mobile-bottom-nav button:active{transform:scale(.93)}}@media (max-width: 768px){.table-wrap{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.table-wrap::-webkit-scrollbar{height:4px}.table-wrap::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}.card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.card>div[style*="height: 4px"],.card>div[style*="height: 6px"],.card>div[style*="height: 8px"],.card>div[style*="height: 3px"]{overflow:hidden!important}table{min-width:640px!important;width:100%!important}th{padding:9px 10px!important;font-size:10px!important;white-space:nowrap!important}td{padding:10px!important;font-size:12px!important;white-space:nowrap!important}td:first-child{white-space:normal!important;min-width:100px!important;max-width:160px!important}}@media (max-width: 768px){[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"],[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}[style*="1fr 360px"],[style*="1fr 320px"],[style*="1fr 300px"],[style*="1fr 280px"],[style*="1fr 240px"],[style*="320px 1fr"],[style*="240px 1fr"],[style*="2fr 1fr"],[style*="3fr 1fr"]{grid-template-columns:1fr!important}[style*="140px 130px 80px 1fr 140px"]{grid-template-columns:1fr 1fr!important}.stat-card{padding:14px 12px!important}.stat-value{font-size:20px!important}.stat-label{font-size:10px!important}}@media (max-width: 768px){[style*="repeat(5, 1fr)"],[style*="repeat(5,1fr)"]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;padding-bottom:10px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}[style*="repeat(5, 1fr)"]>*,[style*="repeat(5,1fr)"]>*{min-width:248px!important;flex-shrink:0!important;scroll-snap-align:start!important}}@media (max-width: 768px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal,.modal-lg{max-width:100%!important;width:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:92dvh!important}.modal-footer{flex-direction:column-reverse!important;padding:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;gap:8px!important}.modal-footer .btn{width:100%!important;justify-content:center!important}.modal .form-grid,.modal .form-grid-3{grid-template-columns:1fr!important}}@media (max-width: 768px){.form-grid,.form-grid-3{grid-template-columns:1fr!important}.col-span-2,.col-span-3{grid-column:span 1!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.section-header .btn{width:100%!important;justify-content:center!important}input,select,textarea{font-size:16px!important}input[style*="width: 200"],input[style*="width:200"]{width:100%!important}}@media (max-width: 768px){.hide-mobile,.desktop-only{display:none!important}.btn{min-height:40px}.btn-sm{min-height:34px}.alert-strip{font-size:12px!important}.pill{font-size:10px!important}h1{font-size:22px!important}h2{font-size:18px!important}}@media (max-width: 1024px) and (min-width: 769px){aside{width:180px!important}[style*="repeat(4, 1fr)"],[style*="repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="1fr 360px"],[style*="1fr 320px"]{grid-template-columns:1fr!important}main{padding:20px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:500px}}@media (max-width: 768px){.finance-tab-bar{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.finance-tab-bar::-webkit-scrollbar{display:none}.finance-tab-bar>button{flex-shrink:0!important;white-space:nowrap!important}.finance-gst-grid{grid-template-columns:1fr!important}.finance-project-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.finance-project-table table{min-width:560px!important}}@media (max-width: 768px){.scheduler-tab-bar{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.scheduler-tab-bar::-webkit-scrollbar{display:none}.scheduler-tab-bar>button{flex-shrink:0!important;white-space:nowrap!important}.scheduler-gantt-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.scheduler-gantt-card>div{min-width:680px!important}.scheduler-gantt-card [style*="220px 1fr"]{min-width:680px!important;grid-template-columns:200px 1fr!important}.scheduler-gantt-card>div>div[style*="background:'var(--bg2)'"],.scheduler-gantt-card>div>div[style*='background: "var(--bg2)"']{min-width:680px!important}.scheduler-table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.scheduler-table-card table{min-width:620px!important}.scheduler-gantt-card~div,div[style*="Production Scheduler"]{flex-wrap:wrap!important;gap:10px!important}}@media (max-width: 768px){.prod-tab-bar{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.prod-tab-bar::-webkit-scrollbar{display:none}.prod-tab-bar>button{flex-shrink:0!important;white-space:nowrap!important}.prod-wo-grid{grid-template-columns:1fr!important}.prod-table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.prod-table-card table{min-width:480px!important}.prod-modal-inner{width:100%!important;max-width:100%!important}}