:root{--blue:#1078bd;--blue2:#075f9b;--navy:#101823;--surface:rgba(255,255,255,.94)}
body{background:#0b1623}
body::before{content:"";position:fixed;inset:0;background:url('/construction-bg.webp') center/cover no-repeat;z-index:-2}
body::after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(6,16,28,.82) 0,rgba(12,39,64,.64) 34%,rgba(234,240,246,.91) 72%,rgba(234,240,246,.97) 100%);z-index:-1}
.topbar{height:84px;background:rgba(7,19,33,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.logo-shell{display:grid;place-items:center;width:58px;height:54px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 4px 14px rgba(0,0,0,.24)}
.logo-shell img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.brand small{color:#b8c8d9}
.view{min-height:calc(100dvh - 84px)}
.work-card,.notice,.summary-card{background:var(--surface);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.72);box-shadow:0 14px 34px rgba(7,19,33,.16)}
.quick-grid button{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(7,19,33,.12)}
.primary-action{background:linear-gradient(135deg,#0874b8,#1296df);box-shadow:0 14px 30px rgba(3,75,123,.38)}
.camera-view{background:#000}
.camera-tools{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center}
.camera-tools select{min-width:0;flex:1;height:42px;padding:8px 34px 8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(5,15,25,.72);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:700}
.camera-tools button{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(5,15,25,.72);backdrop-filter:blur(10px);color:#fff;font-size:22px}
.camera-tools button.active{background:#f5b51b;color:#101823}
.zoom-control{position:absolute;z-index:3;left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:22px 1fr 22px 48px;gap:7px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(5,15,25,.7);backdrop-filter:blur(10px);color:#fff}
.zoom-control input{padding:0;border:0;box-shadow:none;accent-color:#168fe0;background:transparent}
.zoom-control strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.zoom-control span{font-size:18px;text-align:center}