:root {
  --ink-950:#06101a; --ink-900:#081521; --ink-850:#0b1b2a; --ink-800:#102335;
  --ink-700:#183149; --ink-600:#29455f; --text:#edf6fb; --muted:#8fa8ba;
  --gold:#d6ad61; --gold-strong:#f0c875; --teal:#35c6ad; --teal-soft:#163f3d;
  --danger:#ff6b72; --warning:#f4b85b; --line:rgba(190,219,235,.12);
  --shadow:0 22px 70px rgba(0,0,0,.25); --radius:20px;
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--ink-950);color:var(--text);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.01em}a{text-decoration:none}.text-secondary{color:var(--muted)!important}
.app-shell{min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(53,198,173,.08),transparent 30%),var(--ink-950)}
.sidebar{position:fixed;inset:0 auto 0 0;width:278px;padding:28px 20px;background:linear-gradient(180deg,#0b1b2a,#07121d);border-right:1px solid var(--line);z-index:1035;display:flex;flex-direction:column}
.sidebar-brand{display:flex;gap:13px;align-items:center;padding:0 10px 28px}.brand-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-strong),#997039);color:#10202d;font-size:1.25rem;font-weight:900;box-shadow:0 10px 30px rgba(214,173,97,.22)}.brand-mark-lg{width:62px;height:62px;font-size:1.7rem;border-radius:20px;margin-bottom:22px}.sidebar-brand strong{display:block;font-size:1.05rem;letter-spacing:.12em}.sidebar-brand small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}
.sidebar-nav{gap:8px}.sidebar-nav .nav-link{color:#a7bac8;border-radius:13px;padding:12px 14px;font-weight:600;display:flex;align-items:center;gap:12px;transition:.2s}.sidebar-nav .nav-link i{width:21px;color:#69889f}.sidebar-nav .nav-link:hover{background:rgba(255,255,255,.04);color:#fff}.sidebar-nav .nav-link.active{background:linear-gradient(90deg,rgba(53,198,173,.18),rgba(53,198,173,.04));color:#fff;box-shadow:inset 3px 0 var(--teal)}.sidebar-nav .nav-link.active i{color:var(--teal)}
.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 0}.sidebar-footer small,.sidebar-footer strong{display:block}.sidebar-footer small{color:var(--muted);font-size:.75rem}.sidebar-footer strong{margin-top:3px}
.main-content{min-height:100vh;margin-left:278px}.topbar{height:104px;padding:22px 34px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:rgba(6,16,26,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:1020}.topbar h1{font-size:1.45rem;margin:0;font-weight:800}.topbar p{margin:5px 0 0;color:var(--muted);font-size:.87rem}.topbar-clock{margin-left:auto;padding:10px 14px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;color:#b7c9d5;font-size:.85rem}.content-wrap{padding:28px 34px 48px;max-width:1800px;margin:0 auto}
.btn{border-radius:11px;font-weight:700}.btn-icon{background:var(--ink-800);color:#fff;border:1px solid var(--line)}.btn-premium{color:#09201e;background:linear-gradient(135deg,var(--teal),#5adac6);border:none;box-shadow:0 10px 26px rgba(53,198,173,.18)}.btn-premium:hover,.btn-premium:focus{color:#071a18;background:linear-gradient(135deg,#58dbc5,#7ee6d4);transform:translateY(-1px)}.btn-outline-premium{color:#d4e2ea;border-color:#395367;background:transparent}.btn-outline-premium:hover{color:#fff;background:#1c3347;border-color:#4c6b82}.security-chip{font-size:.78rem;color:#8fe8d8;background:rgba(53,198,173,.11);padding:8px 11px;border-radius:999px;border:1px solid rgba(53,198,173,.18)}
.form-label{color:#b9ccd8;font-size:.79rem;font-weight:700;margin-bottom:7px}.form-control,.form-select{color:var(--text);background:#0b1c2b;border:1px solid #294359;border-radius:11px;min-height:44px}.form-control:focus,.form-select:focus{color:#fff;background:#0d2131;border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(53,198,173,.1)}.form-control::placeholder{color:#627d90}.form-select option{background:#0b1c2b}.form-check-input{width:2.5em;height:1.3em;background-color:#274156;border-color:#37546a}.form-check-input:checked{background-color:var(--teal);border-color:var(--teal)}
.alert{border-radius:13px;border-width:1px}.alert-success{background:#123c36;border-color:#20675d;color:#b7f1e7}.alert-danger{background:#3c1d27;border-color:#723341;color:#ffd4d6}.alert-warning{background:#392d17;border-color:#68542a;color:#ffe3a9}
.panel{background:linear-gradient(180deg,rgba(15,35,52,.94),rgba(9,24,37,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-header h3{font-size:1.02rem;margin:0;font-weight:800}.panel-header p{color:var(--muted);font-size:.81rem;margin:5px 0 0}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px}.metric-card{position:relative;overflow:hidden;min-height:145px;padding:21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#102639,#0a1a29);display:flex;gap:16px;align-items:flex-start;box-shadow:0 18px 50px rgba(0,0,0,.15)}.metric-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-46px;bottom:-54px;background:rgba(53,198,173,.07)}.metric-icon{width:45px;height:45px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:rgba(53,198,173,.1);color:var(--teal);font-size:1.25rem}.metric-card span,.metric-card small{display:block}.metric-card span{color:#9eb3c2;font-size:.78rem;font-weight:700}.metric-card strong{display:block;font-size:2rem;line-height:1.2;margin:6px 0 3px}.metric-card small{color:#6f8a9d;font-size:.72rem}.metric-alert .metric-icon{color:var(--danger);background:rgba(255,107,114,.1)}.metric-warning .metric-icon{color:var(--warning);background:rgba(244,184,91,.1)}
.table-premium{margin:0;color:#dbe9f0;--bs-table-bg:transparent;--bs-table-border-color:var(--line);--bs-table-hover-bg:rgba(255,255,255,.025);--bs-table-hover-color:#fff}.table-premium thead th{padding:13px 20px;color:#7894a7;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:800;border-bottom-width:1px;white-space:nowrap}.table-premium td{padding:15px 20px;font-size:.82rem;vertical-align:middle}.table-premium td small{color:#7892a4;font-size:.71rem;margin-top:3px}.table-premium tbody tr:last-child td{border-bottom:0}.row-alert{background:rgba(255,107,114,.025)}.empty-cell{text-align:center!important;color:var(--muted)!important;padding:40px!important}.badge-event{display:inline-block;padding:5px 8px;border-radius:8px;background:#1b3449;color:#c6d7e1;font-size:.68rem;font-weight:800}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.status-ok{background:var(--teal);box-shadow:0 0 0 4px rgba(53,198,173,.1)}.status-bad{background:var(--danger);box-shadow:0 0 0 4px rgba(255,107,114,.1)}.status-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-badge.active{background:rgba(53,198,173,.12);color:#72e4d1}.status-badge.inactive{background:rgba(143,168,186,.1);color:#9db2c0}.status-badge.danger{background:rgba(255,107,114,.12);color:#ff9ca1}.status-badge.pending{background:rgba(244,184,91,.12);color:#ffd083}.danger-label{display:block;color:#ff9ca1;font-size:.68rem;font-weight:800;margin-top:5px}.device-code{display:block;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:.73rem;color:#b5cad6}
.branch-list{padding:11px 24px 20px}.branch-item{position:relative;padding:15px 0}.branch-item>div:first-child{display:flex;flex-direction:column;padding-right:45px}.branch-item strong{font-size:.84rem}.branch-item small{color:var(--muted);font-size:.71rem;margin-top:3px}.branch-item>span{position:absolute;right:0;top:15px;color:var(--teal);font-weight:800}.branch-item .progress{height:5px;margin-top:10px;background:#1a3247}.branch-item .progress-bar{background:linear-gradient(90deg,var(--teal),var(--gold))}
.filter-bar{padding:18px 24px;display:flex;gap:14px;align-items:end;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.filter-field{min-width:210px}.filter-field label{display:block;color:#7893a6;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin:0 0 6px}.filter-grow{flex:1}.filter-actions{display:flex;gap:8px}.input-icon{position:relative}.input-icon i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#69859a}.input-icon input{padding-left:40px}
.people-grid{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:15px}.person-card{display:grid;grid-template-columns:54px 1fr auto;gap:13px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#0c1e2d;transition:.2s}.person-card:hover{border-color:rgba(53,198,173,.32);transform:translateY(-2px)}.person-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.35rem;font-weight:900;color:#08201c;background:linear-gradient(145deg,var(--teal),#8de7d9)}.person-main{min-width:0}.person-main strong,.person-main span,.person-main small{display:block}.person-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-main span{color:var(--gold);font-size:.72rem;font-weight:800;margin-top:3px}.person-main small{color:var(--muted);font-size:.7rem;margin-top:7px}.person-face-status{text-align:center;padding:7px 9px;border-radius:11px;min-width:70px}.person-face-status i,.person-face-status strong,.person-face-status span{display:block}.person-face-status i{font-size:1.05rem}.person-face-status strong{font-size:1.15rem}.person-face-status span{font-size:.6rem}.person-face-status.ready{background:rgba(53,198,173,.1);color:#73e2d0}.person-face-status.missing{background:rgba(255,107,114,.08);color:#ff9ba1}.person-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:11px;border-top:1px solid var(--line)}.pagination-wrap{display:flex;justify-content:center;padding:20px;border-top:1px solid var(--line)}.page-link{background:#0b1c2a;color:#a7bdca;border-color:#263f53}.active>.page-link{background:var(--teal);border-color:var(--teal);color:#08201c}.disabled>.page-link{background:#091724;color:#4f6879;border-color:#1b3142}
.upload-zone{display:grid;min-height:330px;border:1.5px dashed #35566d;border-radius:17px;background:radial-gradient(circle at center,rgba(53,198,173,.06),transparent 55%),#091a28;cursor:pointer;overflow:hidden;position:relative}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone>div{display:grid;place-items:center;align-content:center;gap:8px}.upload-zone i{font-size:2.5rem;color:var(--teal)}.upload-zone strong{font-size:1rem}.upload-zone span{color:var(--muted);font-size:.77rem}.upload-zone img{width:100%;height:330px;object-fit:contain;background:#06101a}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.guide-panel{min-height:100%}.face-guide-visual{min-height:210px;display:grid;place-items:center;align-content:center;gap:12px;background:radial-gradient(circle,rgba(53,198,173,.1),transparent 60%)}.face-oval{width:116px;height:150px;border:2px dashed var(--teal);border-radius:50% 50% 46% 46%;display:grid;place-items:center;color:#5fd8c5;font-size:4.3rem}.face-guide-visual span{color:var(--muted);font-size:.75rem}.guide-list{padding:18px 24px}.guide-list>div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.guide-list>div:last-child{border:0}.guide-list i{color:var(--teal);margin-top:2px}.guide-list .warning i{color:var(--warning)}.guide-list span,.guide-list strong,.guide-list small{display:block}.guide-list strong{font-size:.82rem}.guide-list small{color:var(--muted);font-size:.7rem;margin-top:3px}
.face-gallery{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:17px;padding:22px}.face-tile{margin:0;border-radius:15px;overflow:hidden;background:#091a27;border:1px solid var(--line)}.face-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.face-tile figcaption{padding:12px}.face-tile strong,.face-tile span{display:block}.face-tile strong{font-size:.8rem}.face-tile span{color:var(--muted);font-size:.68rem;margin-top:3px}
.location-grid{padding:22px;display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:17px}.location-card{border:1px solid var(--line);border-radius:17px;background:#0b1d2c;overflow:hidden;display:flex;flex-direction:column}.location-card.inactive{opacity:.68}.location-map-mini{height:86px;background:radial-gradient(circle at 70% 30%,rgba(53,198,173,.18),transparent 35%),linear-gradient(135deg,#143249,#0a1c2b);position:relative;display:flex;align-items:center;justify-content:center}.location-map-mini i{font-size:2rem;color:var(--teal);filter:drop-shadow(0 6px 10px rgba(53,198,173,.3))}.location-map-mini span{position:absolute;top:10px;left:11px;font-size:.63rem;font-weight:900;background:#07131eaa;padding:5px 7px;border-radius:7px;color:var(--gold)}.location-body{padding:16px}.location-title{display:flex;justify-content:space-between;gap:10px}.location-title strong,.location-title span{display:block}.location-title strong{font-size:.95rem}.location-title>div>span{font-size:.7rem;color:var(--gold);margin-top:3px}.location-body>p{color:var(--muted);font-size:.73rem;min-height:34px;margin:12px 0}.location-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.location-stats>div{padding:10px;text-align:center;border-right:1px solid var(--line)}.location-stats>div:last-child{border:0}.location-stats span,.location-stats strong{display:block}.location-stats span{font-size:.6rem;color:#6f899c}.location-stats strong{font-size:.78rem;margin-top:3px}.policy-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.policy-tags span{font-size:.64rem;padding:5px 7px;border-radius:7px}.policy-tags .on{background:rgba(53,198,173,.1);color:#75dfcf}.policy-tags .off{background:rgba(143,168,186,.08);color:#849baa}.location-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.location-map{height:490px;border-radius:14px;overflow:hidden;background:#0a1b29;border:1px solid var(--line)}.leaflet-container{font-family:inherit}.map-note{display:flex;gap:8px;color:#89a4b5;font-size:.72rem;margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(53,198,173,.06)}.switch-list{border:1px solid var(--line);border-radius:13px;overflow:hidden}.switch-list label{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer}.switch-list label:last-child{border:0}.switch-list span,.switch-list strong,.switch-list small{display:block}.switch-list strong{font-size:.79rem}.switch-list small{color:var(--muted);font-size:.67rem;margin-top:2px}.sticky-actions{position:sticky;bottom:14px;z-index:10;margin:20px 0 0 auto;width:max-content;padding:9px;background:rgba(6,16,26,.85);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:15px;display:flex;gap:9px;box-shadow:var(--shadow)}
.device-grid{padding:22px;display:grid;grid-template-columns:repeat(2,minmax(360px,1fr));gap:15px}.device-card{display:grid;grid-template-columns:56px 1fr 115px;gap:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#0b1d2c}.device-icon{position:relative;width:56px;height:56px;border-radius:16px;background:#16344a;display:grid;place-items:center;color:var(--teal);font-size:1.5rem}.online-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);border:2px solid #16344a;right:6px;bottom:6px}.device-title{display:flex;justify-content:space-between;gap:10px}.device-title strong,.device-title span{display:block}.device-title>div>span{color:var(--muted);font-size:.68rem;margin-top:3px}.device-body code{display:block;margin:9px 0;color:#7d9aad;font-size:.67rem;word-break:break-all}.device-meta{display:flex;gap:12px;flex-wrap:wrap}.device-meta span{font-size:.66rem;color:#809bad}.device-action{align-self:center}
.empty-state{grid-column:1/-1;min-height:230px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.empty-state i{font-size:2.7rem;color:#4a697e}.empty-state h4{font-size:1rem;margin:12px 0 5px}.empty-state p{color:var(--muted);font-size:.78rem;max-width:400px}.error-state{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center}.error-state>span{font-size:6rem;font-weight:900;line-height:1;color:rgba(214,173,97,.14)}.error-state>i{font-size:2.4rem;color:var(--gold);margin-top:-20px}.error-state h2{font-size:1.25rem;margin:18px 0 5px}.error-state p{color:var(--muted);margin:0 0 20px}.error-public{min-height:100vh;background:var(--ink-950);padding:20px}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:#06101a}.login-visual{position:relative;display:flex;align-items:flex-end;padding:8vw;background:linear-gradient(90deg,rgba(5,14,23,.18),rgba(5,14,23,.8)),radial-gradient(circle at 35% 35%,rgba(53,198,173,.2),transparent 25%),radial-gradient(circle at 60% 75%,rgba(214,173,97,.13),transparent 30%),linear-gradient(145deg,#0d2a3d,#07131e);overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(53,198,173,.12);border-radius:50%;width:600px;height:600px;top:-180px;right:-120px}.login-visual:after{width:360px;height:360px;top:30px;right:0}.login-copy{position:relative;z-index:1;max-width:670px}.eyebrow{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.18em;font-weight:900;margin-bottom:17px}.login-copy h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.04;font-weight:900;letter-spacing:-.045em;margin:0}.login-copy p{font-size:1rem;color:#a7becb;max-width:580px;margin:20px 0 0}.login-panel{display:grid;place-items:center;padding:35px;background:#07131e}.login-card{width:min(430px,100%);padding:42px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#102537,#091824);box-shadow:0 35px 100px rgba(0,0,0,.35)}.login-card h2{font-size:1.55rem;font-weight:900;margin:0}.login-card>p{color:var(--muted);font-size:.83rem;margin:7px 0 28px}.login-note{display:block;text-align:center;color:#7793a6;margin-top:20px}
@media(max-width:1500px){.metric-grid{grid-template-columns:repeat(3,1fr)}.people-grid,.location-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1199.98px){.sidebar{position:fixed}.main-content{margin-left:0}.topbar{padding:19px 22px}.content-wrap{padding:22px}.login-page{grid-template-columns:1fr}.login-visual{min-height:42vh;padding:55px}.login-panel{padding:35px}.device-grid{grid-template-columns:1fr}}
@media(max-width:767.98px){.topbar{height:auto;min-height:87px}.topbar-clock{display:none}.topbar h1{font-size:1.15rem}.topbar p{font-size:.75rem}.content-wrap{padding:16px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:120px;padding:15px;gap:10px}.metric-icon{width:38px;height:38px}.metric-card strong{font-size:1.55rem}.filter-bar{align-items:stretch;flex-direction:column;padding:15px}.filter-field{min-width:0;width:100%}.filter-actions{width:100%}.filter-actions>*{flex:1}.people-grid,.location-grid,.face-gallery{grid-template-columns:1fr;padding:14px}.person-card{grid-template-columns:48px 1fr auto}.panel-header{padding:17px}.device-grid{padding:14px}.device-card{grid-template-columns:48px 1fr}.device-action{grid-column:1/-1}.location-map{height:380px}.login-visual{display:none}.login-panel{min-height:100vh;padding:18px}.login-card{padding:28px 22px}.sticky-actions{width:100%;bottom:7px}.sticky-actions>*{flex:1}.table-premium td,.table-premium thead th{padding:12px}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}}
@media(max-width:460px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:105px}.sidebar{width:min(90vw,290px)}}
.assignment-note{display:flex;gap:12px;margin:18px 24px;padding:14px 16px;border:1px solid rgba(53,198,173,.2);border-radius:13px;background:rgba(53,198,173,.06);color:#9edfd3}.assignment-note i{font-size:1.15rem}.assignment-note strong,.assignment-note span{display:block}.assignment-note strong{font-size:.8rem;color:#dff8f3}.assignment-note span{font-size:.72rem;margin-top:4px;line-height:1.5}.assignment-toolbar{display:flex;justify-content:space-between;gap:12px;padding:0 24px 16px}.assignment-toolbar .input-icon{width:min(480px,100%)}.employee-assignment-list{margin:0 24px 25px;border:1px solid var(--line);border-radius:15px;overflow:hidden;max-height:620px;overflow-y:auto}.employee-assignment-row{display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line);cursor:pointer;background:#0a1b29}.employee-assignment-row:last-child{border:0}.employee-assignment-row:hover{background:#10263a}.person-avatar.small{width:40px;height:40px;border-radius:12px;font-size:1rem}.assignment-person strong,.assignment-person small{display:block}.assignment-person strong{font-size:.8rem}.assignment-person small{font-size:.67rem;color:var(--muted);margin-top:3px}.assignment-tag{font-size:.63rem;font-weight:800;border-radius:999px;padding:5px 8px}.assignment-tag.active{background:rgba(53,198,173,.12);color:#7ce3d2}.assignment-tag.restricted{background:rgba(244,184,91,.12);color:#ffd083}.assignment-tag.default{background:rgba(143,168,186,.09);color:#91a8b7}@media(max-width:767.98px){.assignment-toolbar{flex-direction:column}.employee-assignment-row{grid-template-columns:24px 40px 1fr}.assignment-tag{grid-column:2/-1;width:max-content}.assignment-note{margin:14px}.employee-assignment-list{margin:0 14px 20px}}

/* v2.1.0 — premium controls, searchable suggestions, and webcam registration */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.58rem .92rem;line-height:1.15;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.btn.btn-sm{min-height:34px;padding:.4rem .68rem}.btn.btn-lg{min-height:50px;padding:.75rem 1.12rem}.btn i{font-size:1.02em;line-height:1}.btn:focus-visible{outline:0;box-shadow:0 0 0 .22rem rgba(53,198,173,.19)}.btn:disabled{transform:none!important;opacity:.62;cursor:not-allowed}.btn-soft{color:#dceaf1;background:linear-gradient(180deg,#173047,#112639);border:1px solid #31516a;box-shadow:0 10px 24px rgba(0,0,0,.12)}.btn-soft:hover{color:#fff;background:#1b3a53;border-color:#4e718a;transform:translateY(-1px)}.btn-back{color:#cfdee6;background:rgba(255,255,255,.025);border:1px solid #344f64}.btn-back i{font-size:1.42rem;margin-left:-.15rem}.btn-back:hover{color:#fff;background:#183149;border-color:#517188;transform:translateX(-2px)}.btn-danger-soft{color:#ffb4b8;background:rgba(255,107,114,.08);border:1px solid rgba(255,107,114,.25)}.btn-danger-soft:hover{color:#ffe4e5;background:rgba(255,107,114,.15);border-color:rgba(255,107,114,.45)}.btn-icon{width:42px;min-width:42px;padding:0}.filter-actions .btn{white-space:nowrap}.pagination .page-link{display:flex;align-items:center;gap:.35rem;color:#afc4d1;background:#0b1c2b;border-color:#294359}.pagination .page-item.active .page-link{color:#071a18;background:var(--teal);border-color:var(--teal)}.pagination .page-link:hover{color:#fff;background:#173149}.pagination-wrap{padding:0 22px 22px;display:flex;justify-content:flex-end}

.smart-select{position:relative;width:100%}.smart-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.smart-select-trigger{width:100%;min-height:44px;padding:8px 12px;display:grid;grid-template-columns:31px minmax(0,1fr) 20px;align-items:center;gap:9px;text-align:left;color:var(--text);background:linear-gradient(180deg,#0d2131,#0a1b29);border:1px solid #294359;border-radius:12px;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-select-lg+.smart-select-trigger,.smart-select:has(.form-select-lg) .smart-select-trigger{min-height:51px;padding:10px 13px}.smart-select-trigger>i:first-child{width:31px;height:31px;display:grid;place-items:center;color:var(--teal);background:rgba(53,198,173,.1);border:1px solid rgba(53,198,173,.12);border-radius:9px}.smart-select-trigger>i:last-child{color:#6e899b;justify-self:end;transition:transform .18s ease}.smart-select-trigger-copy{min-width:0}.smart-select-trigger-copy strong,.smart-select-trigger-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select-trigger-copy strong{font-size:.83rem;font-weight:750}.smart-select-trigger-copy small{color:#7893a5;font-size:.67rem;margin-top:2px}.smart-select-trigger.is-placeholder .smart-select-trigger-copy strong{color:#718b9d;font-weight:600}.smart-select-trigger:hover{border-color:#42647c;background:#10263a}.smart-select-trigger:focus-visible,.smart-select.is-open .smart-select-trigger{outline:0;border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(53,198,173,.1)}.smart-select.is-open .smart-select-trigger>i:last-child{transform:rotate(180deg)}.smart-select.is-invalid .smart-select-trigger{border-color:var(--danger);box-shadow:0 0 0 .2rem rgba(255,107,114,.1)}.smart-select-trigger:disabled{opacity:.55;cursor:not-allowed}
.smart-select-popover{position:fixed;z-index:2200;padding:10px;background:linear-gradient(180deg,#102638,#081824);border:1px solid rgba(129,172,196,.25);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025);animation:smartSelectIn .14s ease-out}.smart-select-popover[hidden]{display:none!important}@keyframes smartSelectIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}.smart-select-search{position:relative;margin-bottom:8px}.smart-select-search>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7592a5;z-index:1}.smart-select-search .form-control{padding-left:39px;padding-right:12px;min-height:43px;background:#081725;border-color:#29465c}.smart-select-options{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#315269 transparent}.smart-select-option{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px 10px;color:#dceaf1;background:transparent;border:0;border-radius:11px;text-align:left;transition:background .14s ease,color .14s ease}.smart-select-option:hover,.smart-select-option.is-highlighted{color:#fff;background:rgba(53,198,173,.1)}.smart-select-option[aria-selected="true"]{background:linear-gradient(90deg,rgba(53,198,173,.16),rgba(53,198,173,.04))}.smart-select-option:disabled{opacity:.45}.smart-select-option-icon{width:36px;height:36px;display:grid;place-items:center;color:#79dccd;background:#153447;border-radius:11px}.smart-select-option-copy{min-width:0}.smart-select-option-copy strong,.smart-select-option-copy small{display:block}.smart-select-option-copy strong{font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select-option-copy small{color:#7894a6;font-size:.66rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-select-option-check{color:#4a687b;justify-self:end}.smart-select-option[aria-selected="true"] .smart-select-option-check{color:var(--teal)}.smart-select-empty{min-height:150px;display:flex;align-items:center;justify-content:center;gap:13px;padding:20px;text-align:left;color:#7893a6}.smart-select-empty>i{font-size:1.6rem;color:#547489}.smart-select-empty strong,.smart-select-empty small{display:block}.smart-select-empty strong{color:#c9d9e2;font-size:.82rem}.smart-select-empty small{font-size:.68rem;margin-top:4px}.smart-select-footer{min-height:30px;padding:8px 7px 0;display:flex;align-items:center;gap:5px;color:#698699;font-size:.62rem;border-top:1px solid rgba(190,219,235,.08)}.smart-select-footer span{margin-right:auto}.smart-select-footer kbd{padding:2px 5px;color:#7895a8;background:#142c3e;border:1px solid #29475c;border-radius:5px;font-family:inherit;font-size:.56rem;box-shadow:none}

.face-registration-panel{overflow:visible}.face-form-section{padding:22px 24px 4px}.capture-mode-wrap{padding:18px 24px 0}.capture-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px;background:#081927;border:1px solid var(--line);border-radius:15px}.capture-mode-button{min-height:70px;padding:12px 14px;display:flex;align-items:center;gap:12px;color:#8da6b6;background:transparent;border:1px solid transparent;border-radius:11px;text-align:left;transition:.18s}.capture-mode-button>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#132d41;color:#7e9bad;font-size:1.1rem}.capture-mode-button span,.capture-mode-button strong,.capture-mode-button small{display:block}.capture-mode-button strong{font-size:.8rem;color:#b7cbd6}.capture-mode-button small{font-size:.64rem;color:#6f8b9d;margin-top:3px}.capture-mode-button:hover{background:rgba(255,255,255,.025)}.capture-mode-button.active{background:linear-gradient(135deg,rgba(53,198,173,.17),rgba(53,198,173,.05));border-color:rgba(53,198,173,.25);box-shadow:inset 0 1px rgba(255,255,255,.03)}.capture-mode-button.active>i{color:#09201e;background:linear-gradient(145deg,var(--teal),#83e5d6);box-shadow:0 9px 24px rgba(53,198,173,.18)}.capture-mode-button.active strong{color:#eafffb}.capture-mode-button.active small{color:#93bcb5}.capture-panel{padding:18px 24px 4px}.capture-panel[hidden]{display:none!important}.camera-stage{position:relative;min-height:460px;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle at center,rgba(53,198,173,.07),transparent 34%),linear-gradient(145deg,#0b2131,#06131e);border:1px solid #29465b;border-radius:18px;box-shadow:inset 0 0 80px rgba(0,0,0,.22)}.camera-stage video,.camera-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-stage video{transform:scaleX(-1)}.camera-stage>img{z-index:2}.camera-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;text-align:center}.camera-empty[hidden]{display:none!important}.camera-empty-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:6px;color:#78d9ca;background:rgba(53,198,173,.1);border:1px solid rgba(53,198,173,.16);border-radius:24px;font-size:1.8rem;box-shadow:0 18px 50px rgba(0,0,0,.2)}.camera-empty strong{font-size:.93rem}.camera-empty span{max-width:390px;color:#7894a7;font-size:.73rem;line-height:1.5}.camera-guide{position:absolute;z-index:3;inset:0;pointer-events:none;display:grid;place-items:center}.camera-guide-oval{width:min(42%,270px);aspect-ratio:.76/1;border:2px solid rgba(130,235,216,.78);border-radius:50% 50% 46% 46%;box-shadow:0 0 0 999px rgba(3,12,20,.2),0 0 34px rgba(53,198,173,.19),inset 0 0 22px rgba(53,198,173,.08)}.camera-guide>span{position:absolute;bottom:58px;padding:7px 10px;color:#d8f6f0;background:rgba(5,16,24,.68);border:1px solid rgba(139,229,214,.18);border-radius:999px;font-size:.65rem;backdrop-filter:blur(8px)}.camera-status{position:absolute;z-index:4;left:13px;top:13px;max-width:calc(100% - 26px);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:.67rem;font-weight:700;backdrop-filter:blur(12px);border:1px solid}.camera-status.pending{color:#ffd993;background:rgba(50,38,18,.72);border-color:rgba(244,184,91,.25)}.camera-status.success{color:#a8f2e5;background:rgba(12,57,50,.72);border-color:rgba(53,198,173,.28)}.camera-status.danger{color:#ffc4c7;background:rgba(61,24,32,.75);border-color:rgba(255,107,114,.3)}.camera-controls{padding:14px 0 3px;display:flex;align-items:end;gap:12px}.camera-device-field{min-width:240px;flex:1}.camera-device-field label{display:block;margin-bottom:5px;color:#7995a8;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.camera-actions{display:flex;gap:8px;flex-wrap:wrap}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.quality-item{min-height:84px;padding:12px;display:grid;grid-template-columns:25px 1fr;gap:9px;border:1px solid var(--line);border-radius:13px;background:#0a1c2a}.quality-item>i{margin-top:2px}.quality-item span,.quality-item strong,.quality-item small{display:block}.quality-item span{color:#7893a6;font-size:.63rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800}.quality-item strong{font-size:.75rem;margin-top:4px}.quality-item small{color:#658092;font-size:.61rem;margin-top:3px;line-height:1.35}.quality-item.idle>i{color:#4d6a7c}.quality-item.good{border-color:rgba(53,198,173,.22);background:rgba(53,198,173,.045)}.quality-item.good>i,.quality-item.good strong{color:#76dfcf}.quality-item.warn{border-color:rgba(244,184,91,.22);background:rgba(244,184,91,.045)}.quality-item.warn>i,.quality-item.warn strong{color:#ffd081}.face-form-error{margin:16px 24px 0;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:#ffc7ca;background:rgba(255,107,114,.09);border:1px solid rgba(255,107,114,.22);border-radius:12px;font-size:.75rem}.face-form-error[hidden]{display:none!important}.premium-upload{min-height:390px}.premium-upload .upload-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 13px;border-radius:20px;background:rgba(53,198,173,.1);border:1px solid rgba(53,198,173,.15);color:var(--teal);font-size:1.6rem}.premium-upload small{display:block;margin-top:8px;color:#627e90;font-size:.68rem}.premium-form-actions{margin-top:20px;padding:18px 24px;border-top:1px solid var(--line);background:rgba(255,255,255,.012)}.face-guide-sticky{top:124px}.privacy-note{display:flex;gap:12px;margin:0 20px 20px;padding:14px;border:1px solid rgba(214,173,97,.17);border-radius:13px;background:rgba(214,173,97,.055)}.privacy-note>i{font-size:1.25rem;color:var(--gold)}.privacy-note strong,.privacy-note span{display:block}.privacy-note strong{font-size:.75rem;color:#f0dfbc}.privacy-note span{font-size:.65rem;color:#8fa4b2;line-height:1.5;margin-top:4px}

@media(max-width:991.98px){.camera-stage{min-height:390px}.quality-grid{grid-template-columns:1fr}.face-guide-sticky{top:auto}.capture-mode-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.capture-mode-tabs{grid-template-columns:1fr}.face-form-section,.capture-mode-wrap,.capture-panel{padding-left:15px;padding-right:15px}.premium-form-actions{padding:15px;flex-direction:column-reverse}.premium-form-actions .btn{width:100%}.camera-stage{min-height:350px;aspect-ratio:4/5}.camera-guide-oval{width:min(58%,240px)}.camera-controls{align-items:stretch;flex-direction:column}.camera-device-field{min-width:0;width:100%}.camera-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.camera-actions .btn:first-child{grid-column:1/-1}.smart-select-popover{max-width:calc(100vw - 20px)}.smart-select-footer kbd{display:none}.pagination .page-link span{display:none}}

/* v2.2.0 — transparent on-duty employee tracker */
.tracker-disclosure{display:flex;align-items:center;gap:14px;padding:17px 19px;color:#d7e8ef;background:linear-gradient(135deg,rgba(53,198,173,.10),rgba(214,173,97,.055));border:1px solid rgba(93,205,186,.18);border-radius:17px;box-shadow:0 16px 45px rgba(0,0,0,.12)}.tracker-disclosure>i{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:#82e6d6;background:rgba(53,198,173,.12);border:1px solid rgba(53,198,173,.2);border-radius:14px;font-size:1.25rem}.tracker-disclosure>div{min-width:0;flex:1}.tracker-disclosure strong,.tracker-disclosure span{display:block}.tracker-disclosure strong{font-size:.86rem}.tracker-disclosure>div span{margin-top:4px;color:#8fa8ba;font-size:.72rem;line-height:1.5}.tracker-disclosure>.security-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tracker-metric-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.tracker-metric-grid .metric-card{min-height:132px}.tracker-toolbar-panel{overflow:visible}.tracker-actions{flex-wrap:wrap}.tracker-actions .btn.is-loading i{animation:tracker-spin .8s linear infinite}@keyframes tracker-spin{to{transform:rotate(360deg)}}
.tracker-map-panel{overflow:hidden}.tracker-map{height:520px;background:radial-gradient(circle at center,rgba(53,198,173,.08),transparent 32%),#07131e}.tracker-map-note{display:flex;align-items:center;gap:8px;padding:10px 15px;color:#718c9e;background:#081826;border-top:1px solid var(--line);font-size:.65rem}.leaflet-container{font-family:Inter,"Segoe UI",sans-serif;z-index:1}.leaflet-control-zoom a{color:#dceaf1!important;background:#102638!important;border-color:#2c485c!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#dceaf1;background:#102638}.leaflet-popup-content{margin:14px 15px}.tracker-popup strong,.tracker-popup small{display:block}.tracker-popup strong{font-size:.84rem}.tracker-popup small{margin:3px 0 8px;color:#8fa8ba}.tracker-popup dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:9px 0 0;font-size:.68rem}.tracker-popup dt{color:#7692a4}.tracker-popup dd{margin:0;text-align:right}.tracker-map-marker-wrap{background:transparent;border:0}.tracker-map-marker{width:38px;height:38px;display:grid;place-items:center;border:3px solid #e6f8f4;border-radius:50% 50% 50% 12px;transform:rotate(-45deg);box-shadow:0 10px 22px rgba(0,0,0,.34)}.tracker-map-marker i{transform:rotate(45deg);color:#06141d}.tracker-map-marker.active{background:#35c6ad}.tracker-map-marker.pending{background:#f4b85b}.tracker-map-marker.danger{background:#ff6b72}.tracker-map-marker.inactive{background:#8fa8ba}
.tracker-unactivated-list{max-height:570px;overflow:auto;padding:10px 18px 18px}.tracker-unactivated-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--line)}.tracker-unactivated-item:last-child{border-bottom:0}.tracker-unactivated-item strong,.tracker-unactivated-item small{display:block}.tracker-unactivated-item strong{font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-unactivated-item small{margin-top:3px;color:#718c9e;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker-avatar{width:42px;height:42px;border-radius:13px;font-size:1rem}.empty-state.compact{min-height:240px;padding:28px}.tracker-last-refresh{color:#7390a3;font-size:.68rem}.tracker-last-refresh i{color:var(--teal);margin-right:5px}.tracker-consent-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;color:#9fb4c1;background:rgba(53,198,173,.06);border:1px solid rgba(53,198,173,.14);border-radius:12px;font-size:.69rem;line-height:1.45}.tracker-consent-note i{color:var(--teal);font-size:1rem}.tracker-policy-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tracker-policy-switches label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:13px;background:#0a1d2b;border:1px solid var(--line);border-radius:13px;cursor:pointer}.tracker-policy-switches strong,.tracker-policy-switches small{display:block}.tracker-policy-switches strong{font-size:.72rem}.tracker-policy-switches small{margin-top:4px;color:#718b9c;font-size:.63rem;line-height:1.4}.premium-modal{color:#dceaf1;background:linear-gradient(180deg,#102638,#081824);border:1px solid #29465c;border-radius:19px;box-shadow:0 34px 110px rgba(0,0,0,.55)}.premium-modal .modal-header,.premium-modal .modal-footer{border-color:var(--line)}.premium-modal .modal-header h5{font-size:1rem;font-weight:800}.premium-modal .modal-header h5 i{color:var(--teal);margin-right:7px}.premium-modal .modal-header small{display:block;margin-top:4px;color:#7893a6;font-size:.68rem}.premium-modal .btn-close{filter:invert(1);opacity:.65}.tracker-history-map{height:360px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#07131e}.activation-result .modal-body>span{display:block;color:#8fa8ba;font-size:.73rem}.activation-code-value{margin:20px auto 14px;padding:16px;max-width:340px;color:#09201e;background:linear-gradient(135deg,#f0c875,#d6ad61);border-radius:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;font-weight:900;letter-spacing:.13em;box-shadow:0 18px 48px rgba(214,173,97,.2)}
@media(max-width:1399.98px){.tracker-metric-grid{grid-template-columns:repeat(3,1fr)}.tracker-metric-grid .metric-card:nth-child(n+4){grid-column:span 1}}
@media(max-width:991.98px){.tracker-metric-grid{grid-template-columns:repeat(2,1fr)}.tracker-map{height:440px}.tracker-policy-switches{grid-template-columns:1fr}.tracker-disclosure{align-items:flex-start;flex-wrap:wrap}.tracker-disclosure>.security-chip{margin-left:58px}.tracker-actions{width:100%}}
@media(max-width:575.98px){.tracker-metric-grid{grid-template-columns:1fr}.tracker-map{height:380px}.tracker-actions{display:grid;grid-template-columns:1fr 1fr}.tracker-actions .btn{width:100%}.tracker-disclosure>.security-chip{margin-left:0}.activation-code-value{font-size:1.35rem;letter-spacing:.09em}}

/* v2.3.0 — unified premium controls, pagination, face cards, map and kiosk status */
.premium-section{border-color:rgba(82,136,166,.26);box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.premium-filter{margin:0 18px 18px;padding:16px;border:1px solid rgba(105,151,178,.14);border-radius:16px;background:linear-gradient(180deg,rgba(16,39,56,.72),rgba(8,24,36,.72))}
.compact-field{min-width:108px;max-width:145px}.panel-inline-filter{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:0 18px 12px;color:#7992a4;font-size:.68rem}.panel-inline-filter .form-select{width:92px}
.btn{min-height:40px;border-radius:12px;font-weight:800;letter-spacing:.005em;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn i{font-size:.98em}.btn-elevated{box-shadow:0 13px 28px rgba(53,198,173,.14)}.btn-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;color:#dceaf1;background:#0c2232;border:1px solid #29465a;border-radius:12px}.btn-back:hover{color:#fff;background:#123047;border-color:#47718d}.action-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-text-button{display:inline-flex;align-items:center;gap:7px}
.pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-top:1px solid var(--line);background:rgba(4,17,27,.36)}.pagination-wrap.compact{padding:12px 14px}.pagination-summary{color:#7893a6;font-size:.68rem;font-weight:700}.pagination-summary.single{display:block;padding:12px 18px;text-align:right}.pagination{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pagination .page-link,.dynamic-pagination .page-link{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:#9cb3c1;background:#0c2130;border:1px solid #274358;border-radius:10px;font-size:.7rem;font-weight:800}.pagination .page-item.active .page-link,.dynamic-pagination .page-link.active{color:#071719;background:linear-gradient(135deg,#69dfcb,#35c6ad);border-color:#78ead8;box-shadow:0 8px 20px rgba(53,198,173,.2)}.pagination .page-item.disabled .page-link,.dynamic-pagination .page-link:disabled{opacity:.38;pointer-events:none}.dynamic-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-top:1px solid var(--line)}.dynamic-page-buttons{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pagination-ellipsis{padding:0 3px;color:#5f7c90}
.people-grid-premium{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.person-card-photo{grid-template-columns:82px minmax(0,1fr);align-items:start;padding:16px;gap:14px;position:relative;overflow:hidden}.person-card-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(53,198,173,.035),transparent 45%);pointer-events:none}.person-photo-wrap{position:relative;z-index:1}.person-photo,.person-avatar.large{width:82px;height:96px;border-radius:17px;object-fit:cover;border:1px solid rgba(109,160,187,.25);box-shadow:0 14px 30px rgba(0,0,0,.24)}.person-avatar.large{display:grid;place-items:center;font-size:1.65rem}.face-count-chip{position:absolute;right:-7px;bottom:-7px;min-width:31px;height:31px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:3px;border:3px solid #0a1c29;border-radius:999px;font-size:.65rem;font-weight:900}.face-count-chip.ready{color:#061d1a;background:#58d4bf}.face-count-chip.missing{color:#3c1518;background:#ff9aa0}.person-card-photo .person-main{padding-top:3px}.person-card-photo .person-face-status{grid-column:1/3;width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:11px}.person-card-photo .person-face-status span{font-size:.65rem}.person-card-photo .person-actions{grid-column:1/3;justify-content:flex-end;padding-top:2px}
.compact-metrics{grid-template-columns:repeat(3,minmax(180px,1fr))}.metric-icon.success{color:#83e7d6;background:rgba(53,198,173,.1)}.metric-icon.danger{color:#ffadb1;background:rgba(255,107,114,.1)}.device-grid-premium{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.device-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.device-card:hover{transform:translateY(-2px);border-color:rgba(97,163,194,.35);box-shadow:0 18px 44px rgba(0,0,0,.22)}.device-card.online{border-color:rgba(53,198,173,.25)}.device-card.offline{border-color:rgba(255,107,114,.18)}.online-dot.on{background:#35c6ad;box-shadow:0 0 0 5px rgba(53,198,173,.12),0 0 18px rgba(53,198,173,.45)}.online-dot.off{background:#ff6b72;box-shadow:0 0 0 5px rgba(255,107,114,.1)}.device-source{display:block;margin-top:10px;color:#678397;font-size:.62rem}
.tracker-map{height:560px;border-radius:0 0 2px 2px}.tracker-map-cluster{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #e6f8f4;border-radius:18px;background:#35c6ad;box-shadow:0 12px 28px rgba(0,0,0,.38)}.tracker-map-cluster.pending{background:#f4b85b}.tracker-map-cluster.danger{background:#ff6b72}.tracker-map-cluster.inactive{background:#8fa8ba}.tracker-map-cluster strong{color:#06141d;font-size:.92rem;line-height:1}.tracker-map-cluster small{color:#06141d;font-size:.52rem;font-weight:900}.tracker-popup-group{min-width:260px}.tracker-popup-group header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(160,195,213,.13)}.tracker-popup-group ul{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto}.tracker-popup-group li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(160,195,213,.1)}.tracker-popup-group li:last-child{border-bottom:0}.tracker-popup-group li strong,.tracker-popup-group li small{display:block}.tracker-popup-group li small{color:#829bab;font-size:.61rem;margin-top:2px}.tracker-popup-more{margin:8px 0 0;color:#7893a6;font-size:.62rem}.tracker-history-map{height:420px}.tracker-unactivated-list{max-height:none}.tracker-unactivated-item{border-radius:11px;padding:11px 8px}.tracker-unactivated-item:hover{background:rgba(53,198,173,.035)}
.table-premium tbody tr{transition:background .14s ease}.table-premium tbody tr:hover{background:rgba(79,139,169,.045)}.table-premium .btn-sm{min-height:34px;border-radius:10px}.location-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.location-card:hover{transform:translateY(-2px);border-color:rgba(82,156,188,.34);box-shadow:0 20px 46px rgba(0,0,0,.2)}
@media(max-width:991.98px){.pagination-wrap,.dynamic-pagination{align-items:flex-start;flex-direction:column}.compact-metrics{grid-template-columns:1fr}.tracker-map{height:470px}.people-grid-premium,.device-grid-premium{grid-template-columns:1fr}}
@media(max-width:575.98px){.premium-filter{margin-left:10px;margin-right:10px;padding:12px}.compact-field{max-width:none}.pagination .page-link span{display:none}.dynamic-page-buttons{width:100%}.person-card-photo{grid-template-columns:70px minmax(0,1fr)}.person-photo,.person-avatar.large{width:70px;height:84px}.tracker-map{height:400px}}
.table-person{display:flex;align-items:center;gap:10px;min-width:190px}.table-person>img,.table-person>span,.tracker-avatar-photo{width:42px;height:42px;flex:0 0 42px;border-radius:13px;object-fit:cover;border:1px solid rgba(102,157,186,.24);box-shadow:0 8px 20px rgba(0,0,0,.2)}.table-person>span{display:grid;place-items:center;color:#72ddca;background:#102b3c;font-weight:900}.table-person strong,.table-person small{display:block}.table-person small{margin-top:3px;color:#718c9e;font-size:.64rem}.tracker-avatar-photo{width:42px;height:42px}