:root{
 --bg:#eceef1;--paper:#fff;--ink:#1a1d21;--muted:#7c828b;--line:#dfe2e6;
 --yellow:#f3c544;--yellow2:#ffda62;--dark:#171a1f;--dark2:#242931;--blue:#3d77cf;
 --green:#63a94a;--orange:#d99532;--red:#d9564d;--shadow:0 14px 34px rgba(27,31,36,.08)
}
*{box-sizing:border-box}html,body{margin:0;background:linear-gradient(180deg,#f2f3f5,#e9ebee);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}
.top{height:72px;background:#171a1f;color:white;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:16px;padding:0 22px;position:sticky;top:0;z-index:30;box-shadow:0 8px 26px rgba(0,0,0,.17)}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand span{display:block;font-size:8px;color:#9da4ae;letter-spacing:.17em;margin-top:3px}
.nav{display:flex;justify-content:center;gap:3px}.nav-btn{border:0;background:transparent;color:#aeb4bd;border-radius:7px;padding:9px 11px;font-weight:700;font-size:11px}.nav-btn.active,.nav-btn:hover{background:#2a2f36;color:white}.nav-btn.active{box-shadow:inset 0 -2px var(--yellow)}
.top-actions{display:flex;gap:8px;align-items:center}.alarm{height:38px;border:1px solid #343941;background:#21252b;color:#c7ccd2;border-radius:8px;padding:0 11px;font-size:9px;font-weight:700}.alarm span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63a94a;margin-right:5px}.primary,.ghost{border-radius:8px;padding:9px 12px;font-weight:750}.primary{background:var(--yellow);border:1px solid var(--yellow);color:#1a1d21}.ghost{background:#fff;border:1px solid var(--line);color:#454b53}
.subbar{height:48px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:24px}.site{margin-right:auto}.site span,.shift span{font-size:8px;color:var(--muted);letter-spacing:.13em;display:block}.site strong,.shift strong{font-size:11px;display:block;margin-top:2px}.weather{display:flex;gap:6px;align-items:baseline}.weather b{font-size:11px}.weather span{font-size:8px;color:var(--muted)}
main{max-width:1660px;margin:auto;padding:22px}.view{display:none}.view.active{display:block}.page-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:15px}.eyebrow{font-size:9px;color:#9d7622;font-weight:800;letter-spacing:.16em}.page-title h1{font-size:32px;letter-spacing:-.04em;margin:4px 0 0}.page-actions{display:flex;gap:8px}.control-grid{display:grid;grid-template-columns:220px 1fr 300px;gap:12px}.left-stack,.right-stack{display:grid;gap:10px;align-content:start}.stat,.panel,.board,.table-shell,.crew-card,.equipment-side article,.inspection-list,.inspection-work,.rescue-map,.report-main,.report-summary{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat{padding:15px}.stat span{display:block;font-size:9px;color:var(--muted);letter-spacing:.08em}.stat strong{font-size:28px;display:block;margin-top:4px}.stat small{display:block;font-size:8px;color:#7d848c;margin-top:4px}.stat.dark{background:#1a1d22;color:white;border-color:#1a1d22}.stat.dark span,.stat.dark small{color:#aeb4bc}.stat.yellow{background:var(--yellow);border-color:var(--yellow)}.stat.yellow span,.stat.yellow small{color:#735d1e}.board{overflow:hidden}.board-head,.panel-head,.report-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.board-head h2,.panel-head h3,.report-head h2{margin:3px 0 0;font-size:15px}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px}.segmented button{border:0;background:transparent;padding:6px 8px;border-radius:5px;font-size:9px;font-weight:700;color:#727983}.segmented button.active{background:#1a1d22;color:white}.worksite{padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.front-card{border:1px solid var(--line);border-radius:9px;padding:12px;position:relative;overflow:hidden;min-height:132px}.front-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#828993}.front-card.running:before{background:var(--yellow)}.front-card.critical:before{background:var(--red)}.front-card.approved:before{background:var(--green)}.front-top{display:flex;justify-content:space-between;gap:8px}.front-top span{font-size:8px;color:var(--muted);letter-spacing:.12em}.front-top b{font-size:8px;padding:5px 7px;border-radius:99px;background:#f0f1f3}.front-card h3{font-size:13px;margin:8px 0 4px}.front-card p{font-size:9px;color:var(--muted);margin:0}.front-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.front-meta div{background:#f5f6f7;border-radius:7px;padding:7px}.front-meta span{font-size:7px;color:var(--muted);display:block}.front-meta strong{font-size:9px;display:block;margin-top:2px}.condition-list,.event-list{padding:8px 12px}.condition-list div{display:grid;grid-template-columns:1fr auto 10px;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.condition-list span{font-size:9px;color:#616872}.condition-list strong{font-size:10px}.condition-list i{width:8px;height:8px;border-radius:50%}.condition-list i.ok{background:var(--green)}.condition-list i.warn{background:var(--orange)}.event{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.event time{font-size:9px;color:#9d7622;font-weight:800}.event strong{display:block;font-size:10px}.event span{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.table-shell{overflow:hidden}.table-tools{padding:10px;border-bottom:1px solid var(--line);display:flex;gap:8px}.table-tools input,.table-tools select{height:36px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px}.table-tools input{min-width:300px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:10px}th{background:#f7f8f9;font-size:8px;color:var(--muted);letter-spacing:.1em}.badge{padding:5px 7px;border-radius:99px;font-size:8px;font-weight:800}.badge.pending{background:#fff2cc;color:#8a691e}.badge.approved{background:#e9f3e4;color:#55863f}.badge.running{background:#e8eef8;color:#456fa9}.badge.closed{background:#eceeef;color:#697078}.risk-high{color:#bd4d45;font-weight:800}.risk-med{color:#99691f;font-weight:800}.row-action{border:0;background:transparent;color:#8c6920;font-weight:800}
.crew-board{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.crew-card{padding:13px}.crew-head{display:flex;justify-content:space-between;gap:8px}.crew-head strong{font-size:12px}.crew-head span{font-size:8px;padding:5px 7px;border-radius:99px;background:#f0f1f3}.crew-lead{font-size:9px;color:var(--muted);margin-top:4px}.crew-members{display:flex;margin-top:12px}.crew-members i{width:31px;height:31px;border-radius:50%;background:#252a31;color:#fff;border:2px solid white;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800;margin-right:-5px}.crew-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.crew-meta div{padding:8px;background:#f6f7f8;border-radius:7px}.crew-meta span{display:block;font-size:7px;color:var(--muted)}.crew-meta b{display:block;font-size:9px;margin-top:2px}.equipment-layout{display:grid;grid-template-columns:1fr 300px;gap:12px}.equipment-side{display:grid;gap:10px;align-content:start}.ring{width:150px;height:150px;border-radius:50%;margin:16px auto;background:conic-gradient(var(--yellow) 0 92%,#e8eaed 92%);position:relative;display:grid;place-items:center;align-content:center}.ring:after{content:"";position:absolute;inset:15px;background:white;border-radius:50%}.ring strong,.ring span{position:relative;z-index:2}.ring strong{font-size:27px}.ring span{font-size:8px;color:var(--muted)}.observed{padding:9px 12px;border-bottom:1px solid var(--line)}.observed strong{font-size:10px;display:block}.observed span{font-size:8px;color:var(--muted);display:block;margin-top:2px}
.inspection-layout{display:grid;grid-template-columns:280px 1fr;gap:12px}.inspection-list{padding:8px}.inspection-item{padding:10px;border-radius:8px;margin-bottom:7px;border:1px solid transparent;cursor:pointer}.inspection-item.active,.inspection-item:hover{background:#fff7db;border-color:#f0dc92}.inspection-item .topline{display:flex;justify-content:space-between}.inspection-item b{font-size:8px;color:#8c6920}.inspection-item span{font-size:8px;color:var(--muted)}.inspection-item strong{display:block;font-size:11px;margin-top:5px}.inspection-work{overflow:hidden}.inspect-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.inspect-head h2{font-size:16px;margin:3px 0 0}.pill{font-size:8px;font-weight:800;padding:6px 8px;border-radius:99px}.pill.active{background:#fff3ca;color:#80611d}.inspect-meta{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inspect-meta div{padding:8px;background:#f6f7f8;border-radius:7px}.inspect-meta span{display:block;font-size:7px;color:var(--muted)}.inspect-meta b{display:block;font-size:9px;margin-top:2px}.checklist{padding:0 12px}.check{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}.check button{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:6px}.check.done button{background:#1a1d22;color:var(--yellow);border-color:#1a1d22}.check strong{display:block;font-size:10px}.check span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.check em{font-style:normal;font-size:8px;color:#717881}.inspect-foot{padding:12px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;align-items:center}.inspect-foot>div{margin-right:auto}.inspect-foot span{display:block;font-size:8px;color:var(--muted)}.inspect-foot strong{font-size:20px}
.rescue-grid{display:grid;grid-template-columns:1fr 310px;gap:12px}.rescue-map{overflow:hidden}.rescue-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.rescue-head h2{font-size:16px;margin:3px 0 0}.rescue-state{font-size:8px;font-weight:800;background:#e9f3e4;color:#55863f;border-radius:99px;padding:6px 8px}.rescue-map canvas{width:100%;height:520px;display:block}.rescue-side{display:grid;gap:10px;align-content:start}.resource-list,.contact-list{padding:8px 12px}.resource-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.resource-list span,.resource-list strong{font-size:9px}.contact-list div{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.contact-list b{width:26px;height:26px;border-radius:50%;background:var(--dark);color:var(--yellow);display:grid;place-items:center;font-size:8px}.contact-list strong,.contact-list span{display:block;font-size:9px}.contact-list span{color:var(--muted)}
.report-tabs{display:flex;gap:5px;margin-bottom:12px}.report-tabs button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px;font-weight:700;color:#666e77}.report-tabs button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.reports-grid{display:grid;grid-template-columns:1fr 300px;gap:12px}.report-main canvas{width:100%;height:420px;display:block}.report-summary{padding:12px}.summary-item{padding:11px;background:#f6f7f8;border-radius:8px;margin-bottom:8px}.summary-item span{display:block;font-size:8px;color:var(--muted)}.summary-item strong{display:block;font-size:18px;margin-top:4px}
.modal{display:none;position:fixed;inset:0;background:rgba(15,17,20,.6);z-index:100;padding:20px}.modal.active{display:grid;place-items:center}.modal-card{width:min(680px,96vw);background:#fff;border-radius:11px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.modal-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:3px 0 0;font-size:18px}.close-modal{width:32px;height:32px;border:0;background:#f0f1f3;border-radius:7px;font-size:18px}.form{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label{font-size:8px;color:#666e77;font-weight:700}.form input,.form select,.form textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:7px;padding:9px;background:#fff}.form .full{grid-column:1/-1}.modal-actions{padding:12px 15px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:18px;bottom:18px;background:#171a1f;color:#fff;padding:11px 14px;border-radius:8px;font-size:9px;box-shadow:0 14px 34px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:200}.toast.show{opacity:1;transform:none}
@media(max-width:1250px){.top{grid-template-columns:230px 1fr}.top-actions{display:none}.control-grid{grid-template-columns:180px 1fr}.right-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.equipment-layout,.rescue-grid,.reports-grid{grid-template-columns:1fr}.crew-board{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.top{height:auto;grid-template-columns:1fr;padding:10px 12px}.nav{justify-content:flex-start;overflow:auto}.subbar{overflow:auto}.page-title{align-items:flex-start;flex-direction:column}.control-grid{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr}.worksite{grid-template-columns:1fr}.crew-board{grid-template-columns:1fr}.inspection-layout{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .full{grid-column:auto}}