:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eef7ef;background:#07140d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#07140d,#0b2114 60%,#07140d);color:#eef7ef}
.wrap{max-width:620px;margin:auto;padding:14px}.top{display:flex;align-items:center;gap:12px;padding:8px 0 16px}.logo{width:62px;height:62px;border-radius:16px}.brand h1{font-size:1.25rem;margin:0;color:#d9ff62}.brand p{margin:3px 0 0;color:#a9b8ac;font-size:.88rem}
.card{background:rgba(13,34,21,.96);border:1px solid #2a4a35;border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.status{padding:9px 11px;border-radius:12px;background:#102c1b;border:1px solid #31593d;font-weight:800}.offline{background:#3a2910;border-color:#795a20}.pending{color:#ffe38d}
label{display:block;font-weight:800;margin:10px 0 5px;color:#d5e7d8}input,select,textarea{width:100%;padding:13px;border-radius:12px;border:1px solid #47634f;background:#f7fbf7;color:#122017;font-size:1rem}
button{width:100%;border:0;border-radius:16px;padding:18px 15px;font-size:1.15rem;font-weight:950;cursor:pointer;margin-top:10px}.login{background:#a9e22e;color:#0b1c0d}.clockin{background:#32b54f;color:white;min-height:78px}.clockout{background:#d94c42;color:white;min-height:78px}.secondary{background:#183b26;color:#e9f4ea;border:1px solid #426b4e;padding:12px;font-size:.95rem}
.worker{display:flex;justify-content:space-between;gap:10px;align-items:center}.worker h2{margin:0;color:white}.badge{padding:6px 9px;border-radius:999px;background:#173e26;color:#aff064;font-weight:900;font-size:.8rem}
.bigstate{text-align:center;padding:18px 6px}.bigstate .icon{font-size:3rem}.bigstate strong{display:block;font-size:1.35rem;margin-top:7px}.muted{color:#9fb0a3;font-size:.9rem}.hidden{display:none!important}.queue{font-size:.82rem;color:#bfd0c0;margin-top:6px}
.recent{font-size:.9rem;border-top:1px solid #294633;padding:8px 0}.recent:first-child{border-top:0}.recent b{color:#dff58f}
.install{font-size:.85rem;color:#a9b8ac;text-align:center;padding:8px}
@media(min-width:700px){.wrap{padding-top:30px}}

.bio-card{border-color:#497e59;background:linear-gradient(180deg,#12321f,#0d2818)}
.bio-head{display:flex;gap:12px;align-items:center}.face{font-size:2.4rem;line-height:1}
.bio-head strong{font-size:1.05rem;color:#e7f6e9}.bio-btn{background:#c9f05a;color:#102016;padding:13px;font-size:.95rem}
.bio-msg{margin-top:8px}.bio-card .secondary{margin-top:7px}

.kiosk-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.kiosk-title h2{margin:0}
.camera-card{padding:8px;overflow:hidden}#kioskVideo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#020805;transform:scaleX(-1)}
.mini-btn{width:auto;margin:0;padding:9px 12px;font-size:.9rem;background:#183b26;color:white}.center{text-align:center;margin-top:8px}
#kioskCard select,#kioskCard input{font-size:1.15rem}.kiosk-photo-ok{color:#baf073;font-weight:800}