:root{color-scheme:dark;--bg:#090e14;--panel:#141d25;--panel2:#17232d;--edge:#2b3642;--gold:#c6a466;--gold2:#e5c785;--text:#e8edf1;--muted:#9aa8b5;--blue:#55adc7;--green:#63b994;--orange:#ecac60;--red:#e98278;--radius:13px;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{background:#0d151d;border:1px solid #35424c;border-radius:8px;color:var(--text);padding:10px 12px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #c6a46688;outline-offset:1px}select option{background:#0f171e}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:#bea06c;color:#111}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px}.boot img{width:48px}.muted,small{color:var(--muted)}small{font-size:11px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.1em}.brand-logo{height:34px;width:34px;object-fit:contain}.brand span{display:block;color:#d6b77d;font-size:10px;letter-spacing:.19em}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.rail{background:#0d151c;border-right:1px solid var(--edge);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;min-width:0;z-index:20}.rail-head{padding:19px 19px 20px;border-bottom:1px solid var(--edge)}.rail-sub{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;margin-top:14px}.rail-nav{padding:18px 12px;overflow:auto;flex:1}.nav-label{font-size:10px;letter-spacing:.13em;color:#718293;padding:15px 12px 6px;text-transform:uppercase}.nav-item{border:0;background:transparent;color:#b5c0ca;width:100%;text-align:left;padding:10px 11px;display:flex;align-items:center;gap:12px;border-radius:8px;margin:2px 0}.nav-item:hover,.nav-item.active{background:#27313a;color:#e2c489}.nav-icon{font-size:16px;width:20px;text-align:center}.rail-foot{padding:17px 18px;border-top:1px solid var(--edge);font-size:12px}.rail-foot button{border:1px solid #39444b;background:#1b2730;color:#e6e9ee;border-radius:7px;padding:7px 11px;margin-top:9px}.main{min-width:0}.topbar{height:73px;border-bottom:1px solid var(--edge);background:#101821ee;display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;z-index:12;backdrop-filter:blur(16px)}.breadcrumbs{font-size:12px;color:#9babb7;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.breadcrumbs b{color:#e4e8e8;font-weight:500}.grow{flex:1}.user-dot{background:#2f3b45;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:var(--gold)}.content{padding:27px 31px 60px;max-width:1750px;margin:0 auto}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);font-weight:750}.page-head{display:flex;align-items:flex-end;gap:15px;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-weight:650;font-size:clamp(23px,3vw,32px);letter-spacing:-.045em;margin:5px 0}.page-head p{color:var(--muted);margin:3px 0;max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{background:#202c35;border:1px solid #45515c;color:#e1e8ee;border-radius:8px;padding:9px 13px;display:inline-flex;align-items:center;gap:7px;justify-content:center;white-space:nowrap}.btn:hover{border-color:var(--gold);color:#e9d19e}.btn.gold{background:linear-gradient(125deg,#b59054,#e3c78e);color:#151a1d;border-color:#c4a165;font-weight:700}.btn.ghost{border:0;background:transparent}.btn.small{padding:5px 9px;font-size:12px}.btn.active{border-color:var(--gold);color:var(--gold)}.tag{display:inline-block;border-radius:999px;border:1px solid #3e4c59;padding:3px 9px;font-size:11px;color:#b7c5d0}.tag.green{color:#8dd6b6;border-color:#38654f}.tag.orange{color:#eeb96f;border-color:#735536}.tag.red{color:#e78b81;border-color:#704342}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{border-radius:var(--radius);border:1px solid var(--edge);background:linear-gradient(140deg,#17212b,#121b22);padding:21px;min-width:0}.panel h2{font-size:16px;font-weight:650;margin:0 0 6px}.panel p{color:var(--muted);margin:5px 0 15px}.card-hover{transition:border-color .15s,transform .15s;cursor:pointer}.card-hover:hover{border-color:var(--gold);transform:translateY(-2px)}.metric small{display:block}.metric strong{display:block;font-size:25px;font-weight:670;letter-spacing:-.04em;color:#f5efe3;margin:5px 0}.metric em{font-size:11px;font-style:normal;color:#8fa2b1}.table-wrap{overflow:auto;border-radius:9px;border:1px solid var(--edge);max-width:100%}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#1e2a33;color:#b6c3ce;font-size:10px;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:0;z-index:1}td,th{padding:10px 13px;border-bottom:1px solid #2a3540;vertical-align:top}tr:last-child td{border-bottom:0}tr[data-row]{cursor:pointer}tr[data-row]:hover td{background:#26313b}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.toolbar input{min-width:200px}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.hr{height:1px;background:var(--edge);margin:18px 0}.empty{padding:28px;text-align:center;color:#94a4ae}.hint{font-size:12px;color:#aebdca}.link{color:#dfbe81;text-decoration:underline;text-underline-offset:3px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr minmax(340px,470px);background:radial-gradient(circle at 22% 28%,#142333,#080e13 70%)}.hero{position:relative;padding:60px 9%;display:flex;justify-content:center;flex-direction:column;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:url('/assets/vehm-connected-globe-gold.svg') center / 94% no-repeat;opacity:.16;pointer-events:none}.hero>*{position:relative}.hero h1{font-size:clamp(42px,5vw,77px);line-height:1.03;letter-spacing:-.055em;margin:25px 0;color:#f4f0e9}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:620px;color:#afbdc6;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:25px}.login-side{background:#131d27e6;border-left:1px solid #394148;padding:58px 44px;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px}.login-card h2{font-size:29px;letter-spacing:-.04em;font-weight:680}.form-field{display:flex;flex-direction:column;gap:7px;margin:16px 0;color:#c4d0d9;font-size:12px}.form-field input{padding:13px 12px}.error{border:1px solid #95554b;background:#552d2b33;color:#f0a9a2;border-radius:9px;padding:12px;margin:12px 0}.globe{max-width:310px}.workspace-select{background:#1a2732;border:1px solid #41515b;border-radius:9px;color:#e2e8ee;padding:9px 11px;min-width:175px;max-width:260px}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:5px;border-bottom:1px solid #34404b;margin:-3px 0 20px}.tab{border:0;background:transparent;color:#a8b4bf;padding:10px 12px;border-bottom:2px solid transparent}.tab.active{color:#e0c385;border-bottom-color:var(--gold)}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.chart-bars{height:140px;display:flex;align-items:end;gap:8px}.bar{flex:1;background:linear-gradient(180deg,#d9bc7d,#8a7147);min-width:7px;border-radius:3px 3px 0 0}.bar-mute{background:linear-gradient(180deg,#7197a7,#456577)}.progress{height:7px;background:#2d3a46;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);border-radius:8px}.viewer{position:relative;background:#0a1218;border:1px solid #394754;border-radius:11px;overflow:hidden;min-height:440px}.viewer iframe{width:100%;height:min(73vh,760px);border:0;background:white}.viewer-canvas{height:min(69vh,680px);position:relative;overflow:hidden;background:#101820}.viewer-canvas canvas{width:100%;height:100%;display:block}.viewer-toolbar{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:2;flex-wrap:wrap}.viewer-bottom{position:absolute;bottom:11px;left:12px;font-size:10px;color:#d2c0a1;background:#101b23ad;padding:5px 9px;border-radius:6px}.document-list{max-height:560px;overflow:auto}.sheet-row{border-bottom:1px solid #2e3a45;text-align:left;display:block;background:transparent;color:#cbd8df;width:100%;padding:11px;border-left:0;border-right:0;border-top:0}.sheet-row:hover{background:#233342}.sheet-row b{color:#e3bd7f}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(500px,100%);background:#16222b;border-left:1px solid #4b5962;padding:25px 26px;z-index:50;box-shadow:-10px 0 35px #0009;overflow:auto}.drawer h2{font-size:21px}.drawer dl{display:grid;grid-template-columns:minmax(100px,40%) 1fr;gap:12px}.drawer dt{color:#a8b5c0}.drawer dd{margin:0;overflow-wrap:anywhere}.overlay{position:fixed;inset:0;background:#0009;z-index:49}.upload-zone{border:2px dashed #60634c;border-radius:11px;text-align:center;padding:28px;background:#1b251d3b}.upload-zone.drag{background:#4a442b66}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#becbd5}.formgrid .wide{grid-column:1/-1}.notice{background:#142a2f;border-left:3px solid #4c9aaf;padding:12px;margin-bottom:12px;border-radius:0 7px 7px 0}.status{color:#c7b284}.footer-note{text-align:center;font-size:11px;color:#677f8d;padding:22px 0}.mobile-nav{display:none}.toast{position:fixed;right:22px;bottom:20px;background:#21313b;border:1px solid #69836e;border-radius:8px;padding:11px 16px;z-index:99;color:#eee;box-shadow:0 12px 50px #0008;display:none;max-width:min(420px,90vw)}#toast.show{display:block}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-title h2{margin:0}.search-row{display:flex;align-items:center;gap:8px}.list-stack{display:grid;gap:8px}.line{padding:10px 0;border-bottom:1px solid #2d3943}.pill-row{display:flex;flex-wrap:wrap;gap:7px}.drop-message{color:var(--muted);font-size:12px}.chip{background:#1d2c35;border:1px solid #405057;padding:4px 9px;border-radius:5px;font-size:11px}.leftline{border-left:3px solid var(--gold);padding-left:10px}.caption{font-size:12px;color:var(--muted)}.help{cursor:help;border-bottom:1px dotted #889}@media(max-width:1050px){.app-shell{grid-template-columns:202px minmax(0,1fr)}.content{padding:22px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.rail{position:fixed;transform:translateX(-105%);transition:.2s;width:260px;box-shadow:5px 0 45px #0008}.rail.open{transform:translateX(0)}.mobile-nav{display:inline-flex}.topbar{height:auto;min-height:65px;padding:10px 12px}.topbar .breadcrumbs{font-size:11px}.content{padding:18px 13px 50px}.g2,.g3,.g4{grid-template-columns:1fr}.page-head h1{font-size:24px}.login-layout{display:flex;flex-direction:column}.hero{padding:33px 24px}.hero h1{font-size:41px}.login-side{padding:28px 24px;border:0}.formgrid{grid-template-columns:1fr}.viewer{min-height:300px}.viewer-canvas{height:420px}}
/* VEHM staff navigation and two-band project menus */
.tab-bands{display:grid;gap:7px;margin:0 0 22px}.tab-band{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid #2c3943;border-radius:9px;padding:7px 9px;background:#111a23;overflow:visible}.band-label{color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;min-width:102px;padding:4px 8px}.tab{white-space:normal;line-height:1.25;text-align:center;padding:8px 9px;font-size:12px;flex:0 0 auto;border-radius:5px}.tab.active{background:#3a3428}.nav-parent{position:relative;display:flex;align-items:center}.nav-parent>.nav-item{padding-right:26px}.nav-parent-title{flex:1}.nav-count{font-size:10px;font-variant-numeric:tabular-nums;background:#34424e;color:#ecd298;border:1px solid #5c5645;border-radius:8px;padding:2px 6px;margin-left:auto}.nav-chevron{position:absolute;right:2px;top:3px;border:0;background:transparent;color:#e6c780;padding:6px 7px}.nav-child{padding:8px 9px 8px 34px;font-size:12px;justify-content:space-between;gap:5px}.nav-child span:first-child{overflow:hidden;text-overflow:ellipsis}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:14px}.module-item{display:flex;gap:9px;align-items:center;border:1px solid #36434d;border-radius:8px;padding:10px;background:#101b24}.module-item span{flex:1}.module-item small{font-size:10px}.module-item input{accent-color:#c6a466}.staff-hint{color:#e4c084}.drawer{width:min(610px,100%)}@media(max-width:720px){.band-label{min-width:100%;padding:6px}.tab{font-size:11px}.rail-nav{padding:12px 9px}}

/* Restored full-width project Gantt, finance charts, and native coordination */
.full-gantt{padding:0;overflow:hidden}.gantt-ruler{display:grid;grid-template-columns:160px minmax(240px,1fr) minmax(360px,45%);padding:12px 16px;gap:12px;background:#172630;font-size:12px;color:#dfc088;font-weight:700}.gantt-ticks{display:flex;justify-content:space-between}.gantt-wrap{max-height:69vh;overflow:auto}.gantt-row{cursor:pointer}.gantt-row td:nth-child(1){width:160px}.gantt-row td:nth-child(2){min-width:240px}.gantt-row td:nth-child(3){width:45%;min-width:360px}.gantt-row small{display:block;color:#9caebb;font-size:11px;margin-top:3px}.gantt-time{padding:4px 12px!important}.gantt-track{position:relative;height:28px;width:100%;border-radius:4px}.gantt-bar{position:absolute;top:6px;height:16px;background:#b7955f;border:1px solid #e9ce93;border-radius:3px;min-width:4px;display:block;overflow:hidden}.gantt-bar>span{display:block;height:100%;background:#49a896}.gantt-bar.milestone{background:#f4d48a}.finance-chart{display:grid;gap:12px}.finance-chart-row{display:grid;grid-template-columns:minmax(100px,28%) 1fr auto;align-items:center;gap:12px;font-size:12px}.finance-chart-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-chart-row b{font-variant-numeric:tabular-nums}.finance-chart-track{height:13px;background:#243540;border-radius:3px}.finance-chart-track i{display:block;height:100%;background:linear-gradient(90deg,#937447,#efc77d);border-radius:3px}.viewer-native{min-height:700px;height:calc(100vh - 310px);width:100%;border:1px solid #364450;border-radius:10px;overflow:hidden;background:#08121a}.viewer-native iframe{width:100%;height:100%;border:0;display:block}@media(max-width:1100px){.gantt-ruler{grid-template-columns:120px 1fr 320px}.viewer-native{height:80vh}}