:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#241c25;background:#f7f3f2}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
button,input{font:inherit}
button{cursor:pointer}
a{color:#7e1f58}
[hidden]{display:none!important}
.brand{display:flex;align-items:center;gap:12px}
.brand img{object-fit:contain;border-radius:12px}
.brand strong{display:block;color:#541331;font-size:1rem;letter-spacing:.01em}
.brand span{display:block;color:#71646b;font-size:.82rem;margin-top:2px}
.eyebrow{color:#8a3a68;font-size:.73rem;font-weight:800;letter-spacing:.12em}
.verify-page{background:radial-gradient(circle at 80% 0%,#f2dfeb 0,transparent 32rem),#f7f3f2}
.verify-shell{width:min(100% - 36px,590px);margin:0 auto;padding:34px 0 28px}
.verify-shell .brand{margin-bottom:25px}
.verify-card{background:#fff;border:1px solid #eadfe5;border-radius:26px;padding:30px;box-shadow:0 18px 44px #54223e12}
.status-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin-top:20px;font-size:1.75rem;font-weight:800}
.status-mark.valid{background:#e6f6eb;color:#18753b}
.status-mark.invalid{background:#fff0ed;color:#a33328}
.status-mark.pending{background:#f1ebef;color:#704b62}
h1{font-size:clamp(1.7rem,5vw,2.35rem);letter-spacing:-.035em;line-height:1.12;margin:17px 0 9px}
p{line-height:1.55}
.muted{color:#675d64;margin:0}
.employee-card{display:flex;gap:22px;margin-top:26px;padding:22px;border-radius:18px;background:#fbf7f9;border:1px solid #f0e4eb}
.employee-photo{width:148px;height:176px;object-fit:cover;border-radius:13px;background:#eadfe4;flex:none}
.employee-detail{display:flex;flex-direction:column;gap:5px;min-width:0}
.employee-detail strong{font-size:1.24rem;color:#3a1729;overflow-wrap:anywhere}
.employee-detail>span:not(.field-label){overflow-wrap:anywhere}
.field-label{font-size:.66rem;font-weight:800;letter-spacing:.095em;color:#8a6378;margin-top:8px}
.field-label:first-child{margin-top:0}
.checked-at{font-size:.8rem;color:#81757d;margin:25px 0 0;padding-top:18px;border-top:1px solid #eee5e9}
.note{border:1px solid #eadfe5;border-radius:18px;padding:18px 20px;margin-top:16px;background:#fffcfd}
.note strong{color:#521c3a}
.note p{font-size:.89rem;color:#675d64;margin:5px 0 0}
.verify-shell footer{font-size:.76rem;color:#80747b;text-align:center;margin-top:20px}
.admin-page{background:#f8f5f6}
.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px max(22px,calc((100vw - 1210px)/2));background:#fff;border-bottom:1px solid #ece2e8}
.admin-header>a{font-size:.88rem;text-decoration:none;font-weight:700}
.admin-shell{max-width:1254px;margin:0 auto;padding:38px 22px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.page-heading h1{margin:8px 0 8px}
.page-heading p{margin:0;color:#6d636a}
.button{border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:700;white-space:nowrap}
.button.primary{background:#7e1f58;color:white;box-shadow:0 7px 18px #7e1f5824}
.button.primary:hover{background:#651744}
.button.secondary{background:#fff;color:#712249;border-color:#dbc7d2}
.button.secondary:hover{background:#faf0f5}
.button.danger{background:#fff2f0;color:#a13b2c;border-color:#efccc6}
.button.danger:hover{background:#ffe8e4}
.button:disabled{opacity:.55;cursor:wait}
.admin-grid{display:grid;grid-template-columns:minmax(265px,350px) minmax(0,1fr);gap:22px;align-items:start}
.panel{background:#fff;border:1px solid #eadfe5;border-radius:18px;box-shadow:0 8px 30px #54223e08;padding:23px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}
.panel-head h2{font-size:1.2rem;letter-spacing:-.02em;margin:0}
.count,.pill{border-radius:50px;padding:5px 9px;background:#f5edf1;color:#70445b;font-size:.75rem;font-weight:750}
.pill.active{background:#e4f6ea;color:#176e37}
.pill.inactive{background:#fff0ed;color:#a33328}
.search-label{display:block;font-size:.78rem;color:#786d74;margin-bottom:8px}
input[type="text"],input[type="search"],input[type="date"],.form-grid input{width:100%;background:#fff;border:1px solid #d8ccd3;border-radius:10px;padding:11px 12px;color:#332931;outline:none}
input:focus{border-color:#8d3e69;box-shadow:0 0 0 3px #8d3e6920}
.employee-list{display:flex;flex-direction:column;gap:7px;max-height:620px;overflow:auto;margin-top:16px}
.employee-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;width:100%;border:1px solid transparent;border-radius:11px;background:#faf8f9;padding:11px 12px;color:#392b34}
.employee-list button:hover,.employee-list button.selected{background:#f8edf3;border-color:#e6c8d8}
.employee-list strong,.employee-list small{display:block;overflow-wrap:anywhere}
.employee-list small{font-size:.76rem;color:#80727b;margin-top:3px}
.employee-list .dot{flex:none;width:9px;height:9px;border-radius:50%;background:#b9a7b1}
.employee-list .dot.active{background:#2f9c56}
.empty-list{font-size:.88rem;color:#7c7077;text-align:center;padding:35px 10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid label,.file-label{display:block;color:#51434b;font-size:.82rem;font-weight:700}
.form-grid input,.file-label input{display:block;margin-top:7px}
.form-grid small{display:block;font-weight:400;color:#82777d;margin-top:5px}
.file-label{margin-top:18px}
.file-label input{max-width:100%;font-size:.83rem}
.photo-preview{margin-top:14px}
.photo-preview img{width:90px;height:110px;object-fit:cover;border-radius:10px;border:1px solid #e0d5dc}
.form-actions{display:flex;justify-content:flex-end;margin-top:21px}
.card-actions{margin-top:28px;border-top:1px solid #eee4e9;padding-top:24px}
.card-actions h3{margin:0 0 16px;font-size:1.05rem}
.card-display{display:flex;align-items:center;gap:18px;background:#fbf8f9;border:1px solid #efe4e9;border-radius:14px;padding:15px}
.card-display>img{width:132px;height:132px;object-fit:contain;background:white;border:1px solid #e5dce1;border-radius:8px;padding:6px}
.card-display p{margin:0 0 9px;font-size:.86rem;color:#665961}
.card-display a{overflow-wrap:anywhere;font-size:.86rem}
.action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.helper{font-size:.78rem;color:#84777f;margin:12px 0 0}
.notice{border-radius:10px;padding:12px 15px;background:#eaf7ed;color:#246138;margin:0 0 18px}
.notice.error{background:#fff0ed;color:#9f332a}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr}.employee-list{max-height:240px}}
@media(max-width:570px){.verify-card{padding:24px 20px}.employee-card{flex-direction:column}.employee-photo{width:132px;height:155px}.admin-shell{padding:25px 16px}.admin-header{padding:15px 16px}.page-heading{align-items:stretch;flex-direction:column}.page-heading>.button{align-self:flex-start}.panel{padding:19px}.form-grid{grid-template-columns:1fr}.card-display{align-items:flex-start}.card-display>img{width:105px;height:105px}}