:root{font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#18212f;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;border:1px solid #d8dee8;border-radius:8px;background:#fff;color:#18212f;outline:none;padding:11px 12px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2d6cdf;box-shadow:0 0 0 3px #2d6cdf24}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #e8edf3;padding:13px 12px;text-align:left;vertical-align:middle}th{color:#627086;font-weight:700;background:#f8fafc}.btn,.icon-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700;min-height:42px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn{padding:0 16px}.btn-large{min-height:54px;font-size:16px}.btn:hover,.icon-btn:hover{transform:translateY(-1px)}.btn-primary{background:#2d6cdf;color:#fff;box-shadow:0 8px 16px #2d6cdf2e}.btn-dark{background:#162235;color:#fff}.btn-ghost{background:#edf1f6;color:#26364d}.btn-danger{background:#ffe9e9;color:#b42318}.btn-danger:hover{box-shadow:0 8px 16px #b423181f}.icon-btn{width:40px;height:40px;background:#eef2f7;color:#233149}.icon-btn-danger{background:#ffe9e9;color:#b42318}.icon-btn-ghost{background:#eef2f7}.kicker{color:#2d6cdf;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f4f6f8f5,#f4f6f8f5),url("data:image/svg+xml,%3Csvg width='1200' height='720' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1200' height='720' fill='%23e8edf3'/%3E%3Cpath d='M0 520h1200v200H0z' fill='%23dfe7ef'/%3E%3Cpath d='M120 430h260v90H120zM430 380h330v140H430zM820 420h260v100H820z' fill='%23c8d2df'/%3E%3C/svg%3E");background-size:cover}.login-panel{width:min(460px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:28px;box-shadow:0 20px 50px #1d2b4124}.brand-row,.admin-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#162235;color:#fff}.brand-row h1{margin:0;font-size:28px}.brand-row p,.login-hints,.mobile-top p,.scanner-head p,.record-card p,.task-card p,.export-box p{margin:4px 0 0;color:#627086}.login-form{display:grid;gap:14px;margin-top:28px}.login-form label,.form-grid label,.setting-card label{display:grid;gap:7px;color:#536177;font-size:13px;font-weight:700}.form-error{padding:10px 12px;color:#b42318;background:#fff0f0;border-radius:8px}.login-hints{display:grid;gap:5px;margin-top:18px;font-size:13px}.mobile-shell{max-width:620px;margin:0 auto;min-height:100vh;background:#f4f6f8;padding:16px}.mobile-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:8px 2px 14px}.mobile-top h1,.admin-topbar h1{margin:2px 0 0;font-size:24px}.station-strip,.manual-row,.search-row,.task-actions,.date-row{display:flex;gap:10px;align-items:center}.station-strip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.mobile-tabs,.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mode-row{grid-template-columns:repeat(2,1fr)}.mode-row.inline{width:260px;margin:0}.mobile-tabs button,.mode-row button{border:1px solid #d8dee8;background:#fff;color:#536177;min-height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800}.mobile-tabs button.active,.mode-row button.active{background:#162235;color:#fff;border-color:#162235}.mobile-section,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.scanner-panel{border:1px solid #dde5ee;border-radius:8px;overflow:hidden;background:#101827;color:#fff}.scanner-panel-compact{display:grid;gap:10px;background:#f8fafc;color:#18212f;padding:12px}.scanner-compact{display:flex;align-items:center;gap:12px}.scanner-compact>svg{flex:0 0 auto;width:44px;height:44px;padding:10px;border-radius:8px;background:#162235;color:#fff}.scanner-compact h3{margin:0;font-size:17px}.scanner-compact p{margin:4px 0 0;color:#627086;line-height:1.45}.scanner-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px}.scanner-head h3{margin:0}.video-shell{position:relative;aspect-ratio:4 / 3;background:#0f172a;overflow:hidden}.video-shell video{width:100%;height:100%;object-fit:cover}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;color:#dbe6f3}.scan-line{position:absolute;left:9%;right:9%;top:50%;height:2px;background:#33d17a;box-shadow:0 0 18px #33d17acc}.scanner-status{padding:10px 12px;color:#ffdf8a;background:#1d2939}.scanner-panel-compact .scanner-status{border:1px solid #ffe2a8;border-radius:8px;background:#fff8e8;color:#7a4a00}body.barcode-scanner-active{visibility:hidden;background:transparent!important}body.barcode-scanner-active #root,body.barcode-scanner-active .mobile-shell,body.barcode-scanner-active .mobile-section,body.barcode-scanner-active .scanner-panel{background:transparent!important}body.barcode-scanner-active .barcode-scanner-modal,body.barcode-scanner-active .barcode-scanner-modal *{visibility:visible}.native-scanner-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-rows:auto 1fr auto;padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));color:#fff;pointer-events:auto}.native-scanner-top,.native-scanner-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background:#0b1220c2;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.native-scanner-bottom{justify-content:center;font-weight:800}.native-scanner-frame{align-self:center;justify-self:center;position:relative;width:min(78vw,360px);aspect-ratio:1.58 / 1;border:1px solid rgba(255,255,255,.35);border-radius:8px;box-shadow:0 0 0 999px #070b1457}.native-scanner-frame:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:#33d17a;box-shadow:0 0 18px #33d17ae0}.native-scanner-frame span{position:absolute;width:34px;height:34px;border-color:#33d17a}.native-scanner-frame span:nth-child(1){left:-1px;top:-1px;border-left:4px solid;border-top:4px solid}.native-scanner-frame span:nth-child(2){right:-1px;top:-1px;border-right:4px solid;border-top:4px solid}.native-scanner-frame span:nth-child(3){right:-1px;bottom:-1px;border-right:4px solid;border-bottom:4px solid}.native-scanner-frame span:nth-child(4){left:-1px;bottom:-1px;border-left:4px solid;border-bottom:4px solid}.manual-row{margin:12px 0}.batch-head{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#536177}.batch-list,.record-list,.reason-list,.task-table,.station-summary{display:grid;gap:10px}.batch-item,.record-card,.task-card,.setting-card,.reason-row,.station-row,.export-box{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#fff}.batch-main,.record-card,.task-head,.reason-row,.station-row,.panel-toolbar,.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-main strong{flex:1;word-break:break-all}.child-editor{display:grid;gap:8px;margin-top:10px}.submit-wide{width:100%;margin-top:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-grid.desktop{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{min-height:92px;border:1px solid #e2e8f0;border-radius:8px;padding:13px;display:flex;align-items:center;gap:12px;background:#fff}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:8px}.stat-value{font-size:26px;line-height:1;font-weight:850}.stat-label{margin-top:5px;color:#627086;font-size:13px}.stat-blue .stat-icon,.pill-blue{background:#e8f0ff;color:#245cc7}.stat-green .stat-icon,.pill-green{background:#e8f7ef;color:#12805c}.stat-orange .stat-icon,.pill-orange{background:#fff2de;color:#a15c00}.stat-red .stat-icon,.pill-red{background:#ffecec;color:#b42318}.stat-purple .stat-icon,.pill-purple{background:#f0ecff;color:#6941c6}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.empty{display:grid;place-items:center;gap:8px;color:#7a8798;min-height:120px;border:1px dashed #d8dee8;border-radius:8px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-list{margin-top:12px}.result-list p{margin:6px 0;color:#536177}.preview-image{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{min-height:100vh;background:#162235;color:#fff;padding:18px;display:flex;flex-direction:column;gap:22px}.admin-brand .brand-mark{background:#fff;color:#162235}.admin-brand span{display:block;color:#aeb9c8;font-size:13px;margin-top:2px}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar nav button,.sidebar-logout{min-height:44px;border:0;border-radius:8px;background:transparent;color:#dbe5f2;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:750;text-align:left}.admin-sidebar nav button.active,.admin-sidebar nav button:hover,.sidebar-logout:hover{background:#23334d;color:#fff}.sidebar-logout{margin-top:auto;width:100%}.admin-main{padding:22px;min-width:0}.admin-topbar{margin-bottom:18px}.user-chip{border:1px solid #d8dee8;background:#fff;border-radius:8px;min-height:42px;padding:0 12px;display:flex;gap:8px;align-items:center;color:#536177;font-weight:800}.panel{padding:16px}.panel-toolbar{flex-wrap:wrap;margin-bottom:14px}.panel-toolbar>select,.panel-toolbar>input,.inline-search input{width:auto;min-width:160px}.inline-search{display:flex;gap:8px;align-items:center;margin-left:auto}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:8px}.table-actions{display:flex;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0d162385;display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 24px 70px #00000047;padding:16px}.modal-wide{width:min(920px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-head h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span-2{grid-column:span 2}.station-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.setting-card{display:grid;gap:14px}.setting-card span,.station-row span{color:#627086;font-size:13px}.reason-row button{border:0;border-radius:8px;padding:8px 12px;background:#eef2f7;color:#233149;font-weight:800}.task-create{display:grid;gap:10px;margin-bottom:14px}.management-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.management-form.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.muted-text{margin-top:4px;color:#7a8798;font-size:12px}.station-metrics{display:flex;flex-wrap:wrap;gap:8px}.station-metrics span{background:#eef2f7;color:#26364d;padding:6px 8px;border-radius:8px;font-weight:800}.export-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.export-box{display:grid;gap:12px;align-content:start}.export-box h3{margin:0}.export-box.muted{background:#f8fafc}.toast{position:fixed;right:18px;bottom:18px;z-index:80;min-width:220px;max-width:min(420px,calc(100vw - 36px));border-radius:8px;padding:13px 14px;color:#fff;font-weight:800;box-shadow:0 18px 40px #00000038}.toast-info,.toast-success{background:#12805c}.toast-error{background:#b42318}.toast-warning{background:#a15c00}.is-loading svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:sticky;top:0;z-index:20}.admin-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-sidebar nav button{justify-content:center;font-size:12px}.stats-grid.desktop,.export-panel,.management-form,.management-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.login-panel{padding:20px}.station-strip,.manual-row,.search-row,.task-actions,.date-row{align-items:stretch}.manual-row,.search-row,.task-actions,.date-row,.panel-toolbar,.inline-search,.station-row,.record-card{flex-direction:column}.panel-toolbar>select,.panel-toolbar>input,.inline-search,.inline-search input{width:100%}.stats-grid,.stats-grid.desktop,.result-grid,.export-panel,.form-grid,.management-form,.management-form.compact{grid-template-columns:1fr}.span-2{grid-column:span 1}.admin-main{padding:14px}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-tabs{grid-template-columns:repeat(3,1fr)}}