:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b42;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #dce4ef;border-radius:14px;background:white;color:#2363c3;padding:15px 18px;font-weight:650;min-height:48px}button:disabled{opacity:.5;cursor:default}button.primary,.primary{background:#2463d4;color:white;border-color:#2463d4}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible{outline:3px solid #7cacf5;outline-offset:2px}a{color:inherit}header{height:90px;display:flex;align-items:center;gap:16px;max-width:1120px;margin:auto;padding:16px 24px}.icon-button{border:0;background:transparent;padding:8px;font-size:26px;min-width:48px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:1px}.brand img{width:44px;height:44px;border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#64748b;margin-top:3px}.badge{margin-left:auto;color:#708197;font-size:10px;letter-spacing:1.4px;font-weight:700}main{max-width:1060px;margin:auto;padding:22px 24px 80px}h1{font-size:34px;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:22px;letter-spacing:-.4px;margin:4px 0 14px}p{line-height:1.55}small,.muted{color:#64748b}.eyebrow{font-size:11px;font-weight:750;color:#2463c3;letter-spacing:1.3px;margin:12px 0}.subheading{margin:0 0 24px;color:#6a7b8d}.hero{background:#132a4b;border-radius:24px;padding:30px;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0}.hero h2{font-size:30px;margin:10px 0}.hero p{color:#bdd0ea;margin:0}.hero .eyebrow{color:#91bafa}.hero img{width:104px;height:104px;border-radius:24px}.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.stats b{display:block;font-size:25px;color:white}.stats span{font-size:12px;color:#bdd0ea}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{border:1px solid #dce4ef;border-radius:22px;padding:24px;text-align:left;text-decoration:none;background:white;display:block}.action-card strong{font-size:20px;display:block;margin:20px 0 8px}.action-card p{font-size:14px;color:#64748b;margin:0}.action-icon{display:grid;place-items:center;border-radius:14px;width:48px;height:48px;font-size:25px;color:#2463d4;background:#e9f0ff}.action-card:first-child{background:#2463d4;color:white;border-color:#2463d4}.action-card:first-child p{color:#dce8ff}.action-card:first-child .action-icon{background:#ffffff24;color:white}.panel{background:white;border:1px solid #dce4ef;border-radius:22px;padding:24px;margin:20px 0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title a{color:#2463c3;font-size:13px}.steps{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#64748b}.steps b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf1fe;color:#2463c3;margin-right:5px}.local-note{font-size:12px;color:#738296;line-height:1.6;margin-top:24px}.notice{background:#e8effb;border-radius:14px;padding:14px 18px;font-size:14px;color:#4a6588;margin:18px 0}.warn{background:#fff4de;color:#795319}label{font-size:12px;font-weight:700;color:#62758b;display:block;letter-spacing:.35px;margin:16px 0 7px}input,select{width:100%;border:1px solid #d9e2ee;border-radius:12px;background:#f4f7fb;padding:14px;color:#172b42;font-size:16px;min-height:50px}input:focus,select:focus{outline:2px solid #a9c9ff;border-color:#2463d4}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.row .small-btn{flex:0 0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}form>button{margin-top:20px;width:100%}.lookup{white-space:pre-line;color:#50687e;font-size:14px;line-height:1.7;margin:16px 0}.search-box{position:relative;flex:2;min-width:180px}.search-box input{padding-right:54px}.clear{position:absolute;right:2px;top:1px;background:transparent;border:0;font-size:26px;padding:0;width:48px;color:#64748b}.table-wrap{overflow:auto;border:1px solid #dce4ef;border-radius:16px;background:white;margin-top:18px}table{border-collapse:collapse;min-width:850px;width:100%;font-size:13px}th{text-align:left;background:#132a4b;color:white;font-size:11px;white-space:nowrap}th,td{padding:17px 14px;border-bottom:1px solid #e1e7ef}tbody tr:nth-child(even){background:#f6f9fd}td:nth-child(2){font-weight:650}tfoot{font-weight:700;background:#eaf1fb}.empty{text-align:center;padding:44px 20px;color:#718197}.empty strong{display:block;color:#253b55;font-size:18px;margin-bottom:6px}.empty a{color:#2463d4;display:block;margin-top:16px}.total{color:#2463c3;font-weight:750}.danger{color:#ad3949}#drawer{position:fixed;inset:0;background:#132a4b66;z-index:30}#drawer[hidden],#scanner[hidden],[hidden]{display:none!important}.drawer-inner{background:#f7f9fd;height:100%;width:min(360px,90vw);padding:24px;padding-top:max(24px,env(safe-area-inset-top));overflow:auto;box-shadow:10px 0 50px #10233e33}.drawer-title{display:flex;align-items:center;justify-content:space-between;font-size:22px}.drawer-inner a{display:flex;justify-content:space-between;text-decoration:none;padding:16px 0;border-bottom:1px solid #dde5f0;font-size:15px}.drawer-inner .eyebrow{margin-top:28px}dialog{border:0;border-radius:24px;padding:24px;width:min(460px,calc(100% - 28px));max-height:85dvh;color:#172b42;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#0c203c99}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions button{flex:1}.error{color:#af3047;font-size:14px;white-space:pre-line}#toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#132a4b;color:white;padding:14px 20px;max-width:90%;border-radius:14px;z-index:100;font-size:14px;box-shadow:0 5px 25px #0003}#scanner{position:fixed;inset:0;background:#101c2d;z-index:40}#video{height:100%;width:100%;object-fit:cover}.scan-head{position:absolute;top:max(20px,env(safe-area-inset-top));left:16px;right:16px;background:#132a4bee;padding:20px;border-radius:20px;color:white}.scan-head .eyebrow{color:#a7caff}.scan-head p{font-size:14px;color:#d3e3f7;margin-bottom:0}.scan-frame{position:absolute;top:42%;left:5%;width:90%;height:22%;border:2px solid #7ad3b8;border-radius:18px;pointer-events:none;box-shadow:0 0 0 999px #0002}.scan-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;gap:10px}.scan-controls button{flex:1}#modal{z-index:60}.file-label{display:inline-block;background:#2463d4;color:white;border-radius:14px;padding:16px;font-size:15px;cursor:pointer;margin:8px 0}.file-label input{display:none}.help-list li{margin:16px 0;line-height:1.6}footer{margin:30px 0 0;font-size:12px;color:#8a98a8}@media(max-width:650px){header{height:80px;padding:14px 16px;gap:8px}.badge{font-size:9px}.brand small{font-size:8px}main{padding:12px 16px 50px}h1{font-size:30px}.hero{padding:24px;margin-top:22px;gap:12px}.hero h2{font-size:25px}.hero img{width:76px;height:76px}.grid{grid-template-columns:1fr}.action-card{position:relative;padding:20px 20px 20px 84px;min-height:105px}.action-icon{position:absolute;left:20px;top:26px}.action-card strong{margin:3px 0 7px;font-size:19px}.action-card p{font-size:13px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.row>*{min-width:120px}.row .small-btn{min-width:48px}.steps{gap:12px}.stats{gap:20px}.hero .eyebrow{font-size:9px}.scan-frame{height:19%}}

