:root{--bg:#071015;--nav:#05090c;--panel:#0e171d;--panel2:#111e25;--line:#20313a;--text:#eef7f8;--muted:#8ea4ae;--cyan:#22d3ee;--green:#22c55e;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box}body{margin:0;font:14px Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:var(--nav);border-right:1px solid #17262d;padding:22px 14px;display:flex;flex-direction:column;gap:10px}.sideLogo{width:145px;margin:4px 10px 24px}aside nav{display:grid;grid-gap:5px;gap:5px}button{background:#111e25;color:#dcecef;border:1px solid #263a44;border-radius:8px;padding:9px 12px;cursor:pointer}button:hover{border-color:#3d6474}.primary,button.active{background:#083b47;border-color:#0e7490;color:#c8f7ff}.primary:disabled{opacity:.35;cursor:not-allowed}.role{margin-top:auto;border-top:1px solid #17262d;padding:14px 8px;display:grid;grid-gap:4px;gap:4px}.label,.role small,.role span,p,small{color:var(--muted)}.content{padding:26px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1,h2{margin:0 0 6px}.modal p,.toolbar p,header p{margin:0}.live{color:var(--green);font-weight:800}.kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.card,.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:12px}.card{padding:18px}.metric{font-size:27px;font-weight:800;margin-top:7px}.cyan{color:var(--cyan)}.panel{padding:18px;margin-bottom:16px}.two{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.modalHead,.statline,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.toolbar{margin-bottom:14px}.statline{padding:13px 0;border-bottom:1px solid var(--line)}.statline div{display:grid;grid-gap:5px;gap:5px}.empty{padding:30px;text-align:center;color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge{display:inline-block;border:1px solid #34505d;border-radius:99px;padding:3px 8px;font-size:12px;color:#b9d9e2}.badge.approved{color:#a7f3d0;border-color:#166534}.badge.pending{color:#fde68a;border-color:#92400e}.actionsCell{white-space:nowrap}.actionsCell button{margin-right:6px;padding:6px 9px}.error{margin-bottom:16px;background:#40151a;border:1px solid #7f1d1d;padding:12px;border-radius:8px;color:#fecaca;display:flex;justify-content:space-between}.modalBack{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#0b151b;border:1px solid #29404b;border-radius:14px;padding:20px}.productionForm,.projectForm{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:13px;gap:13px;margin-top:18px}label{display:grid;grid-gap:6px;gap:6px;color:#a9c0c9;font-size:12px}.loginCard input,.productionForm input,.productionForm select,.productionForm textarea,.projectForm input,.projectForm select{width:100%;background:#071015;color:white;border:1px solid #29404b;border-radius:7px;padding:10px}.actions,.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:8px}.center,.login{min-height:100vh;display:grid;place-items:center}.loginCard{width:min(390px,92vw);background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:14px;text-align:center}.loginLogo,.logo{width:180px}.loginCard form{display:grid;grid-gap:10px;gap:10px;margin:24px 0}.loginCard button{background:#083b47;border-color:#0e7490}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static}.sideLogo{margin-bottom:8px}aside nav{grid-template-columns:repeat(2,1fr)}.role{margin-top:8px}.kpis{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.content{padding:16px}table{min-width:720px}.panel{overflow:auto}}@media(max-width:560px){.kpis,.productionForm,.projectForm{grid-template-columns:1fr}.actions,.wide{grid-column:auto}}.uploadBtn{display:inline-flex;align-items:center;background:#12212a;color:#eaf7f8;padding:9px 12px;cursor:pointer;font-weight:700}.search,.uploadBtn{border:1px solid #29404b;border-radius:8px}.search{min-width:280px;background:#09151b;color:#fff;padding:10px}.mapCanvas{height:420px;border:1px solid #29404b;border-radius:12px;position:relative;overflow:hidden;background:#09151b}.mapGrid{position:absolute;inset:0;background-image:linear-gradient(#16303a 1px,transparent 0),linear-gradient(90deg,#16303a 1px,transparent 0);background-size:40px 40px;opacity:.6}.mapLegend{position:absolute;left:14px;bottom:14px;background:#071015dd;border:1px solid #29404b;padding:10px;border-radius:8px;display:flex;gap:14px;flex-wrap:wrap}.mapLegend span:before{content:"━ ";font-weight:900}.mapLegend .drill{color:#22d3ee}.mapLegend .cobble{color:#f59e0b}.mapLegend .rock{color:#ef4444}.mapTools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mapTools button{padding:9px 12px}.statline>div:last-child{display:flex;align-items:center;gap:6px}.statline button{margin-left:6px}.productionForm .codeField,.productionForm .descriptionField{grid-column:span 1}.productionForm input[type=file]{padding:8px;background:#10161c;border:1px dashed #44515e}.actionsCell{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:720px){.productionForm .codeField,.productionForm .descriptionField{grid-column:1/-1}}.permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.permissions label{display:flex;gap:8px;align-items:center}.mapData{margin-top:18px;border-top:1px solid #27313b;padding-top:14px}.userModal{width:min(820px,100%)}.permissionPanel{border:1px solid #29404b;border-radius:10px;overflow:hidden;background:#091218}.permissionTitle{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #29404b}.permissionTitle span{color:var(--muted);font-size:12px}.permissionGroup{display:grid;grid-template-columns:180px 1fr;grid-gap:16px;gap:16px;padding:12px 15px;border-bottom:1px solid #1c2c34}.permissionGroup:last-child{border-bottom:0}.permissionGroup strong{color:#d8e9ed;font-size:12px;padding-top:5px}.permissionRows{display:grid;grid-gap:5px;gap:5px}.permissionRow{display:grid;grid-template-columns:1fr 28px;align-items:center;min-height:30px;padding:3px 0}.permissionRow input{width:18px!important;height:18px;margin:0;justify-self:end}.permissionRow span{font-size:13px;color:#a9c0c9}@media(max-width:560px){.permissionGroup{grid-template-columns:1fr;gap:6px}.permissionTitle{align-items:flex-start;flex-direction:column;gap:3px}}.invitePage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#102b35 0,#071015 48%)}.inviteCard{width:min(480px,100%);background:#0e171d;border:1px solid #29404b;border-radius:16px;padding:34px;box-shadow:0 24px 80px #0008}.inviteLogo{width:190px;margin-bottom:22px}.inviteEyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}.inviteCard h1{font-size:25px}.inviteCard>p{line-height:1.5;margin:8px 0 20px}.inviteCard form{display:grid;grid-gap:13px;gap:13px;margin:18px 0}.inviteCard input{width:100%;background:#071015;color:#fff;border:1px solid #29404b;border-radius:8px;padding:11px}.inviteCard small{display:block;line-height:1.5;margin-top:20px}.inviteError{background:#40151a;border:1px solid #7f1d1d;padding:10px;border-radius:8px;color:#fecaca;margin:12px 0}.inviteButton{display:inline-block;background:#083b47;border:1px solid #0e7490;color:#c8f7ff;text-decoration:none;border-radius:8px;padding:11px 15px;font-weight:700}.inviteSuccess{background:#0f3b2d;border:1px solid #1f7a58;padding:10px;border-radius:8px;color:#c7f9e3;margin:12px 0}.userModal button:disabled,.userModal input:disabled,.userModal select:disabled{opacity:.62;cursor:not-allowed}