@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{color:#152d54;font-synthesis:none;--blue:#1768f2;--deep:#0b2d74;--ink:#152d54;--muted:#7b8ca8;--line:#e8eef8;background:#f5f8fe;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#f5f8fe;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}.app-shell{background:#f5f8fe;max-width:540px;min-height:100vh;margin:auto;padding-bottom:86px;position:relative}.light-shell{background:#f7f9fd}.hero{color:#fff;background:linear-gradient(145deg,#0c337d 0%,#1768f2 62%,#55b6ff 100%);border-radius:0 0 32px 32px;height:304px;position:relative;overflow:hidden}.admin-hero{background:linear-gradient(145deg,#0a2664,#1768f2 70%,#75c8ff)}.hero-grid{opacity:.18;background-image:linear-gradient(120deg,#0000 45%,#fff 45.5%,#0000 46%),linear-gradient(30deg,#0000 52%,#fff 52.5%,#0000 53%);background-size:160px 160px;position:absolute;inset:0}.hero-content{padding:28px 24px;position:relative}.mini-brand{letter-spacing:.5px;opacity:.85;font-size:12px}.mini-brand span,.brand-badge{border:1px solid #fff9;border-radius:8px;place-items:center;width:24px;height:24px;margin-right:7px;font-weight:800;display:inline-grid}.hello{opacity:.8;margin:30px 0 7px;font-size:14px}.hero h1{letter-spacing:-1px;margin:0;font-size:29px;line-height:1.3}.hero-date{opacity:.72;margin-top:18px;font-size:12px}.hero-wave{background:#f5f8fe;border-radius:50% 50% 0 0/55% 55% 0 0;width:120%;height:90px;position:absolute;bottom:-36px;left:-10%}.page-content{padding:0 18px}.home-content{margin-top:-27px;position:relative}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:#fff;border:1px solid #e5ecf8e6;border-radius:17px;padding:14px 12px;box-shadow:0 8px 22px #1a45850f}.stat-card svg{color:var(--blue);margin-bottom:11px;display:block}.stat-card b{color:var(--ink);letter-spacing:-1px;font-size:23px;display:block}.stat-card b small{margin-left:2px;font-size:13px}.stat-card span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.section-title{justify-content:space-between;align-items:center;margin:26px 2px 12px;display:flex}.section-title h2{margin:0;font-size:16px}.section-title a{color:var(--blue);align-items:center;font-size:12px;display:flex}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:128px;padding:16px;position:relative;box-shadow:0 8px 22px #1a45850d}.quick-card>b{margin-top:13px;font-size:14px;display:block}.quick-card small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.quick-card>svg{color:#9db0cb;position:absolute;bottom:14px;right:12px}.primary-quick{color:#fff;background:linear-gradient(145deg,#1768f2,#0c4ac4);border:0}.primary-quick small,.primary-quick>svg{color:#c8deff}.quick-icon{background:#ffffff2b;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.quick-icon.blue{color:var(--blue);background:#eaf2ff}.customer-list,.admin-list{flex-direction:column;gap:10px;display:flex}.customer-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:13px;display:flex;box-shadow:0 6px 18px #1a45850a}.avatar,.detail-avatar{color:#1768f2;background:linear-gradient(145deg,#dbeaff,#9ac8ff);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.customer-main{flex:1;min-width:0}.customer-name{font-size:14px;font-weight:700}.gender{color:#5b7aa7;background:#eef5ff;border-radius:5px;margin-left:4px;padding:3px 6px;font-size:11px;font-weight:500}.customer-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:5px;font-size:10px;display:flex;overflow:hidden}.customer-side{flex-direction:column;flex:none;align-items:flex-end;gap:9px;display:flex}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:5px 8px;font-size:10px;display:flex}.status-pill.arrived{color:#16a06b;background:#eafaf3}.status-pill.pending{color:#d98a16;background:#fff5e7}.status-pill.large{padding:7px 10px;font-size:12px}.customer-side small{color:#a0aec1;font-size:10px}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff5;border-top:1px solid #edf1f7;justify-content:space-around;align-items:center;width:min(540px,100%);height:72px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:#9aa8bd;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.bottom-nav a.router-link-active{color:var(--blue)}.bottom-nav .nav-plus{background:var(--blue);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;margin-top:-22px;display:grid;box-shadow:0 8px 18px #1768f247}.topbar{background:#fff;border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex}.topbar-title{text-align:center;flex:1;font-size:16px;font-weight:700}.icon-btn{color:#547096;text-align:left;width:32px;font-size:32px;font-weight:300}.topbar-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.page-heading{padding:26px 4px 18px}.eyebrow{color:var(--blue);letter-spacing:1.5px;margin:0 0 8px;font-size:10px;font-weight:800}.page-heading h1,.list-header h1{letter-spacing:-1px;margin:0;font-size:26px}.page-heading p,.list-header p{color:var(--muted);margin:7px 0 0;font-size:12px}.page-heading em,.form-card em{color:#f05b63;font-style:normal}.form-card,.detail-card,.note-card,.attendance-card,.chart-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 22px #1a45850a}.form-card label{color:#506989;margin-bottom:17px;font-size:12px;font-weight:700;display:block}.form-card input,.form-card select,.form-card textarea{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #e0e8f4;border-radius:11px;outline:none;margin-top:8px;padding:12px 13px;display:block}.form-card input:focus,.form-card textarea:focus{border-color:#70a7fb;box-shadow:0 0 0 3px #eaf2ff}.optional{float:right;color:#a0aec1;font-weight:400}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.segmented button{color:#7c8ca4;background:#f4f7fb;border-radius:10px;padding:11px}.segmented button.active{color:var(--blue);background:#e8f1ff;border:1px solid #a6c9ff;font-weight:700}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(100deg,#1768f2,#4eabff);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-weight:700;display:flex;box-shadow:0 8px 18px #1768f233}.submit-btn{margin-top:5px}.form-tip,.login-note{color:#7d90ae;justify-content:center;align-items:center;gap:5px;margin-top:16px;font-size:11px;display:flex}.error-box{color:#e14d58;background:#fff0f0;border:1px solid #ffd2d5;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:11px;font-size:12px;display:flex}.list-content{padding-top:27px}.list-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.round-add{color:#fff;background:var(--blue);border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.header-illustration{color:#8bb4fb}.search-box{border:1px solid var(--line);color:#9aabc2;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:12px 13px;display:flex}.search-box input{width:100%;color:var(--ink);border:0;outline:0;font-size:12px}.filter-tabs{gap:9px;margin:18px 0;display:flex}.filter-tabs button{color:#7d8fa9;background:#edf2f9;border-radius:20px;padding:7px 13px;font-size:12px}.filter-tabs button.active{color:var(--blue);background:#dceaff;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:40px;font-size:12px}.detail-content{padding-top:20px}.detail-head{align-items:center;gap:12px;padding:10px 4px 22px;display:flex}.detail-avatar{border-radius:18px;width:58px;height:58px;font-size:24px}.detail-head h1{margin:0;font-size:22px}.detail-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.detail-head .status-pill{margin-left:auto}.detail-card{margin-bottom:12px;padding:6px 16px}.detail-row{border-bottom:1px solid #eff3f8;align-items:center;gap:9px;padding:14px 0;font-size:12px;display:flex}.detail-row:last-child{border-bottom:0}.detail-row svg{color:#75a7f6;width:16px}.detail-row span{color:var(--muted);width:65px}.detail-row b{margin-left:auto;font-weight:600}.note-card{margin-bottom:12px}.note-card h3,.attendance-card h3,.chart-card h3{margin:0 0 10px;font-size:14px}.note-card p,.attendance-card p{color:#71829c;margin:0;font-size:12px;line-height:1.7}.attendance-card{justify-content:space-between;align-items:center;gap:10px;display:flex}.attendance-toggle{color:#d28714;white-space:nowrap;background:#fff3e2;border-radius:10px;align-items:center;gap:5px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.attendance-toggle.on{color:#13a46d;background:#e6f8f0}.rate-banner{background:#e8f1ff;border:1px solid #cfe1ff;border-radius:18px;margin:17px 0 25px;padding:16px 18px}.rate-banner>div:first-child{color:#6681ad;justify-content:space-between;align-items:end;font-size:12px;display:flex}.rate-banner strong{color:var(--blue);font-size:28px;line-height:1}.rate-track{background:#c6dcfb;border-radius:8px;height:8px;margin-top:12px;overflow:hidden}.rate-track i{background:linear-gradient(90deg,#1768f2,#55b6ff);border-radius:8px;height:100%;display:block}.admin-menu{flex-direction:column;gap:10px;display:flex}.admin-menu>a{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex}.menu-icon{width:38px;height:38px;color:var(--blue);background:#eaf2ff;border-radius:12px;place-items:center;display:grid}.admin-menu div{flex:1}.admin-menu b,.admin-menu small{display:block}.admin-menu b{font-size:13px}.admin-menu small{color:var(--muted);margin-top:4px;font-size:11px}.admin-stats .stat-card b{color:var(--blue)}.stats-content{padding-top:10px}.big-stat{color:#fff;background:linear-gradient(135deg,#0c347d,#1768f2);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:20px 22px;display:flex}.big-stat span{opacity:.8;font-size:12px}.big-stat strong{letter-spacing:-2px;margin-top:8px;font-size:44px;display:inline-block}.big-stat small{margin-left:5px;font-size:12px}.donut{border:8px solid #fff;border-color:#fff #8ad1ff #ffffff40 #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.donut b{font-size:17px}.donut span{opacity:.8;font-size:9px}.chart-card{margin-bottom:12px}.chart-card h3{align-items:center;gap:6px;display:flex}.chart-card h3 svg{color:var(--blue);width:17px}.bar-row{color:#69809f;grid-template-columns:55px 1fr 34px;align-items:center;gap:8px;margin:13px 0;font-size:11px;display:grid}.bar-row>div{background:#edf2f9;border-radius:8px;height:8px;overflow:hidden}.bar-row i{background:linear-gradient(90deg,#1768f2,#76baff);border-radius:8px;height:100%;display:block}.bar-row i.purple{background:linear-gradient(90deg,#8659f4,#c88cff)}.bar-row b{text-align:right;color:#496b9e}.gender-chart{align-items:center;gap:24px;display:flex}.gender-donut{background:conic-gradient(#1768f2 0 58%,#f5a1cf 58% 100%);border-radius:50%;width:92px;height:92px;position:relative}.gender-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.gender-chart p{color:#6f819f;font-size:12px}.gender-chart p b{color:var(--ink);margin-left:18px}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.male{background:#1768f2}.dot.female{background:#f5a1cf}.login-page{color:#fff;background:linear-gradient(145deg,#0a2a70,#1768f2 55%,#75c8ff);min-height:100vh;position:relative;overflow:hidden}.login-orb{border:1px solid #ffffff26;border-radius:50%;position:absolute}.orb-a{width:420px;height:420px;top:-100px;right:-180px}.orb-b{width:280px;height:280px;bottom:-40px;left:-140px}.login-panel{max-width:520px;margin:auto;padding:56px 28px 30px;position:relative}.brand-badge{background:#ffffff1f;border-radius:15px;width:48px;height:48px;margin:0 0 15px;font-size:20px}.login-panel .eyebrow{color:#bfe0ff}.login-panel h1{letter-spacing:-2px;margin:0;font-size:40px;line-height:1.18}.login-panel h1 span{color:#9cdbff}.login-copy{opacity:.78;margin:14px 0 36px;font-size:13px}.login-form{color:var(--ink);background:#fff;border-radius:25px;padding:21px;box-shadow:0 20px 50px #04235e3d}.login-form label:not(.switch-line){color:#6f809b;margin-bottom:14px;font-size:11px;display:block}.login-form input,.login-form select{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #e0e8f4;border-radius:11px;outline:0;margin-top:7px;padding:12px 13px;display:block}.switch-line{color:#8595aa;align-items:center;gap:9px;margin:8px 0 17px;font-size:11px;display:flex}.switch-line span{flex:1}.switch-line input{display:none}.switch-line i{background:#dfe8f3;border-radius:20px;width:34px;height:20px;position:relative}.switch-line i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #9aacbf}.switch-line input:checked+i{background:#1768f2}.switch-line input:checked+i:after{left:16px}.login-footer{text-align:center;opacity:.55;font-size:11px;position:absolute;bottom:22px;left:0;right:0}@media (width>=541px){body{padding:20px}.app-shell,.login-page{border-radius:28px;overflow:hidden;box-shadow:0 16px 60px #1b3e721f}}.profile-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;margin-bottom:14px;padding:18px;display:flex;box-shadow:0 8px 22px #1a45850a}.profile-card .avatar{border-radius:17px;width:54px;height:54px;font-size:22px}.profile-info{flex:1;min-width:0}.profile-info b{font-size:17px;display:block}.role-tag{color:#16a06b;background:#eafaf3;border-radius:20px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-tag.role-admin{color:#1768f2;background:#eaf2ff}.profile-row{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex}.profile-row+.profile-row{margin-top:10px}.profile-row div{flex:1}.profile-row b{font-size:13px;display:block}.profile-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.logout-wrap{margin-top:18px}.logout-btn{color:#e14d58;cursor:pointer;background:#fff;border:1px solid #ffd2d5;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-weight:700;display:flex}.region-preview{color:#506989;background:#f0f6ff;border:1px dashed #b9d4ff;border-radius:10px;margin-bottom:17px;padding:10px 12px;font-size:12px}.region-preview b{color:var(--blue);font-weight:700}.employee-filter{margin:-4px 0 14px}.employee-select{width:100%;color:var(--ink);background:#fff;border:1px solid #e0e8f4;border-radius:12px;outline:none;padding:11px 13px;font-size:13px}.filter-row{gap:9px;margin:-4px 0 14px;display:flex}.filter-select{color:var(--ink);background:#fff;border:1px solid #e0e8f4;border-radius:12px;outline:none;flex:1;padding:11px 13px;font-size:13px}.date-input{flex:1.2;min-width:0}.date-hint{color:var(--muted,#8aa0bd);flex:1.6;align-self:center;font-size:12px;line-height:1.4}.stats-row.g4{grid-template-columns:repeat(2,1fr)}.success-banner{background:linear-gradient(135deg,#eafaf3,#d8f6e8);border:1px solid #bdebd3;border-radius:18px;align-items:center;gap:12px;margin-bottom:14px;padding:16px;display:flex}.success-banner svg{color:#16a06b;flex:none}.success-banner b{color:#0f7a50;font-size:15px;display:block}.success-banner p{color:#4f8a6e;margin:4px 0 0;font-size:12px}.qr-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;margin-bottom:14px;padding:20px;box-shadow:0 8px 22px #1a45850d}.qr-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.qr-card-head h3{color:var(--ink);margin:0;font-size:14px}.qr-img-wrap{background:#f8fafd;border:1px dashed #d5e2f4;border-radius:16px;place-items:center;min-height:260px;padding:16px;display:grid}.qr-img{border-radius:10px;width:240px;height:240px}.qr-loading{color:var(--muted);font-size:12px}.qr-tip{color:var(--muted);margin:13px 0 0;font-size:11px}.qr-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.qr-btn{color:#46638d;cursor:pointer;background:#fff;border:1px solid #d9e4f2;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12px;font-weight:700;display:flex}.qr-btn.primary{color:#fff;background:linear-gradient(100deg,#1768f2,#4eabff);border:0}.qr-btn.small{border-radius:9px;padding:8px 12px;font-size:11px}.qr-btn:disabled{opacity:.6;cursor:not-allowed}.sms-status{color:#16a06b;margin-top:13px;font-size:12px;font-weight:700}.short-code{color:var(--muted);margin-top:8px;font-size:11px}.short-code b{color:var(--blue);letter-spacing:1px}.detail-link{color:var(--blue);justify-content:center;align-items:center;gap:4px;padding:12px;font-size:12px;display:flex}.qr-section,.sms-section{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 8px 22px #1a45850a}.qr-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qr-section h3,.sms-head h3{align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.qr-section h3 svg,.sms-head h3 svg{color:var(--blue);width:16px}.qr-section p{color:var(--muted);margin:6px 0 0;font-size:11px}.qr-section p b{color:#46638d}.sms-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sms-count{color:#16a06b;background:#eafaf3;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.sms-limit{color:#b3892a;white-space:nowrap;background:#fff5e7;border-radius:20px;padding:6px 10px;font-size:11px}.sms-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sms-item{background:#f8fafd;border:1px solid #edf2f9;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:12px;display:flex}.sms-attempt{color:var(--ink);font-weight:700}.sms-state{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.sms-state.success{color:#16a06b;background:#eafaf3}.sms-state.failed{color:#e14d58;background:#fff0f0}.sms-state.pending{color:#d98a16;background:#fff5e7}.sms-item small{color:#a0aec1;margin-left:auto;font-size:10px}.sms-empty{color:var(--muted);margin:12px 0 0;font-size:11px}.review-btn{cursor:pointer;border-radius:9px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.review-btn.approve{color:#16a06b;background:#eafaf3}.review-btn.reject{color:#e14d58;background:#fff0f0}.review-badge{color:#fff;text-align:center;background:#e14d58;border-radius:20px;min-width:20px;padding:3px 8px;font-size:10px;font-weight:800}.qr-page-head{text-align:center;padding:26px 6px 20px}.qr-page-head h1{letter-spacing:-1px;color:var(--ink);margin:12px 0 0;font-size:24px}.qr-page-head p{color:var(--muted);margin:6px 0 0;font-size:12px}.qr-info-list{text-align:left;margin-top:16px}.qr-info-row{border-bottom:1px solid #eff3f8;align-items:center;gap:9px;padding:11px 2px;font-size:12px;display:flex}.qr-info-row:last-child{border-bottom:0}.qr-info-row svg{color:#75a7f6;width:15px}.qr-info-row span{color:var(--muted);width:64px;font-size:11px}.qr-info-row b{color:var(--ink);text-align:right;margin-left:auto;font-size:12px;font-weight:600}.status-pill.valid{color:#1768f2;background:#eaf2ff}.status-pill.expired{color:#8b98aa;background:#f1f2f5}.scan-content{padding-top:22px}.scan-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#0c347d,#1768f2);border-radius:20px;margin-bottom:14px;padding:22px 0 20px}.scan-hero h1{margin:10px 0 4px;font-size:21px}.scan-hero p{opacity:.8;margin:0;font-size:11px}.scan-result{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;padding:18px;display:flex}.scan-result.success{color:#0f7a50;background:#eafaf3;border:1px solid #bdebd3}.scan-result.fail{color:#c2404a;background:#fff0f0;border:1px solid #ffd2d5}.scan-result b{font-size:15px}.scan-result p{margin:2px 0 0;font-size:13px}.scan-result small{opacity:.75;font-size:11px}.scan-input-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:18px;box-shadow:0 8px 22px #1a45850a}.scan-input-card label{color:#506989;margin-bottom:14px;font-size:12px;font-weight:700;display:block}.scan-input-card input{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #e0e8f4;border-radius:11px;outline:none;margin-top:8px;padding:12px 13px;display:block}.scan-note{color:#b3892a;text-align:center;margin-top:13px;font-size:11px}.qr-stat-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;display:grid}.qr-stat-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:12px 8px;box-shadow:0 6px 18px #1a45850a}.qr-stat-card svg{color:var(--blue);margin:0 auto 8px;display:block}.qr-stat-card b{color:var(--ink);font-size:19px;display:block}.qr-stat-card span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.customer-tags{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.mini-tag{color:#7d8fa9;background:#f2f6fb;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:10px;display:inline-flex}.mini-tag.blue{color:#1768f2;background:#eaf2ff}.mini-tag.green{color:#16a06b;background:#eafaf3}.scan-tabs{gap:8px;margin-bottom:14px;display:flex}.scan-tabs button{color:#46638d;cursor:pointer;background:#fff;border:1px solid #d9e4f2;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12px;font-weight:700;display:flex}.scan-tabs button.on{color:#fff;background:linear-gradient(100deg,#1768f2,#4eabff);border:0}.cam-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:14px;padding:14px;box-shadow:0 8px 22px #1a45850a}.qr-reader{background:#0b1220;border-radius:12px;width:100%;min-height:220px;overflow:hidden}.qr-reader video{border-radius:12px;width:100%!important}.cam-error{color:#e14d58;background:#fff0f0;border-radius:9px;margin-top:10px;padding:9px 11px;font-size:11px}.dept-table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #1a45850a}.dept-row{border-bottom:1px solid #f1f4f9;grid-template-columns:2.2fr .7fr .7fr .7fr .9fr .8fr .8fr;align-items:center;gap:4px;padding:10px 12px;font-size:11px;display:grid}.dept-row:last-child{border-bottom:0}.dept-row span{color:#46638d;text-align:center}.dept-row span.dept-name{text-align:left;color:var(--ink);font-weight:700}.dept-head{color:#7d8fa9;background:#f6f9fd;font-weight:800;position:sticky;top:0}.dept-head span{font-weight:800}.dept-row span.good{color:#16a06b;font-weight:800}