:root{font-family:Inter,system-ui,sans-serif;color:#eef7f4;background:#080d14}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px}header,section{border:1px solid #293b49;border-radius:16px;padding:24px;background:#101925}header{margin-bottom:20px}header p{margin:0;color:#090;font-weight:900;letter-spacing:.08em}h1{margin:8px 0}header span,small{color:#9db0bb}.dashboard-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow-x:auto;margin-top:18px;padding:0}.dashboard-tabs a{flex:0 0 auto;border:1px solid #385174;border-radius:8px;padding:8px 12px;color:#eaf1f4;background:#132438;font-size:.78rem;font-weight:900;text-decoration:none}.dashboard-tabs a:hover,.dashboard-tabs a:focus-visible{color:#fff;border-color:#6ad6cc;background:#1c3039}.dashboard-tabs a:focus-visible{outline:3px solid #42e8e0;outline-offset:2px}h2{margin-top:0}form{display:flex;gap:10px}input{flex:1;min-height:44px;border:1px solid #405465;border-radius:9px;padding:10px;color:#fff;background:#0b111b}button{border:1px solid #009900;border-radius:9px;padding:10px 16px;color:#fff;background:#007a00;font-weight:850}.users{display:grid;gap:6px;margin-top:14px}article{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #293b49;border-radius:11px;padding:6px 8px;background:#0b111b}.avatar-color-control{position:relative;flex:0 0 36px}.avatar-color-trigger{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border:2px solid color-mix(in srgb,var(--avatar-color, #0099ff) 55%,#fff);border-radius:50%;padding:0;background:var(--avatar-color, #0099ff);color:#fff;font-weight:900;cursor:context-menu}.avatar-color-trigger:disabled{opacity:1;cursor:default}.avatar-color-trigger span{grid-area:1 / 1}.avatar-color-trigger img{z-index:1;grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.avatar-color-menu{position:absolute;z-index:30;top:43px;left:0;display:grid;width:226px;grid-template-columns:repeat(7,26px);grid-template-rows:repeat(4,26px);gap:5px;border:1px solid #526779;border-radius:11px;padding:10px;background:#101925;box-shadow:0 16px 36px #00000094}.avatar-color-swatch{width:26px;height:26px;border:2px solid #dce8ee;border-radius:50%;padding:0;background:var(--swatch-color);cursor:pointer}.avatar-color-swatch[aria-checked=true]{outline:3px solid #42e8e0;outline-offset:2px}.avatar-color-swatch:focus-visible{outline:3px solid #fff;outline-offset:2px}.avatar-save-takeover{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#02070ca8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-save-panel{width:min(430px,100%);border:1px solid rgb(151 219 216 / 44%);border-radius:20px;padding:28px;text-align:center;background:linear-gradient(145deg,#132634e0,#08101aeb);box-shadow:0 24px 80px #000000ad,inset 0 1px #ffffff24}.avatar-save-panel h2{margin:14px 0 6px}.avatar-save-panel p{margin:0 auto 22px;color:#b9cbd3;line-height:1.5}.avatar-save-preview{display:grid;width:64px;height:64px;margin:auto;place-items:center;border:3px solid color-mix(in srgb,var(--avatar-color) 55%,#fff);border-radius:50%;color:#fff;background:var(--avatar-color);font-size:1.25rem;font-weight:900;box-shadow:0 0 28px color-mix(in srgb,var(--avatar-color) 56%,transparent)}.avatar-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.avatar-save-actions button{min-height:50px;border-width:1px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px #fff3,0 9px 24px #00000047;cursor:pointer}.avatar-save-actions .glass-save{border-color:#53ff89a8;background:linear-gradient(145deg,#00993e6b,#005c283d)}.avatar-save-actions .glass-cancel{border-color:#ff5b5bad;background:linear-gradient(145deg,#ff33336b,#8800143d)}.avatar-save-actions .glass-save:hover{background-color:#00b3455c}.avatar-save-actions .glass-cancel:hover{background-color:#d91c365c}.avatar-save-actions button:focus-visible{outline:3px solid #fff;outline-offset:3px}article .user-identity{display:grid;flex:1;gap:1px}.lead-engineer-toggle{display:flex;align-items:center;gap:8px;color:#d9e8ee;font-size:.86rem;font-weight:800;cursor:pointer}.lead-engineer-toggle input{width:18px;height:18px;min-height:0;flex:0 0 18px;accent-color:#009900}.siteplans-levels{display:grid;gap:3px;min-width:150px}.list-placement-control{display:grid;gap:2px;color:#9db0bb;font-size:.72rem;font-weight:800}.list-placement-control select{min-height:34px;border:1px solid #405465;border-radius:8px;padding:4px 30px 4px 9px;color:#eef7f4;background:#101925;font:inherit}.remove-user{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border:1px solid rgb(255 51 51 / 62%);border-radius:50%;padding:0;color:#f77;background:#a400002e;font-size:1.35rem;line-height:1;cursor:pointer}.remove-user:hover,.remove-user:focus-visible{border-color:#f77;outline:3px solid rgb(255 51 51 / 28%);outline-offset:2px;background:#d000004d}@media(max-width:600px){form{flex-direction:column}article{align-items:flex-start;flex-wrap:wrap}.lead-engineer-toggle,.siteplans-levels,.list-placement-control{width:100%;margin-left:45px}.siteplans-levels .lead-engineer-toggle{margin-left:0}.remove-user{margin-left:auto}}