:root{--ink:#15231e;--muted:#66736d;--line:#dfe7e1;--paper:#fffefa;--canvas:#f2f6f1;--green:#176b4a;--green-dark:#0e4f36;--green-soft:#e5f2e9;--lime:#b8dd87;--red:#a7433f}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 14% 8%,#b8dd8733,#0000 26rem),linear-gradient(135deg,#f7f9f5 0%,#edf3ee 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7faf6c2;border-bottom:1px solid #15231e14;width:100%}.topbar-inner{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:760;display:flex}.brand-mark{background:var(--green);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:3px;width:34px;height:34px;padding:7px;display:grid;box-shadow:0 8px 20px #176b4a2e}.brand-mark i{background:#f9fff4;border-radius:2px;display:block}.brand-mark i:last-child{background:var(--lime);border-radius:50%}.brand-name{font-size:18px}.environment-pill,.live-label{color:var(--green-dark);letter-spacing:.05em;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.environment-pill{background:#ffffffb3;border:1px solid #cfdfd4;border-radius:999px;padding:8px 12px}.pulse-dot,.live-label span{background:#47a26f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #47a26f1f}.home-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:36px;width:min(1120px,100% - 40px);min-height:calc(100vh - 120px);margin:0 auto;padding:56px 0 42px;display:grid}.hero-panel,.info-panel,.manual-card,.invalid-card,.checking-card,.certificate-card{background:#fffefaf0;border:1px solid #15231e17;box-shadow:0 24px 70px #29443714}.hero-panel{text-align:center;border-radius:28px;padding:58px;overflow:hidden}.eyebrow,.info-kicker{color:var(--green);letter-spacing:.18em;font-size:11px;font-weight:800}.hero-panel h1,.manual-card h1,.invalid-card h1,.result-heading h1{letter-spacing:-.045em;margin:13px 0 0;font-weight:760}.hero-panel h1{font-size:clamp(34px,4.5vw,54px);line-height:1.08}.hero-copy{max-width:420px;color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.75}.scan-motif{background-color:#f3f8f2;background-image:linear-gradient(#176b4a0a 1px,#0000 1px),linear-gradient(90deg,#176b4a0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px;place-items:center;width:226px;height:226px;margin:34px auto 30px;display:grid;position:relative}.corner{border-color:var(--green);width:38px;height:38px;position:absolute}.corner-tl{border-top:3px solid;border-left:3px solid;border-radius:10px 0 0;top:0;left:0}.corner-tr{border-top:3px solid;border-right:3px solid;border-radius:0 10px 0 0;top:0;right:0}.corner-bl{border-bottom:3px solid;border-left:3px solid;border-radius:0 0 0 10px;bottom:0;left:0}.corner-br{border-bottom:3px solid;border-right:3px solid;border-radius:0 0 10px;bottom:0;right:0}.qr-symbol{background:var(--paper);border-radius:18px;width:116px;height:116px;position:relative;box-shadow:0 12px 30px #176b4a14}.qr-cell{border:7px solid var(--green-dark);border-radius:4px;width:24px;height:24px;display:block;position:absolute}.qr-a{top:18px;left:18px}.qr-b{top:18px;right:18px}.qr-c{bottom:18px;left:18px}.qr-d{background:var(--green-dark);border:0;width:12px;height:12px;bottom:18px;right:18px}.qr-e{background:var(--green-dark);border:0;width:12px;height:12px;top:54px;left:53px}.qr-f{background:var(--green-dark);border:0;width:10px;height:22px;top:55px;right:24px}.qr-g{background:var(--green-dark);border:0;width:16px;height:10px;bottom:19px;left:54px}.scan-line{background:linear-gradient(90deg,#0000,#69ae75,#0000);height:2px;animation:2.6s ease-in-out infinite scan;position:absolute;top:18%;left:10%;right:10%;box-shadow:0 5px 18px #4ea4668c}@keyframes scan{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(140px)}}.action-stack{width:min(100%,360px);margin:0 auto}.primary-button,.secondary-button,.camera-error button{cursor:pointer;border:0;border-radius:14px;min-height:52px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{color:#fff;background:var(--green);width:100%;box-shadow:0 14px 30px #176b4a33}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 17px 34px #176b4a42}.button-icon{margin-right:9px;font-size:19px;display:inline-block;transform:translateY(1px)}.text-button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:17px;padding:8px 12px;font-size:14px;font-weight:650;display:inline-flex}.admin-entry{color:var(--green-dark);font-size:14px;font-weight:750;text-decoration:none}.privacy-note{color:#7b8982;margin:24px 0 0;font-size:12px}.lock-dot{width:18px;height:18px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;margin-right:6px;font-size:11px;font-weight:900;display:inline-grid}.info-panel{background:linear-gradient(150deg,#fffefaf5,#ebf3e9eb);border-radius:28px;flex-direction:column;justify-content:center;padding:54px 48px;display:flex}.info-panel h2{letter-spacing:-.035em;max-width:330px;margin:14px 0 13px;font-size:34px;line-height:1.22}.info-panel>p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.feature-list{margin:34px 0;padding:0;list-style:none}.feature-list li{border-bottom:1px solid #15231e17;align-items:center;gap:18px;padding:17px 0;display:flex}.feature-list li>span{color:#7f9e89;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.feature-list div,.security-strip div{gap:4px;display:grid}.feature-list strong,.security-strip strong{font-size:14px}.feature-list small,.security-strip small{color:var(--muted);font-size:12px}.security-strip{background:#ffffff9e;border:1px solid #176b4a1f;border-radius:16px;align-items:center;gap:13px;padding:17px;display:flex}.security-icon{width:40px;height:40px;color:var(--green-dark);background:var(--green-soft);border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.site-footer{color:#849089;text-align:center;letter-spacing:.08em;width:100%;padding:0 20px 24px;font-size:11px}.back-button{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:650;display:flex}.back-button span:first-child{font-size:20px;font-weight:400}.compact-page,.result-page{width:min(680px,100% - 40px);margin:0 auto;padding:64px 0}.manual-card,.invalid-card,.checking-card{border-radius:26px;padding:52px}.small-icon,.invalid-mark{background:var(--green-soft);border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:26px;font-size:21px;display:grid}.manual-card h1,.invalid-card h1{font-size:36px}.manual-card>p,.invalid-card>p{color:var(--muted);margin:14px 0 30px;line-height:1.8}.manual-card label{margin-bottom:9px;font-size:13px;font-weight:700;display:block}.manual-card input{width:100%;height:54px;color:var(--ink);text-transform:uppercase;background:#fff;border:1px solid #ced9d1;border-radius:13px;outline:0;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.manual-card input:focus{border-color:var(--green);box-shadow:0 0 0 4px #176b4a1a}.input-help{color:var(--muted);margin:10px 0 24px;font-size:12px}.input-help button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.form-error{color:#a73f3b;margin:-12px 0 18px;font-size:12px}.scanner-page{z-index:10;color:#fff;background:#09100d;position:fixed;inset:0}.scanner-header{z-index:3;background:linear-gradient(#09100d,#0000);grid-template-columns:44px 1fr 44px;align-items:center;min-height:92px;padding:18px 24px;display:grid;position:absolute;top:0;left:0;right:0}.scanner-header button{color:#fff;cursor:pointer;background:#00000038;border:1px solid #ffffff38;border-radius:50%;width:42px;height:42px;padding:0 0 4px;font-size:30px;font-weight:300}.scanner-header div{text-align:center;gap:4px;display:grid}.scanner-header strong{font-size:15px}.scanner-header span{color:#fff9;font-size:11px}.camera-stage,.camera-stage video{width:100%;height:100%}.camera-stage video{object-fit:cover}.camera-stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0 170px,#0000005c 260px);position:absolute;inset:0}.camera-frame{z-index:2;aspect-ratio:1;width:min(72vw,330px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-frame .corner{border-color:#b7efac;width:54px;height:54px}.camera-frame .scan-line{animation-name:cameraScan}@keyframes cameraScan{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(min(62vw,270px))}}.camera-tip{z-index:3;color:#ffffffb8;text-align:center;margin:0;font-size:12px;position:absolute;bottom:36px;left:20px;right:20px}.camera-error{z-index:4;width:min(360px,100% - 40px);color:var(--ink);text-align:center;background:#fffefaf5;border:1px solid #ffffff24;border-radius:20px;padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #00000052}.camera-error>span{color:#8d3d3a;background:#f4dfdc;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 16px;font-weight:800;display:grid}.camera-error strong{display:block}.camera-error p{color:var(--muted);margin:10px 0 22px;font-size:13px;line-height:1.6}.camera-error button{color:#fff;background:var(--green);width:100%}.result-page{width:min(760px,100% - 40px)}.result-heading{align-items:center;gap:18px;margin:0 0 24px;display:flex}.success-mark{color:#fff;background:var(--green);border-radius:19px;flex:none;place-items:center;width:62px;height:62px;font-size:28px;font-weight:800;display:grid;box-shadow:0 16px 32px #176b4a38}.result-heading h1{margin-top:5px;font-size:34px}.result-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.certificate-card{border-radius:24px;padding:42px;position:relative;overflow:hidden}.demo-watermark{color:#176b4a0a;letter-spacing:-.08em;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:110px;font-weight:900;position:absolute;bottom:48px;right:-12px;transform:rotate(-10deg)}.certificate-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:25px;display:flex}.certificate-topline>div{gap:5px;display:grid}.certificate-topline span:first-child{letter-spacing:-.02em;font-size:20px;font-weight:760}.certificate-topline small{color:#8a9690;letter-spacing:.18em;font-size:9px}.verified-tag{color:var(--green-dark);background:var(--green-soft);border-radius:8px;padding:7px 10px;font-weight:750;font-size:11px!important}.result-message{margin:28px 0;font-size:17px;line-height:1.8}.result-message strong{color:var(--green-dark)}.employee-data{background:#f4f7f3;border-radius:16px;margin:0;padding:4px 20px}.employee-data>div{border-bottom:1px solid #e0e7e1;justify-content:space-between;align-items:center;gap:20px;min-height:52px;display:flex}.employee-data>div:last-child{border-bottom:0}.employee-data dt{color:var(--muted);font-size:12px}.employee-data dd{color:#314139;text-align:right;align-items:center;margin:0;font-size:12px;font-weight:680;display:flex}.status-dot{background:#44a46e;border-radius:50%;width:7px;height:7px;margin-right:6px}.seal-row{z-index:1;justify-content:space-between;align-items:flex-start;gap:30px;min-height:162px;padding-top:26px;display:flex;position:relative}.seal-row>p{max-width:410px;color:var(--muted);margin:0;font-size:12px;line-height:1.85}.seal-row>p strong{color:var(--ink)}.company-seal{border:3px double var(--red);width:142px;height:142px;color:var(--red);opacity:.82;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;transform:rotate(-7deg)}.company-seal span{letter-spacing:.18em;font-size:11px;font-weight:800}.company-seal strong{border-top:1px solid var(--red);border-bottom:1px solid var(--red);margin-top:8px;padding:5px 10px;font-size:15px}.company-seal small{letter-spacing:.18em;margin-top:7px;font-size:9px;font-weight:800}.anti-fraud-note{color:var(--muted);background:#ffffff8c;border:1px solid #d9e4dc;border-radius:14px;align-items:center;gap:12px;margin-top:16px;padding:14px 17px;display:flex}.anti-fraud-note>span{width:30px;height:30px;color:var(--green);background:var(--green-soft);border-radius:9px;place-items:center;font-weight:800;display:grid}.anti-fraud-note p{margin:0;font-size:11px;line-height:1.6}.anti-fraud-note strong{color:var(--ink);display:block}.secondary-button{width:100%;color:var(--green-dark);background:#ffffffb3;border:1px solid #cad8ce;margin-top:18px}.secondary-button:hover{background:#fff;transform:translateY(-1px)}.result-action{place-items:center;min-height:52px;text-decoration:none;display:grid}.identity-summary{align-items:center;gap:18px;margin-top:26px;display:flex}.identity-summary h2{margin:0 0 7px;font-size:28px}.identity-summary p{color:var(--muted);margin:0}.employee-photo{object-fit:cover;background:#eef3ee;border-radius:14px;width:82px;height:100px}.authorized-seal{object-fit:contain;flex:none;width:150px;height:150px}.seal-placeholder{color:#8a9690;border:1px dashed #cbd5ce;border-radius:14px;flex:none;place-items:center;width:142px;height:92px;font-size:11px;display:grid}.simple-verification-page{color:#111;background:#fff;width:100%;min-height:100vh;padding:clamp(96px,13vh,220px) 24px 72px}.simple-verification-notice{width:min(860px,100%);margin:0 auto}.simple-verification-notice h1{letter-spacing:.01em;margin:0 0 34px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.25}.simple-verification-message,.simple-verification-attention h2,.simple-verification-attention p{margin:0;font-size:clamp(20px,2.5vw,30px);font-weight:400;line-height:1.75}.simple-verification-attention h2{margin-top:4px}.simple-verification-attention p{padding-left:.5em}.simple-verification-seal{justify-content:flex-end;margin-top:22px;padding-right:8%;display:flex}.simple-verification-seal img{object-fit:contain;width:clamp(190px,31vw,300px);height:auto}.admin-login-page{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.admin-login-card{background:var(--paper);border:1px solid #15231e1a;border-radius:26px;width:min(440px,100%);padding:42px;box-shadow:0 26px 80px #2944371c}.admin-login-card>.brand{margin-bottom:40px}.admin-login-card h1{margin:10px 0 8px;font-size:38px}.admin-login-card>p{color:var(--muted);margin:0 0 26px;line-height:1.7}.admin-login-form{gap:10px;display:grid}.admin-login-form label,.employee-form label,.settings-form label{color:#34433c;font-size:12px;font-weight:700}.admin-login-form input,.employee-form input,.employee-form select,.settings-form input,.search-input{width:100%;height:46px;color:var(--ink);background:#fff;border:1px solid #ced9d1;border-radius:10px;outline:0;margin-top:7px;padding:0 13px}.admin-login-form input:focus,.employee-form input:focus,.employee-form select:focus,.settings-form input:focus,.search-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b4a17}.admin-login-form .primary-button{margin-top:10px}.login-back-link{color:var(--muted);text-align:center;margin-top:22px;font-size:12px;text-decoration:none;display:block}.admin-shell{background:#f3f6f3;min-height:100vh}.admin-header{background:#fff;border-bottom:1px solid #dfe7e1;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50% - 620px);display:flex}.admin-header nav{align-items:center;gap:18px;display:flex}.admin-header nav a,.admin-header nav button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700;text-decoration:none}.admin-main{width:min(1240px,100% - 40px);margin:0 auto;padding:38px 0 60px}.admin-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.admin-title h1{letter-spacing:-.04em;margin:9px 0 7px;font-size:38px}.admin-title p{color:var(--muted);margin:0}.admin-stat{border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;min-width:116px;padding:16px;display:grid}.admin-stat strong{font-size:26px}.admin-stat span{color:var(--muted);font-size:11px}.admin-notice{border-radius:11px;margin-bottom:16px;padding:13px 16px;font-size:13px}.admin-notice.success{color:#155b3f;background:#e2f1e6}.admin-notice.error{color:#943d38;background:#f5e2df}.admin-grid{grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px;display:grid}.admin-card{background:#fff;border:1px solid #dfe7e1;border-radius:18px;padding:26px;box-shadow:0 10px 34px #2944370a}.admin-card-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.admin-card-heading h2{margin:0 0 5px;font-size:19px}.admin-card-heading p{color:var(--muted);margin:0;font-size:11px}.link-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.employee-form{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.employee-form input[type=file],.settings-form input[type=file]{height:auto;padding:10px}.employee-form small,.settings-form small{overflow-wrap:anywhere;color:var(--muted);margin-top:6px;font-size:10px;font-weight:400;display:block}.full-field{grid-column:1/-1}.settings-form{gap:18px;display:grid}.settings-form .secondary-button{margin-top:0}.security-note{color:#466055;background:#eef4ef;border-radius:12px;margin-top:22px;padding:15px}.security-note strong{font-size:12px}.security-note p{margin:6px 0 0;font-size:11px;line-height:1.6}.seal-admin-preview{border:1px solid var(--line);background:#fafcfa;border-radius:14px;place-items:center;gap:8px;padding:14px;display:grid}.seal-admin-preview span{color:var(--muted);font-size:10px;font-weight:700}.seal-admin-preview img{object-fit:contain;width:150px;height:150px}.employee-list-card{padding:0;overflow:hidden}.employee-list-card .admin-card-heading{border-bottom:1px solid var(--line);margin:0;padding:22px 24px}.search-input{width:min(280px,46vw);height:40px;margin:0}.employee-table-wrap{overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;font-size:12px}.employee-table th{color:#718078;text-align:left;text-transform:uppercase;background:#f7f9f7;padding:13px 16px;font-size:10px}.employee-table td{vertical-align:middle;border-top:1px solid #edf1ee;padding:16px}.employee-table td:first-child strong,.employee-table td small{display:block}.employee-table td small{color:var(--muted);margin-top:4px}.employee-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.employee-status.active{color:#176b4a;background:#e3f1e7}.employee-status.inactive{color:#8a514f;background:#f2e5e3}.employee-expiration{color:#466055;min-width:130px;line-height:1.55;display:inline-block}.employee-expiration.expired{color:#a7433f;font-weight:700}.row-actions{align-items:center;gap:12px;min-width:250px;display:flex}.row-actions a,.row-actions button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:none}.row-actions .danger{color:#a7433f}.empty-list{color:var(--muted);text-align:center;padding:40px;font-size:13px}.qr-preview-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1a1494;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qr-preview-dismiss-layer{cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.qr-preview-dialog{z-index:1;background:#f3f5f8;border:1px solid #ffffff80;border-radius:28px;width:min(520px,100%);max-height:calc(100vh - 48px);position:relative;overflow-y:auto;box-shadow:0 30px 100px #081a1247}.employee-id-preview-header{z-index:3;background:#fff;place-items:center;height:78px;display:grid;position:relative}.employee-id-preview-header h2{color:#172033;letter-spacing:0;margin:0;font-size:20px;font-weight:780}.qr-preview-close{color:#172033;cursor:pointer;background:0 0;border:0;border-radius:50%;width:38px;height:38px;padding:0 0 4px;font-size:38px;font-weight:300;line-height:1;position:absolute;top:16px;left:16px}.employee-id-hero{background:linear-gradient(135deg,#1f85f5 0%,#2d73e7 100%);height:240px;position:relative;overflow:hidden}.employee-id-hero:after{content:"";background:linear-gradient(#ffffff0f,#053b9a14);position:absolute;inset:0}.employee-id-hero i{background:#004ab521;border-radius:28px;display:block;position:absolute;transform:rotate(32deg)}.employee-id-hero i:first-child{width:210px;height:62px;top:25px;left:-55px}.employee-id-hero i:nth-child(2){width:280px;height:78px;top:78px;right:-72px}.employee-id-hero i:nth-child(3){border-radius:50%;width:160px;height:160px;bottom:-102px;right:76px}.employee-id-card{z-index:2;background:#fff;border:1px solid #192b490f;border-radius:26px;margin:-164px 24px 24px;position:relative;overflow:hidden;box-shadow:0 18px 46px #1e487e24}.employee-id-profile{align-items:center;gap:22px;min-height:150px;padding:25px 28px;display:flex}.employee-id-photo{object-fit:cover;background:#edf2f8;border-radius:4px;flex:none;width:92px;height:112px}.employee-id-photo-fallback{color:#fff;background:linear-gradient(145deg,#3b91f7,#1769d5);place-items:center;font-size:38px;font-weight:800;display:grid}.employee-id-profile>div{gap:7px;min-width:0;display:grid}.employee-id-profile strong{color:#1b2436;letter-spacing:-.03em;font-size:29px}.employee-id-profile span{color:#5e6879;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.employee-id-profile small{color:#8b94a3;font-size:12px}.employee-id-qr{text-align:center;border-top:1px solid #edf0f4;padding:38px 28px 26px}.employee-id-qr-title{color:#768194;letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:750}.qr-preview-image-wrap{background:#fff;border-radius:12px;width:min(300px,100%);margin:0 auto;padding:8px}.qr-preview-image-wrap img{width:100%;height:auto;display:block}.employee-id-scan-tip{color:#768194;margin:17px 0 0;font-size:13px}.employee-id-expiration{color:#9aa2ae;margin:8px 0 0;font-size:11px}.qr-preview-actions{border-top:1px solid #edf0f4;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:20px 24px 24px;display:grid}.qr-preview-actions .secondary-button{margin:0}@media (max-width:860px){.admin-grid{grid-template-columns:1fr}.admin-title{align-items:flex-start}.admin-main{width:min(100% - 24px,720px);padding-top:24px}.admin-header{height:64px;padding:0 14px}.admin-header nav a{display:none}}@media (max-width:520px){.admin-login-card{padding:30px 22px}.admin-title h1{font-size:31px}.admin-stat{display:none}.admin-card{padding:21px 16px}.employee-form{grid-template-columns:1fr}.full-field{grid-column:auto}.employee-list-card .admin-card-heading{display:block}.search-input{width:100%;margin-top:14px}.certificate-card{padding:24px 18px}.authorized-seal{width:118px;height:118px}.qr-preview-backdrop{padding:0}.qr-preview-dialog.employee-id-preview{border:0;border-radius:0;width:100%;height:100%;max-height:100vh}.employee-id-preview-header{height:70px}.employee-id-preview-header h2{font-size:18px}.qr-preview-close{top:12px;left:12px}.employee-id-hero{height:220px}.employee-id-card{border-radius:23px;margin:-150px 16px 20px}.employee-id-profile{gap:17px;min-height:132px;padding:21px}.employee-id-photo{width:78px;height:96px}.employee-id-profile strong{font-size:25px}.employee-id-profile span{font-size:13px}.employee-id-qr{padding:30px 20px 22px}.qr-preview-image-wrap{width:min(280px,100%)}.employee-id-card .qr-preview-actions{grid-template-columns:1fr 1fr;padding:18px}}.invalid-card,.checking-card{text-align:center}.checking-card h1{letter-spacing:-.04em;margin:13px 0 0;font-size:34px}.checking-card p{color:var(--muted);margin:14px 0 0;line-height:1.7}.checking-spinner{border:4px solid var(--green-soft);border-top-color:var(--green);border-radius:50%;width:48px;height:48px;margin:0 auto 26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.invalid-mark{color:#9b4440;background:#f4dfdc;margin-left:auto;margin-right:auto;font-size:28px}@media (max-width:820px){.topbar-inner{width:calc(100% - 32px);height:66px}.home-grid{width:min(560px,100% - 28px);min-height:auto;padding:20px 0 28px;display:block}.hero-panel{border-radius:24px;padding:39px 24px 30px}.hero-panel h1{font-size:36px}.hero-copy{font-size:14px}.scan-motif{width:206px;height:206px;margin:28px auto 26px}.info-panel{border-radius:22px;margin-top:14px;padding:32px 24px}.info-panel h2{font-size:28px}.compact-page,.result-page{width:min(100% - 28px,680px);padding:28px 0 44px}.manual-card,.invalid-card,.checking-card{border-radius:22px;padding:36px 24px}.result-heading{gap:14px}.success-mark{border-radius:17px;width:54px;height:54px}.result-heading h1{font-size:29px}.certificate-card{border-radius:21px;padding:28px 22px}.seal-row{gap:12px;min-height:142px}.company-seal{width:118px;height:118px}.company-seal span{font-size:9px}.company-seal strong{font-size:13px}.seal-row>p{font-size:11px}}@media (max-width:430px){.brand-name{font-size:16px}.environment-pill{padding:7px 9px;font-size:10px}.home-grid{width:calc(100% - 20px);padding-top:10px}.hero-panel{padding:34px 18px 27px}.scan-motif{width:194px;height:194px}.info-panel{padding:30px 20px}.certificate-topline span:first-child{font-size:18px}.result-message{font-size:15px}.employee-data{padding:3px 14px}.employee-data>div{gap:12px}.seal-row{display:block}.company-seal{margin:22px 0 0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}