:root{--ss:#1f4e79;--ss-dark:#163a5a;--ss-accent:#f59e0b}
body{background:#f4f6f9;font-size:.92rem}
.bg-ss{background:var(--ss)!important}
.btn-ss{background:var(--ss);color:#fff;border-color:var(--ss)}
.btn-ss:hover,.btn-ss:focus{background:var(--ss-dark);color:#fff}
.auth-bg{background:linear-gradient(135deg,#163a5a,#1f4e79 60%,#2d6aa3);min-height:100vh}
.sidebar{width:236px;min-height:calc(100vh - 56px);background:#fff;border-right:1px solid #e3e7ec}
@media (min-width:992px){.sidebar{position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto}}
.sidebar .nav-link{color:#34495e;padding:.42rem .7rem;border-radius:6px;font-size:.88rem}
.sidebar .nav-link.active{background:var(--ss);color:#fff}
.sidebar .nav-link:hover:not(.active){background:#eef3f8}
.sidebar .nav-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#8a97a6;padding:.9rem .7rem .3rem}
.main-area{min-width:0}
.kpi{border:0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card{border-color:#e3e7ec}
.table th{font-size:.78rem;text-transform:uppercase;color:#6b7785;font-weight:600;white-space:nowrap}
.boq-table input,.boq-table select{font-size:.82rem;padding:.2rem .35rem;min-width:0}
.boq-table td{padding:.2rem;vertical-align:middle}
.boq-table .num{text-align:right}
.boq-table .calc{background:#f6f8fa;text-align:right;font-variant-numeric:tabular-nums}
.boq-sticky{position:sticky;bottom:0;background:#fff;border-top:2px solid var(--ss);z-index:5}
.margin-bad{color:#b42318;font-weight:600}
.margin-ok{color:#067647;font-weight:600}
.task-done{text-decoration:line-through;color:#6b7785}
.photo-thumb{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid #ddd}
/* Phase 3: attendance */
.scan-box{position:relative;background:#111;border-radius:10px;overflow:hidden;aspect-ratio:4/3;max-height:60vh}
.scan-box video{width:100%;height:100%;object-fit:cover;display:block}
.scan-frame{position:absolute;inset:18% 22%;border:3px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.25);pointer-events:none}
.scan-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.scan-result{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:#fff;font-size:.95rem}
.scan-result img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:2px solid #fff}
.scan-result .big{font-size:1.5rem;font-weight:800;line-height:1}
.scan-result.in{background:#067647}.scan-result.out{background:#1f4e79}.scan-result.dup{background:#6b7785}.scan-result.bad{background:#b42318}
.reg-table td,.reg-table th{text-align:center;padding:.15rem .2rem!important;font-size:.74rem;white-space:nowrap}
.reg-full{background:#d1fadf!important}.reg-part{background:#fef0c7!important}.reg-open{background:#fee4e2!important}
.reg-dot{color:#1f4e79;font-weight:800;margin-left:1px}
.man-table .btn-group .btn{padding:.15rem .45rem}
.sidebar{flex-shrink:0}