[hidden]{display:none!important}
.media-thumb{width:110px;height:80px;object-fit:cover;border-radius:8px;background:#111}
.media-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #deded8;border-radius:12px;background:#fafaf8}.media-picker strong,.media-picker>.media-limit{grid-column:1/-1}.media-limit{display:block;padding:8px 12px;border-radius:8px;background:#fff4c5;font-weight:850;color:#725300}.media-picker label,.media-picker button{display:grid;place-items:center;min-height:62px;padding:12px;border:0;border-radius:10px;font-weight:750;cursor:pointer;text-align:center}.media-picker input{position:absolute;width:1px;height:1px;opacity:0}.media-picker>.capture-fallback{position:absolute;width:1px;height:1px;opacity:0}.camera-choice{background:#171717;color:#fff}.audio-choice{background:#deded8;color:#171717}.gallery-choice{background:#f5b800;color:#171717}.media-audio{width:240px;max-width:100%;height:42px}.camera-overlay{position:fixed;inset:0;z-index:9999;background:#000d;display:grid;place-items:center;padding:16px}.camera-box{width:min(760px,100%);background:#fff;border-radius:16px;padding:18px}.camera-box h2{margin-top:0}.camera-box video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#111;border-radius:12px}.camera-actions{display:flex;gap:10px;margin-top:12px}.camera-count{margin-bottom:0;color:#666}
.personnel-detail{margin-top:18px}.personnel-detail h3{margin-top:24px}.personnel-detail .toolbar>strong{font-size:18px;padding:12px;border-radius:10px;background:#fff6d5}
@media(max-width:700px){.auth-shell{padding:14px;align-items:center}.auth-card{padding:22px;border-radius:16px}.login-logo{width:150px}.topbar{height:58px;padding:5px 9px;gap:8px}.topbar img{width:68px;height:42px}.topbar .ghost{padding:9px}main{padding:12px}.page-head h1{font-size:26px}.cards{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px}.stat strong{font-size:18px}.media-picker{grid-template-columns:1fr}}