@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f4f1eb;background:#0d0d0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#0d0d0f}button,input{font:inherit}button{border:0;background:#d4b777;color:#111;padding:13px 18px;font-weight:700;cursor:pointer;border-radius:7px}button:disabled{opacity:.6;cursor:wait}button.outline{background:transparent;color:#e9dfc9;border:1px solid #4b463b}button.danger{background:#692e2c;color:#fff}button.small{padding:8px 10px;font-size:11px}.brand{display:flex;flex-direction:column;align-items:center;gap:7px}.brand-name{font-size:22px;letter-spacing:7px;font-weight:400;white-space:nowrap}.brand-sub{font-size:7px;letter-spacing:2px;color:#aaa}.login-page,.verify-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#24211b 0,#0d0d0f 55%)}.login-panel,.verify-panel{width:min(100%,430px);padding:38px;border:1px solid #39352d;background:#111113;text-align:center;box-shadow:0 25px 80px #0008}.login-panel .brand,.verify-panel .brand{margin-bottom:34px}.login-panel h1,.verify-panel h1{font-size:26px;margin:18px 0 8px}.login-panel p,.verify-panel p{color:#aaa;font-size:13px;line-height:1.6}.login-panel form,.employee-form{display:flex;flex-direction:column;text-align:left;gap:9px;margin:25px 0}.login-panel label,.employee-form label{font-size:11px;color:#d4c8aa;margin-top:5px}.login-panel input,.employee-form input{background:#0c0c0e;border:1px solid #393939;border-radius:6px;color:#fff;padding:12px;min-width:0}.login-panel>small{color:#777;font-size:10px}.error{background:#3b1919;color:#ffb9b9;padding:10px;border-radius:6px;font-size:12px;margin-top:12px}.dashboard{min-height:100vh;background:#101012}.topbar{height:88px;border-bottom:1px solid #2d2b27;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px)}.topbar .brand{align-items:flex-start}.topbar .brand-name{font-size:17px;letter-spacing:5px}.topbar .brand-sub{font-size:6px}.top-actions{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:1.5px;color:#c6b17d}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:45px clamp(20px,5vw,76px) 30px;border-bottom:1px solid #292929}.eyebrow{font-size:10px;letter-spacing:2px;color:#cdb77e}.intro h1{font-size:clamp(26px,4vw,42px);letter-spacing:-1.3px;margin:10px 0}.intro p:not(.eyebrow){color:#999;font-size:13px}.count{border:1px solid #3a3529;padding:16px 24px;display:flex;flex-direction:column;min-width:110px}.count strong{font-size:32px;font-weight:500}.count span{font-size:9px;letter-spacing:2px;color:#cdb77e;margin-top:5px}.dash-grid{padding:30px clamp(20px,5vw,76px);display:grid;grid-template-columns:minmax(250px,.75fr) minmax(400px,1.5fr);gap:20px}.panel{border:1px solid #302e2a;background:#151517;padding:24px;min-width:0}.panel h2{font-size:17px;margin:0 0 8px}.muted{font-size:12px;color:#898989;line-height:1.6}.employee-form{margin-top:24px}.employee-form button{margin-top:10px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.employee-list{margin-top:18px}.employee-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #2a2928}.avatar{width:40px;height:40px;border-radius:50%;background:#29261f;color:#d4b777;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.employee-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.employee-info strong{font-size:12px}.employee-info span{font-size:10px;color:#888}.employee-info .active-text{color:#82c7a0}.employee-info .inactive-text{color:#ef8c8c}.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.empty{padding:35px 10px;text-align:center;color:#777;font-size:12px}.dashboard footer{text-align:center;color:#555;font-size:9px;letter-spacing:2px;padding:28px}.verify-panel{width:min(100%,480px)}.verify-kicker{letter-spacing:2px!important;font-size:10px!important;color:#cdb77e!important;margin-top:32px!important}.status{display:inline-block;padding:10px 15px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:1.4px;margin:10px 0}.status.active{background:#173b2b;color:#8de0ad}.status.inactive{background:#492121;color:#ffb0b0}.verify-photo{width:100px;height:100px;object-fit:cover;border-radius:50%;border:2px solid #cdb77e;margin:15px auto 0;display:block}.warning{border:1px solid #51472f;background:#1e1b15;padding:14px;margin:22px 0;font-size:11px;line-height:1.6;color:#d7c99e}.text-link{display:inline-block;color:#d4b777;text-decoration:none;font-size:11px;margin-top:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;padding:20px;z-index:5;overflow:auto}.modal{position:relative;width:min(100%,600px);background:#151517;border:1px solid #454035;padding:30px;max-height:95vh;overflow:auto}.modal h2{margin-top:0}.close{position:absolute;right:15px;top:12px;background:transparent;color:#fff;font-size:25px;padding:2px 8px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.id-card{position:relative;isolation:isolate;width:100%;max-width:540px;aspect-ratio:1.6/1;margin:22px auto;background:linear-gradient(140deg,#171719,#080809 75%);overflow:hidden;color:#f3f0e9;border:1px solid #5a574f;box-shadow:0 12px 40px #0007}.card-frame{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #4a4947;z-index:-1}.card-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 15px,#ffffff06 16px 17px)}.card-inner{height:100%;padding:7% 8%;display:flex;flex-direction:column}.id-card .brand{align-items:center}.id-card .brand-name{font-size:clamp(14px,3.7vw,24px);letter-spacing:.25em}.id-card .brand-sub{font-size:clamp(5px,1vw,8px);letter-spacing:.15em}.card-rule{height:1px;background:linear-gradient(90deg,transparent,#8c794d,transparent);margin:5% 0 3%}.card-title{text-align:center;color:#d4b777;font-size:clamp(7px,1.5vw,11px);letter-spacing:.22em}.card-content{display:flex;align-items:center;gap:4%;flex:1;margin-top:4%;min-height:0}.portrait{width:19%;aspect-ratio:3/4;background:#292929;border:1px solid #71674f;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.portrait img{width:100%;height:100%;object-fit:cover}.portrait span{font-size:clamp(16px,3vw,28px);color:#d4b777}.identity{flex:1;min-width:0}.identity .eyebrow{font-size:clamp(5px,.9vw,7px);letter-spacing:.15em}.person-name{font-size:clamp(9px,2vw,15px);font-weight:700;margin:4px 0;overflow-wrap:anywhere}.person-role{font-size:clamp(7px,1.2vw,9px);color:#aaa}.member-label{margin-top:10px}.member-id{font-size:clamp(8px,1.6vw,12px);letter-spacing:.08em;margin-top:4px}.qr-wrap{width:23%;display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.qr-wrap svg{width:100%;height:auto;max-width:95px;padding:5px;background:#fff}.qr-wrap small{font-size:clamp(4px,.8vw,6px);letter-spacing:.1em;text-align:center;color:#d4b777}.card-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #39352d;padding-top:3%;font-size:clamp(4px,.8vw,6px);letter-spacing:.08em;color:#888}.card-footer span:last-child{text-align:right}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}.intro{padding-top:32px}}@media(max-width:520px){.topbar{padding:0 16px}.top-actions{gap:8px;font-size:8px}.top-actions button{padding:9px}.intro{align-items:flex-start}.count{min-width:75px;padding:12px}.count strong{font-size:25px}.panel{padding:17px}.employee-row{flex-wrap:wrap}.row-actions{width:100%;padding-left:52px;justify-content:flex-start}.modal{padding:20px 12px}.card-inner{padding:7%}.card-footer{letter-spacing:0}}@media print{body *{visibility:hidden!important}.modal,.modal *,.id-card,.id-card *{visibility:visible!important}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:0}.modal{position:absolute;top:0;left:0;width:100%;max-height:none;overflow:visible;border:0;background:#fff;color:#000;padding:0}.modal h2,.modal>.muted,.modal-actions,.modal .close,.modal .text-link{display:none!important}.id-card{width:100%;max-width:540px;box-shadow:none;margin:0 auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.upload-preview{display:block;width:104px;height:104px;object-fit:cover;border-radius:10px;border:1px solid #d7d1c5;margin:8px 0 12px}.row-actions{flex-wrap:wrap}.row-actions button:disabled{opacity:.6;cursor:wait}.security-log-heading{margin:22px 0 12px}.access-log-panel{margin-bottom:22px}.access-log-panel .employee-row{align-items:flex-start;overflow-wrap:anywhere}.access-log-panel .employee-info{min-width:0;max-width:100%}.directory-search{display:block;width:100%;margin:18px 0 8px;background:#0c0c0e;border:1px solid #393939;border-radius:6px;color:#fff;padding:13px;min-width:0}.employee-list{max-height:68vh;overflow:auto;overscroll-behavior:contain;padding-right:5px}.company-text{color:#d4b777!important}.person-company{font-size:clamp(6px,1vw,8px);color:#d4b777;letter-spacing:.08em;margin-top:4px;overflow-wrap:anywhere}