/* Camera repair v2: show actual capture field; do not crop preview with cover. */
#video{object-fit:contain}.camera-tools{position:absolute;bottom:calc(90px + env(safe-area-inset-bottom));left:16px;right:16px;padding:12px;background:#132a4bea;border-radius:16px;color:white}.camera-options{display:flex;gap:8px}.camera-options select{flex:1;min-width:0;max-width:100%;font-size:13px;padding:10px;background:#f4f7fb}.camera-options button{font-size:13px;padding:10px;white-space:nowrap}.camera-tools p{font-size:11px;color:#c5d6eb;margin:7px 0 0}.camera-tools label{margin:6px 0 0;color:#d9e6fa;font-size:12px}.camera-tools input[type=range]{border:0;min-height:28px;padding:0;background:transparent;accent-color:#70cdbb}.camera-tools #zoom-row{display:flex;align-items:center;gap:12px}.camera-tools #zoom-row label{white-space:nowrap}.scan-head{padding:16px}.scan-head h2{margin-bottom:8px}.scan-head p{margin-top:8px;font-size:13px}.scan-frame{top:43%;height:18%}


header{height:0!important;padding:0!important}
#menu{position:fixed;left:12px;top:max(10px,env(safe-area-inset-top));z-index:25;width:44px;height:44px;min-width:44px;min-height:44px;padding:4px;border:1px solid #dce4ef;border-radius:10px;background:#f7f9fd;box-shadow:0 2px 8px #132a4b18}
main{padding:64px 16px 56px}
button{min-height:40px;padding:9px 12px;border-radius:10px;font-size:14px}
input,select{min-height:42px;padding:10px 12px;border-radius:10px}
h1{font-size:28px;margin:6px 0 10px}
.panel{padding:14px;margin:12px 0;border-radius:16px}
.notice{padding:10px 12px;margin:12px 0;border-radius:12px}
.row{gap:8px}.row>*{min-width:0}
.search-box{min-width:140px}.search-box input{padding-right:40px}
.clear{height:40px;min-height:40px;width:36px}
th,td{padding:10px}
.table-wrap{margin-top:12px;border-radius:12px}
.local-note{margin-top:12px}
#stock-sheet-one,#stock-sheet-two{font-size:13px;line-height:1.3;padding:8px;min-height:40px}
.drawer-inner{padding:18px}
.drawer-inner a{padding:12px 0;font-size:14px}
.drawer-inner .drawer-brand{display:flex;align-items:center;gap:10px;padding:12px 0;border:0}
.drawer-brand img{width:36px;height:36px;border-radius:9px}
.drawer-brand strong{display:block}.drawer-brand small{display:block;font-size:11px}
#current-member{font-size:13px;color:#50687e;margin:4px 0 12px}
.transaction-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.transaction-meta input{font-size:14px;background:#eaf0f9}
@media(max-width:650px){main{padding:64px 12px 56px}h1{font-size:26px}.panel{padding:12px}.row>*{min-width:0}.search-box{min-width:140px}.file-label{padding:10px 12px;font-size:14px}.action-card{padding-top:14px;padding-bottom:14px;min-height:88px}}


header{position:fixed;top:0;left:0;right:0;z-index:25;max-width:none;height:56px!important;padding:6px 12px!important;display:flex;align-items:center;gap:10px;background:#f3f6fb;border-bottom:1px solid #dce4ef}
header #menu{position:static;box-shadow:none;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;padding:2px}
.header-logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:15px;font-weight:700}
.header-logo img{width:34px;height:34px;border-radius:9px}
main{padding-top:68px}
#results table{table-layout:fixed;min-width:0}
#results td{overflow-wrap:anywhere;vertical-align:top}
#results th{padding-right:18px}
.column-resize{position:absolute;right:0;top:0;bottom:0;min-height:0;width:12px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;cursor:col-resize;touch-action:none;color:white}
.column-resize:after{content:"";display:block;height:55%;width:2px;margin:auto;background:#ffffff66}
.sort-sl{border:0;background:transparent;color:white;padding:0;min-height:24px;font-size:inherit;white-space:nowrap}
@media(max-width:650px){main{padding-top:68px}}

header{height:0!important;padding:0!important;border:0;background:transparent;pointer-events:none}header #menu{position:fixed;left:12px;top:max(10px,env(safe-area-inset-top));pointer-events:auto;z-index:25;background:#f7f9fd;box-shadow:0 2px 8px #132a4b18}main{padding-top:64px}@media(max-width:650px){main{padding-top:64px}}