:root{--bg:#eef3fb;--card:#fff;--text:#172033;--muted:#667085;--blue:#1463ff;--green:#12b76a;--red:#f04438;--orange:#f79009}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.plain-link{color:#4b5b76;font-size:14px}.home-shell{min-height:100vh;padding:72px 8vw}.hero-card{background:linear-gradient(135deg,#fff,#edf5ff);border-radius:32px;max-width:980px;margin:auto;padding:56px;box-shadow:0 24px 80px #1b3a6b22}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hero-card h1{margin:12px 0;font-size:48px}.hero-card p{color:var(--muted);font-size:18px;line-height:1.8}.home-actions{gap:16px;margin-top:32px;display:flex}.primary-link,.secondary-link{border-radius:14px;padding:14px 22px;font-weight:700}.primary-link{background:var(--blue);color:#fff}.secondary-link{background:#e8eef8}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:980px;margin:24px auto 0;display:grid}.feature-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 16px 50px #1b3a6b12}.feature-card span{color:var(--blue);font-weight:800}.feature-card p{color:#4b5b76;line-height:1.7}.mobile-stage{grid-template-columns:420px 1fr;justify-content:center;align-items:center;gap:42px;min-height:100vh;padding:36px;display:grid}.mobile-backbar{gap:22px;display:flex;position:fixed;top:24px;left:32px}.phone-frame{background:#f8fafc;border:12px solid #111827;border-radius:44px;width:390px;height:820px;margin:auto;position:relative;overflow:hidden;box-shadow:0 30px 90px #0004}.phone-top{color:#fff;background:#111827;justify-content:space-between;align-items:center;height:34px;padding:0 20px;font-size:12px;display:flex}.phone-sensors{background:#000;border-radius:999px;width:74px;height:18px}.mini-header{background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.mini-header strong{font-size:18px}.mini-header p{color:var(--muted);margin:3px 0 0;font-size:12px}.mini-dot{font-size:24px}.mini-content{height:620px;padding:16px;overflow:auto}.user-card,.site-card,.check-card,.demo-switcher,.result-card,.mobile-record{background:#fff;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 10px 30px #1018280d}.user-card{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#1463ff,#36bffa);border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:grid}.avatar.small{width:38px;height:38px;font-size:16px}.user-card h2,.site-card h3,.check-card h3{margin:0 0 6px}.user-card p,.site-card p,.check-card p,.mobile-record p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.section-title{color:#344054;margin-bottom:8px;font-weight:800}.site-meta{gap:8px;margin-top:12px;display:flex}.site-meta span,.note-list span{color:#175cd3;background:#eef4ff;border-radius:999px;padding:6px 9px;font-size:12px}.check-card{text-align:center}.camera-circle{background:#eef4ff;border-radius:50%;place-items:center;width:132px;height:132px;margin:8px auto 14px;display:grid}.scan-face{border:3px solid #1463ff;border-radius:38px 38px 32px 32px;width:82px;height:98px;position:relative}.scan-face span{background:#1463ff;height:3px;position:absolute;top:44px;left:16px;right:16px}.scanning span{animation:1.1s infinite scan}@keyframes scan{0%{top:18px}50%{top:70px}to{top:18px}}.check-button{background:var(--blue);color:#fff;border:0;border-radius:16px;width:100%;padding:14px;font-weight:800}.check-button:disabled{opacity:.65}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented button,.filter-row button{background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:9px}.segmented .active,.filter-row .active{color:#fff;background:#1463ff;border-color:#1463ff}.result-card{border-left:5px solid var(--green);justify-content:space-between;align-items:center;display:flex}.result-failed{border-left-color:var(--red)}.result-review{border-left-color:var(--orange)}.mini-tabbar{background:#fff;border-top:1px solid #eef2f7;grid-template-columns:1fr 1fr;height:72px;display:grid;position:absolute;bottom:0;left:0;right:0}.mini-tabbar button{color:#667085;background:#fff;border:0;font-weight:700}.mini-tabbar .active{color:#1463ff}.record-list-mobile{padding-bottom:30px}.mobile-record{justify-content:space-between;gap:14px;display:flex}.mobile-notes{max-width:560px}.mobile-notes h2{margin:0 0 14px;font-size:38px}.mobile-notes p{color:#4b5b76;line-height:1.9}.note-list{flex-wrap:wrap;gap:10px;display:flex}.small-tip{background:#fff;border-radius:16px;padding:14px}.status-success,.status-failed,.status-review{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-success{color:#067647;background:#dcfae6}.status-failed{color:#b42318;background:#fee4e2}.status-review{color:#b54708;background:#fef0c7}.admin-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#101828;flex-direction:column;padding:28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand span{background:#1463ff;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand p{color:#98a2b3;margin:4px 0 0;font-size:12px}.admin-sidebar nav{gap:8px;margin-top:38px;display:grid}.admin-sidebar a{color:#cbd5e1;border-radius:12px;padding:12px 14px}.admin-sidebar .active{color:#fff;background:#1d2939}.sidebar-link{color:#fff;text-align:center;background:#1463ff;border-radius:14px;margin-top:auto;padding:13px}.admin-main{padding:32px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-header p{color:#1463ff;margin:0;font-weight:800}.admin-header h1{margin:6px 0 0;font-size:32px}.admin-actions{gap:10px;display:flex}.admin-actions button,.drawer-actions button{background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:10px 14px}.primary-small{color:#fff!important;background:#1463ff!important;border-color:#1463ff!important}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-grid article,.admin-panel{background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 42px #10182812}.stat-grid span{color:#667085}.stat-grid strong{margin-top:8px;font-size:34px;display:block}.stat-grid p,.panel-title p{color:#667085;margin:6px 0 0}.panel-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-title h2,.admin-panel h2{margin:0}.panel-title input{border:1px solid #d0d5dd;border-radius:12px;width:280px;padding:11px}.filter-row{gap:10px;margin:16px 0;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #eef2f7;padding:13px;font-size:14px}th{color:#667085}.text-button{color:#1463ff;background:0 0;border:0;font-weight:800}.config-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.config-item{border-top:1px solid #eef2f7;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.config-item p{color:#667085;margin:3px 0 0;font-size:13px}.config-item span{color:#067647;background:#dcfae6;border-radius:999px;padding:5px 9px;font-size:12px}.site-pin{color:#1463ff;background:#eef4ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.drawer{background:#0007;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-card{background:#fff;width:420px;height:100%;padding:28px;position:relative;overflow:auto}.close{background:#eef2f7;border:0;border-radius:50%;width:36px;height:36px;position:absolute;top:18px;right:20px}.compare-box{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fake-photo{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#93c5fd);border-radius:18px;place-items:center;height:150px;font-weight:900;display:grid}.fake-photo.live{color:#14532d;background:linear-gradient(135deg,#dcfae6,#86efac)}.compare-box p{text-align:center;color:#667085;font-size:12px}dl{grid-template-columns:86px 1fr;gap:12px;margin-top:20px;display:grid}dt{color:#667085}dd{margin:0}.drawer-actions{gap:10px;margin-top:24px;display:flex}@media (max-width:900px){.feature-grid,.stat-grid,.config-grid{grid-template-columns:1fr}.mobile-stage{grid-template-columns:1fr;padding:24px}.mobile-notes{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-header,.panel-title{display:block}.panel-title input{width:100%;margin-top:12px}.phone-frame{width:360px;height:780px}}
.customer-hero{flex-direction:column;justify-content:center;min-height:360px;display:flex}.entry-grid{grid-template-columns:repeat(2,1fr);gap:18px;max-width:980px;margin:24px auto 0;display:grid}.entry-card{background:#fff;border-radius:22px;padding:26px;transition:all .2s;box-shadow:0 16px 50px #1b3a6b12}.entry-card:hover{transform:translateY(-3px)}.entry-card span{color:#1463ff;margin-bottom:12px;font-weight:800;display:inline-flex}.entry-card strong{margin-bottom:10px;font-size:22px;display:block}.entry-card p{color:#4b5b76;margin:0;line-height:1.7}.focused-mobile{background:radial-gradient(circle,#dbeafe 0,#eef3fb 44%,#e8edf6 100%);grid-template-columns:420px!important}.dingtalk-phone{background:#f4f7fb}.attendance-header{color:#fff;background:linear-gradient(#1570ef,#2e90fa);border-bottom:0}.attendance-header p{color:#dbeafe}.clean-header{height:78px}.mini-user-row{align-items:center;gap:12px;display:flex}.mini-avatar{background:#ffffff38;border-radius:16px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff42}.attendance-content{padding:0 14px 16px}.map-card,.clock-card,.scenario-card{background:#fff;border-radius:20px;margin-bottom:14px;padding:16px;box-shadow:0 10px 30px #1018280d}.compact-map-card{padding-bottom:14px}.map-card{border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}.map-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.map-toolbar span{color:#667085;font-size:12px}.map-toolbar strong{margin-top:4px;font-size:15px;line-height:1.4;display:block}.map-toolbar button{color:#175cd3;background:#eef4ff;border:0;border-radius:12px;padding:8px 10px}.mini-map{background:linear-gradient(135deg,#e0f2fe,#eff6ff);border-radius:18px;height:128px;margin-top:14px;position:relative;overflow:hidden}.map-road{background:#ffffffd6;position:absolute;box-shadow:inset 0 0 0 1px #c7d7ee}.map-road.horizontal{height:22px;top:58px;left:-20px;right:-20px;transform:rotate(-8deg)}.map-road.vertical{width:20px;top:-20px;bottom:-20px;left:164px;transform:rotate(14deg)}.map-block{color:#175cd3;background:#1463ff21;border-radius:12px;padding:10px;font-size:12px;font-weight:800;position:absolute}.block-a{top:24px;left:28px}.block-b{bottom:24px;right:26px}.map-pin{filter:drop-shadow(0 8px 14px #0003);font-size:34px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.refined-clock-card{text-align:center;padding-top:14px}.clock-date{color:#667085;font-weight:700}.clock-time{letter-spacing:1px;margin-top:4px;font-size:36px;font-weight:900}.clock-location{color:#667085;margin:8px 0 14px;line-height:1.5}.punch-button{color:#fff;background:linear-gradient(160deg,#1677ff,#0b4fd7);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:156px;height:156px;display:inline-flex;box-shadow:0 14px 32px #1463ff52}.punch-button span{font-size:30px;font-weight:900}.punch-button em{color:#dbeafe;font-size:13px;font-style:normal}.punch-button.loading{animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}.capture-flow{background:#f8fafc;border:1px solid #edf2f7;border-radius:18px;margin-top:16px;padding:12px}.selfie-preview{background:radial-gradient(circle at 50% 36%,#1f2937 0,#111827 42%,#030712 100%);border-radius:16px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.camera-bar{z-index:3;justify-content:space-between;display:flex;position:absolute;top:10px;left:12px;right:12px}.camera-bar span{background:#f8fafc99;border-radius:50%;width:7px;height:7px}.face-frame{border:2px solid #38bdf8;border-radius:54px 54px 46px 46px;width:106px;height:126px;position:absolute;box-shadow:0 0 0 999px #0206172e}.capturing .face-frame{animation:.8s infinite facePulse}.capturing:after{content:"自拍采集中";color:#175cd3;background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;position:absolute;bottom:12px}.flash-layer{background:#fff;animation:.5s forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes facePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.face-photo{background:linear-gradient(#f5c7a9 0,#e7a886 54%,#fff 55%,#dbeafe 100%);border-radius:38px 38px 30px 30px;width:74px;height:92px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0002}.face-photo i{background:#263238;border-radius:22px 22px 8px 8px;height:26px;position:absolute;top:12px;left:15px;right:15px}.face-photo b{border-bottom:3px solid #8b4b32;border-radius:0 0 12px 12px;height:8px;position:absolute;top:44px;left:18px;right:18px}.live-face{transform:scale(1.05)}.base-face{background:linear-gradient(#f1c5a7 0,#df9d7a 54%,#fff 55%,#d1e9ff 100%)}.compare-mini{grid-template-columns:1fr 84px 1fr;align-items:center;gap:10px;margin-top:12px;display:grid}.compare-mini>div{place-items:center;gap:5px;display:grid}.compare-mini span{color:#667085;font-size:12px}.match-line{color:#1463ff;font-size:12px;font-weight:900;position:relative}.match-line em{background:#1463ff;width:62px;height:2px;margin-bottom:4px;display:block}.match-line em:before,.match-line em:after{content:"";background:#1463ff;border-radius:50%;width:8px;height:8px;position:absolute;top:18px}.match-line em:before{left:6px}.match-line em:after{right:6px}.small-live{transform:scale(.92)}.attendance-result{text-align:left;background:#f9fafb;border-left:5px solid #12b76a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.attendance-result p{color:#667085;margin:3px 0 0;font-size:12px}.attendance-result span{color:#067647;font-weight:900}.attendance-records{padding-top:16px}.mobile-record{align-items:center}.mobile-record>span{white-space:nowrap;justify-content:center;align-self:center;align-items:center;min-width:72px;height:28px;display:inline-flex}.admin-sidebar nav button{text-align:left;color:#cbd5e1;background:0 0;border:0;border-radius:12px;padding:12px 14px}.admin-sidebar nav button.active{color:#fff;background:#1d2939}.admin-main{overflow:hidden}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.employee-card{border:1px solid #eef2f7;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.employee-card h3{margin:0 0 6px}.employee-card p{color:#667085;margin:4px 0;font-size:13px}.employee-card button{background:#fff;border:1px solid #d0d5dd;border-radius:12px;grid-column:1/-1;justify-self:start;padding:10px 14px}.employee-avatar{width:58px;height:58px}.site-layout{grid-template-columns:420px 1fr;gap:18px;display:grid}.site-config-list{gap:12px;margin-top:18px;display:grid}.site-row{text-align:left;background:#fff;border:1px solid #e5eaf2;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.site-row.active{border-color:#1463ff;box-shadow:0 0 0 3px #1463ff14}.site-row p{color:#667085;margin:4px 0 0;font-size:13px;line-height:1.5}.site-row span{color:#067647;background:#dcfae6;border-radius:999px;padding:5px 9px;font-size:12px}.map-config-panel{min-height:600px}.map-config-panel .panel-title button{background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:10px 14px}.large-map{background:linear-gradient(135deg,#dbeafe,#f0f9ff);border:1px solid #d8e6fb;border-radius:22px;height:350px;margin:18px 0;position:relative;overflow:hidden}.map-grid-line{background:#ffffffdb;position:absolute;box-shadow:inset 0 0 0 1px #bdd1ec}.line-one{width:110%;height:28px;top:140px;left:-20px;transform:rotate(-9deg)}.line-two{width:28px;height:120%;top:-30px;left:54%;transform:rotate(16deg)}.map-zone{color:#175cd3;background:#1463ff21;border-radius:16px;padding:14px 18px;font-weight:900;position:absolute}.zone-a{top:58px;left:58px}.zone-b{top:86px;right:70px}.zone-c{bottom:68px;left:120px}.large-map-pin{filter:drop-shadow(0 10px 18px #0004);font-size:44px;transition:all .25s;position:absolute;transform:translate(-50%,-50%)}.dynamic-pin{animation:.35s dropPin}@keyframes dropPin{0%{opacity:.2;transform:translate(-50%,-80%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.coordinate-card{background:#fff;border-radius:16px;gap:4px;padding:12px 14px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 10px 28px #1018281a}.coordinate-card span{color:#667085;font-size:12px}.address-picker{gap:10px;display:grid}.address-picker button{text-align:left;background:#fff;border:1px solid #e5eaf2;border-radius:16px;gap:4px;padding:14px;display:grid}.address-picker button:hover{border-color:#1463ff}.address-picker span,.address-picker em{color:#667085;font-size:13px;font-style:normal}.export-panel{max-width:760px}.export-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.export-summary article{border:1px solid #eef2f7;border-radius:18px;padding:18px}.export-summary span{color:#667085}.export-summary strong{margin-top:8px;font-size:34px;display:block}.export-button{color:#fff;background:#1463ff;border:0;border-radius:16px;padding:15px 24px;font-weight:900}.modal-mask{z-index:50;background:#0f172a73;place-items:center;display:grid;position:fixed;inset:0}.form-modal,.photo-modal{background:#fff;border-radius:24px;width:420px;max-width:calc(100vw - 32px);padding:28px;position:relative;box-shadow:0 30px 90px #0004}.form-modal h2,.photo-modal h2{margin:0 0 18px}.form-modal label{color:#344054;gap:8px;margin-bottom:14px;font-weight:800;display:grid}.form-modal input{border:1px solid #d0d5dd;border-radius:14px;padding:12px}.full-button{width:100%;margin-top:8px}.photo-modal{text-align:center}.photo-modal p{color:#667085}.photo-compare .real-photo{height:158px}.real-photo{background:linear-gradient(#c7d2fe 0,#eff6ff 52%,#dbeafe 100%);border-radius:20px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 -28px 48px #1d4ed822}.live-real{background:linear-gradient(#bbf7d0 0,#f0fdf4 52%,#dcfce7 100%)}.base-real{background:linear-gradient(#dbeafe 0,#eff6ff 52%,#bfdbfe 100%)}.large-photo{height:260px;margin:8px auto 16px}.photo-face{background:linear-gradient(#2f2f36 0 24%,#f2c3a2 25% 64%,#f8fafc 65% 100%);border-radius:54px 54px 34px 34px;width:100px;height:136px;position:relative;box-shadow:0 16px 32px #0002}.photo-face:before{content:"";border-bottom:3px solid #8b4b32;border-radius:0 0 12px 12px;height:10px;position:absolute;top:68px;left:25px;right:25px}.photo-face i,.photo-face b{background:#111827;border-radius:50%;width:8px;height:8px;position:absolute;top:55px}.photo-face i{left:34px}.photo-face b{right:34px}@media (max-width:1000px){.entry-grid,.employee-grid,.site-layout,.export-summary{grid-template-columns:1fr}.focused-mobile{grid-template-columns:1fr!important}.admin-sidebar{display:none}.phone-frame{width:360px;height:780px}.clock-time{font-size:32px}.punch-button{width:144px;height:144px}.selfie-preview{height:136px}}
.refined-site-layout{grid-template-columns:440px minmax(0,1fr);align-items:start}.site-list-panel{min-height:620px}.compact-title{align-items:flex-start}.site-search-row{grid-template-columns:1fr 76px;gap:10px;margin:18px 0 12px;display:grid}.site-search-row input{background:#fff;border:1px solid #d0d5dd;border-radius:14px;padding:12px 14px}.site-search-row button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:14px;font-weight:800}.compact-site-list{gap:10px;margin-top:0}.site-row-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf2;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;transition:all .18s;display:grid}.site-row-card:hover{background:#fbfdff;border-color:#b9ccf8}.site-row-card.active{border-color:#1463ff;box-shadow:0 0 0 3px #1463ff12}.site-row-body{min-width:0}.site-row-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.35;display:block;overflow:hidden}.site-row-body p{color:#667085;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.site-name-input{border:1px solid #1463ff;border-radius:10px;width:100%;padding:8px 10px;font-weight:800}.site-row-actions button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:800}.site-row-card.active .site-row-actions button{color:#175cd3;background:#eef4ff;border-color:#b9ccf8}.site-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.site-pagination button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:8px 12px;font-weight:800}.site-pagination button:disabled{opacity:.45;cursor:not-allowed}.site-pagination span{color:#667085;font-size:13px}.simplified-map-panel{min-height:620px}.simplified-map-panel .panel-title p{white-space:nowrap;text-overflow:ellipsis;max-width:520px;overflow:hidden}.selectable-map{cursor:crosshair;height:500px;margin-bottom:0}.selectable-map:after{content:"";pointer-events:none;background:radial-gradient(circle at 52% 48%,#1463ff24,#0000 16%),linear-gradient(90deg,#1463ff0a 1px,#0000 1px) 0 0/36px 36px,linear-gradient(0deg,#1463ff0a 1px,#0000 1px) 0 0/36px 36px;position:absolute;inset:0}.map-click-tip{color:#175cd3;background:#fffffff0;border:1px solid #d8e6fb;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;position:absolute;bottom:18px;left:18px;box-shadow:0 10px 28px #10182814}.simplified-map-panel .coordinate-card{top:18px;bottom:auto;right:18px}.simplified-map-panel .map-zone{z-index:1}.simplified-map-panel .large-map-pin{z-index:3}.simplified-map-panel .coordinate-card,.simplified-map-panel .map-click-tip{z-index:4}@media (max-width:1100px){.refined-site-layout{grid-template-columns:1fr}.selectable-map{height:360px}}
:root{--premium-bg:#f5f7fb;--premium-card:#ffffffeb;--premium-border:#e6ebf3;--premium-text:#101828;--premium-muted:#667085;--premium-blue:#1d6bff;--premium-blue-2:#0f4fd6;--premium-cyan:#19b6ff;--premium-green:#17b26a;--premium-red:#f04438;--premium-shadow:0 18px 60px #1018281a;--premium-shadow-strong:0 28px 90px #1018282e}body{letter-spacing:-.01em;background:linear-gradient(#f7faff 0%,#eef3fb 48%,#f7f9fc 100%)}.plain-link{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #d8e2f2d9;border-radius:999px;padding:9px 13px;box-shadow:0 10px 30px #10182814}.home-shell{background:radial-gradient(circle at 20% 10%,#1d6bff2e,#0000 28%),radial-gradient(circle at 82% 16%,#19b6ff29,#0000 24%),linear-gradient(#f7fbff,#f2f6fc);padding-top:88px}.hero-card{box-shadow:var(--premium-shadow-strong);background:linear-gradient(135deg,#fffffff5,#eef6ffeb);border:1px solid #ffffffe0;position:relative;overflow:hidden}.hero-card:before{content:"";filter:blur(2px);background:linear-gradient(135deg,#1d6bff33,#19b6ff1a);border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-120px}.hero-card h1{color:#0b1220;font-size:54px;line-height:1.08}.entry-card{box-shadow:var(--premium-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #ffffffe6}.entry-card:hover{box-shadow:var(--premium-shadow-strong);border-color:#1d6bff40}.mobile-stage{background:radial-gradient(circle at 18% 12%,#1d6bff42,#0000 26%),radial-gradient(circle at 80% 20%,#17b26a29,#0000 22%),linear-gradient(145deg,#eaf2ff 0,#f7faff 48%,#eef4fb 100%)}.focused-mobile{min-height:100vh!important}.phone-frame{background:#f5f7fb;border:10px solid #111827;border-radius:48px;width:402px;height:844px;box-shadow:0 36px 100px #10182847,inset 0 0 0 1px #ffffff73}.phone-frame:before{content:"";pointer-events:none;border-radius:36px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff73}.phone-top{background:#101828;height:36px}.phone-sensors{background:#020617;width:84px;height:17px}.attendance-header{background:linear-gradient(135deg,#0f56dc 0%,#1677ff 52%,#19b6ff 100%);height:94px;padding:0 22px;position:relative;overflow:hidden}.attendance-header:after{content:"";background:#ffffff26;border-radius:50%;width:170px;height:170px;position:absolute;top:-76px;right:-46px}.mini-user-row{z-index:1;position:relative}.mini-avatar{background:#ffffff38;border-radius:18px;width:48px;height:48px;font-size:22px}.attendance-header strong{font-size:19px}.attendance-header p{color:#ffffffd1;font-size:13px}.attendance-content{height:640px;padding:0 16px 18px}.map-card,.clock-card{background:#fffffff0;border:1px solid #e6ebf3e6;box-shadow:0 12px 36px #10182814}.compact-map-card{border-radius:0 0 24px 24px;padding:18px}.map-toolbar strong{color:#101828;font-size:16px}.map-toolbar span,.clock-date{color:#667085}.map-toolbar button{color:#175cd3;background:#eef5ff;border:1px solid #d6e6ff;font-weight:800}.mini-map{background:linear-gradient(135deg,#e8f6ff 0%,#eef7ff 45%,#eaf1ff 100%);border-radius:22px;height:150px;box-shadow:inset 0 0 0 1px #1463ff14}.mini-map:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#1d6bff0d 1px,#0000 1px),linear-gradient(0deg,#1d6bff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.map-road{background:#fffffff5}.map-block{background:#1d6bff1a;border:1px solid #1d6bff1f}.map-pin{font-size:38px}.refined-clock-card{border-radius:26px;padding:20px 16px 18px}.clock-date{font-size:13px}.clock-time{color:#0b1220;font-size:42px;font-weight:950}.clock-location{color:#667085;font-size:13px}.punch-button{background:radial-gradient(circle at 38% 26%,#5bb5ff 0,#1d6bff 42%,#0646c8 100%);border:1px solid #ffffff59;width:164px;height:164px;box-shadow:0 18px 42px #1d6bff5c,inset 0 1px #ffffff59}.punch-button:active{transform:scale(.97)}.punch-button span{font-size:32px}.punch-button em{color:#ffffffd1}.capture-flow{background:linear-gradient(#fbfdff,#f6f9fd);border-color:#e8eef6}.selfie-preview{background:radial-gradient(circle at 50% 35%,#334155 0,#172033 44%,#020617 100%);border-radius:20px;height:164px}.face-frame{border-color:#22d3ee;box-shadow:0 0 0 999px #02061738,0 0 24px #22d3ee8c}.compare-mini{background:#fff;border:1px solid #e9eef6;border-radius:16px;padding:10px}.attendance-result{background:linear-gradient(135deg,#ecfdf3,#f8fffb);border:0;border-radius:18px;box-shadow:inset 0 0 0 1px #17b26a29}.attendance-result strong{color:#027a48}.attendance-records .section-title{margin:2px 0 14px;font-size:18px}.mobile-record{border:1px solid #e9eef6;box-shadow:0 10px 24px #1018280f}.admin-shell{background:linear-gradient(#f6f8fc,#eef3fb);grid-template-columns:284px 1fr}.admin-sidebar{background:linear-gradient(#0b1220 0%,#111827 58%,#172033 100%);padding:30px 24px;position:relative;overflow:hidden;box-shadow:16px 0 48px #1018281f}.admin-sidebar:before{content:"";background:#1d6bff38;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;left:-80px}.brand{z-index:1;position:relative}.brand span{background:linear-gradient(135deg,#1677ff,#19b6ff);border-radius:17px;width:48px;height:48px;box-shadow:0 12px 30px #1d6bff59}.brand strong{font-size:18px}.brand p{color:#98a2b3}.admin-sidebar nav{z-index:1;gap:10px;margin-top:42px;position:relative}.admin-sidebar nav button{color:#cbd5e1;border-radius:14px;height:46px;font-weight:800;transition:all .18s}.admin-sidebar nav button:hover{color:#fff;background:#ffffff0f}.admin-sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#1d6bff,#0f4fd6);box-shadow:0 14px 32px #1d6bff42}.sidebar-link{z-index:1;box-shadow:none;background:#ffffff14;border:1px solid #ffffff24;position:relative}.admin-main{background:radial-gradient(circle at 82% 0,#1d6bff14,#0000 28%);padding:34px 38px 44px}.admin-header{border-bottom:1px solid #e6ebf3;margin-bottom:24px;padding:2px 0 24px}.admin-header p{letter-spacing:.08em;color:#1d6bff;font-size:13px}.admin-header h1{color:#101828;font-size:34px}.admin-actions button,.primary-small{height:42px;font-weight:900;border-radius:14px!important}.admin-actions button{background:#fff;box-shadow:0 8px 20px #1018280f}.stat-grid{gap:18px;margin-bottom:20px}.stat-grid article{background:linear-gradient(#fff,#fbfdff);border:1px solid #e6ebf3e6;position:relative;overflow:hidden;box-shadow:0 14px 42px #10182812}.stat-grid article:before{content:"";background:linear-gradient(135deg,#1d6bff29,#19b6ff1f);border-radius:14px;width:42px;height:42px;position:absolute;top:18px;right:18px}.stat-grid strong{letter-spacing:-.04em;font-size:38px}.admin-panel{background:#fffffff0;border:1px solid #e6ebf3e6;border-radius:24px;box-shadow:0 16px 48px #10182814}.panel-title h2,.admin-panel h2{color:#101828;font-size:21px}.panel-title p{color:#667085;font-size:13px}.panel-title input,.site-search-row input,.form-modal input{background:#fbfdff;border:1px solid #d8e0ec;border-radius:14px;outline:none;height:44px}.panel-title input:focus,.site-search-row input:focus,.form-modal input:focus,.site-name-input:focus{border-color:#1d6bff;box-shadow:0 0 0 4px #1d6bff1a}.filter-row button{border-radius:999px;height:38px;padding:0 16px;font-weight:800}.filter-row .active{background:#1d6bff}.table-wrap{border:1px solid #eef2f7;border-radius:18px;overflow:hidden}table{background:#fff}th{color:#667085;background:#f8fafc;height:46px;font-size:12px;font-weight:900}td{color:#344054;height:58px;font-size:13px}tbody tr:hover{background:#fbfdff}.text-button{font-weight:900}.employee-card{background:linear-gradient(#fff,#fbfdff);border:1px solid #e8eef6;border-radius:22px;box-shadow:0 12px 34px #1018280f}.employee-card button{font-weight:900}.employee-avatar{box-shadow:0 12px 28px #1d6bff38}.refined-site-layout{grid-template-columns:456px minmax(0,1fr);gap:20px}.site-list-panel,.simplified-map-panel{border-radius:26px}.site-search-row input{font-weight:700}.site-search-row button,.site-pagination button,.site-row-actions button,.map-config-panel .panel-title button{font-weight:900;box-shadow:0 8px 20px #1018280d}.site-row-card{background:linear-gradient(#fff,#fbfdff);border-radius:18px;box-shadow:0 10px 28px #1018280d}.site-row-card.active{background:linear-gradient(135deg,#f5f9ff,#fff);border-color:#1d6bff;box-shadow:0 0 0 4px #1d6bff1a,0 14px 32px #10182814}.site-row-body strong{color:#101828}.site-pin{background:linear-gradient(135deg,#eef5ff,#e1ecff);border:1px solid #d8e6ff}.selectable-map{background:linear-gradient(135deg,#e9f6ff,#f5fbff 48%,#eaf1ff);border-radius:26px;height:520px;box-shadow:inset 0 0 0 1px #1d6bff14,0 14px 36px #1018280f}.map-zone{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #1d6bff1f;box-shadow:0 10px 24px #1018280f}.coordinate-card,.map-click-tip{border:1px solid #e6ebf3e6;box-shadow:0 16px 38px #10182824}.large-map-pin{filter:drop-shadow(0 16px 20px #10182847)}.drawer-card,.form-modal,.photo-modal{border:1px solid #ffffffb3;box-shadow:0 36px 110px #1018284d}.drawer-card{border-radius:28px 0 0 28px}.real-photo{box-shadow:inset 0 -28px 48px #1d4ed829,0 14px 34px #1018281a}.status-success,.status-failed,.status-review{align-items:center;height:28px}@media (max-width:1100px){.admin-main{padding:24px}.refined-site-layout{grid-template-columns:1fr}.selectable-map{height:380px}.admin-shell{grid-template-columns:1fr}}@media (max-width:900px){.phone-frame{width:368px;height:800px}.attendance-content{height:600px}.hero-card h1{font-size:40px}.admin-header h1{font-size:28px}}