*{box-sizing:border-box}body{color:#102a43;background:#f6f8fb;margin:0;font-family:Arial,Noto Sans SC,sans-serif}.app{min-height:100vh;display:flex}aside{color:#dbe8f4;background:#102a43;flex-direction:column;width:230px;padding:28px 16px;display:flex}.logo{align-items:center;gap:10px;padding:0 9px 25px;display:flex}.logo>b{color:#102a43;background:#f1b769;border-radius:10px;padding:8px 11px;font-size:19px}.logo span{color:#fff;font-weight:700}.logo small{color:#9db5c9;margin-top:3px;font-size:10px;display:block}.store{color:#a9c0d2;border:1px solid #31516b;border-radius:9px;margin-bottom:24px;padding:10px;font-size:11px}nav{gap:6px;display:grid}nav button{color:#a9c0d2;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:12px;font-size:13px;display:flex}nav button.on{color:#fff;background:#224b68;border-left:3px solid #f1b769}.sidefoot{color:#a9c0d2;margin-top:auto;font-size:12px}.sidefoot hr{border:0;border-top:1px solid #31516b;margin:18px 0}main{width:100%;max-width:1250px;padding:35px 44px}header{justify-content:space-between;margin-bottom:24px;display:flex}header small{color:#7892a8;font-size:11px}h1{margin:8px 0;font-size:24px}header>div:last-child{gap:12px;display:flex}.bell,.avatar{color:#55758f;background:0 0;border:0}.avatar{color:#744d25;background:#e9c89c;border-radius:50%;width:34px;height:34px;font-weight:700}.hero{background:#dae9f3;border-radius:15px;min-height:180px;padding:28px 31px}.tag{color:#a66a2c;background:#fff1db;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-block}.hero h2{margin:14px 0 6px;font-size:24px}.hero p,.card p,.panel p{color:#7892a8;font-size:12px}.primary{color:#fff;background:#e8a452;border:0;border-radius:8px;align-items:center;gap:6px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0;display:grid}.metric,.card,.panel{background:#fff;border:1px solid #e5edf3;border-radius:12px}.metric{padding:16px}.metric small{color:#7892a8;font-size:11px;display:block}.metric b{margin:9px 0;font-size:21px;display:block}.metric span{color:#4e9b75;font-size:11px}.cols{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.card{margin-bottom:16px;padding:20px}.card h3{margin:0;font-size:14px}.chart{background:repeating-linear-gradient(#0000 0 36px,#edf2f5 37px);height:150px;margin-top:18px}svg{width:100%}.chart path{fill:none;stroke:#2d6a9f;stroke-width:4px}.todo{border-bottom:1px solid #edf2f5;justify-content:space-between;padding:16px 0;font-size:12px;display:flex}.table p{margin:6px 0 14px}.tr{border-top:1px solid #edf2f5;align-items:center;gap:20px;padding:12px 0;font-size:11px;display:flex}.prod{flex:1;align-items:center;gap:9px;display:flex}.prod em,.thumb{color:#5b8caf;background:#e5f0f8;border-radius:8px;place-items:center;width:33px;height:33px;font-style:normal;display:grid}.prod b,.prod small{display:block}.prod small{color:#94a7b5;margin-top:3px}.panel{padding:25px}.paneltop{justify-content:space-between;display:flex}.panel h2{margin:0}.filters{gap:8px;margin:22px 0;display:flex}.search{background:#f7f9fb;border:1px solid #e5edf3;border-radius:8px;flex:1;align-items:center;gap:7px;padding:0 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:10px;font-size:12px}.filter{background:#fff;border:1px solid #e0e9ef;border-radius:8px;padding:0 13px;font-size:11px}.row{border-top:1px solid #edf2f5;align-items:center;gap:12px;padding:14px 0;display:flex}.rowtxt{flex:1}.rowtxt b,.rowtxt span{display:block}.rowtxt span{color:#94a7b5;margin-top:4px;font-size:10px}.row strong{font-size:12px}.overlay{background:#102a4366;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(440px,100%);padding:25px;position:relative}.x{background:0 0;border:0;position:absolute;top:20px;right:20px}.modal h2{margin:12px 0 22px}.modal label{color:#66839a;margin:13px 0 7px;font-size:11px;display:block}.select{border:1px solid #e1eaf0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;font-size:12px;display:flex}.select small{color:#94a7b5;margin-left:auto;margin-right:8px}.total{border-top:1px solid #edf2f5;justify-content:space-between;margin-top:16px;padding:17px 0;font-size:12px;display:flex}.wide{justify-content:center;width:100%}.success{color:#3f8e64;text-align:center;background:#ecf8f0;border-radius:8px;padding:10px;font-size:11px}@media (width<=800px){aside{width:68px;padding:24px 9px}.logo span,.store,nav button:not(.on):after,nav button{font-size:0}.logo span,.sidefoot{display:none}nav button{justify-content:center}main{padding:25px 17px}.metrics{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media (width<=520px){main{padding:20px 12px}.hero{padding:23px 19px}.hero h2{font-size:20px}.metrics{gap:8px}.metric{padding:12px}.metric b{font-size:17px}.panel{padding:17px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.tr{gap:10px}}@media (width<=600px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:#f6f8fb}.app{min-height:100dvh;display:block}aside{z-index:20;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#102a43f7;border-top:1px solid #31516b;position:fixed;bottom:0;left:0;right:0}aside .logo,aside .store,aside .sidefoot{display:none}aside nav{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:0;height:68px;display:grid}aside nav button,aside nav button.on{color:#9fb7c8;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:4px;padding:8px 2px 5px;font-size:10px;display:flex}aside nav button.on{color:#f7c477;box-shadow:none;background:#1d405b}main{width:100%;max-width:none;padding:calc(18px + env(safe-area-inset-top)) 14px 20px}header{align-items:center;margin-bottom:18px}header h1{letter-spacing:-.4px;margin:5px 0 0;font-size:20px}header small{font-size:10px}.bell,.avatar{place-items:center;min-width:42px;min-height:42px;display:grid}.avatar{width:38px;height:38px}.hero{border-radius:18px;min-height:205px;padding:22px 20px;box-shadow:0 5px 16px #7c9db91c}.hero h2{max-width:240px;font-size:21px;line-height:1.35}.hero p{max-width:220px;font-size:12px;line-height:1.6}.primary{border-radius:11px;min-height:44px;padding:0 17px;font-size:13px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.metric{border-radius:13px;min-height:94px;padding:14px 13px}.metric b{margin:8px 0 5px;font-size:18px}.metric small,.metric span{font-size:10px}.cols{display:block}.card{border-radius:14px;margin-bottom:12px;padding:16px}.card h3{font-size:14px}.quick{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px;display:grid}.quick button{color:#48677e;background:#f9fbfc;border:1px solid #e5edf3;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:54px;padding:13px 8px;font-size:11px;display:flex}.todo{min-height:47px;padding:14px 0}.table{overflow:hidden}.tr{gap:8px;min-height:62px;padding:14px 0}.tr>span{white-space:nowrap;font-size:10px}.prod{min-width:0}.prod b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:11px;overflow:hidden}.prod small{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:9px;overflow:hidden}.panel{border-radius:15px;padding:16px 13px}.paneltop h2{margin:0 0 5px;font-size:18px}.paneltop p{max-width:190px;line-height:1.5}.paneltop .primary{min-height:40px;padding:0 11px;font-size:11px}.filters{gap:7px;margin:16px 0 11px}.search{border-radius:11px;min-height:43px}.search input{font-size:13px}.filter{border-radius:10px;height:40px;padding:0 11px}.row{min-height:67px;padding:11px 2px}.rowtxt b{font-size:12px}.rowtxt span{font-size:10px}.row strong{font-size:11px}.overlay{background:#102a4366;align-items:end;padding:0}.modal{width:100%;padding:25px 20px calc(25px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:88dvh;overflow:auto}.modal h2{margin:11px 0 20px;font-size:20px}.modal label{margin-top:15px;font-size:11px}.modal select,.modal input,.select{background:#fff;border:1px solid #dce7ee;border-radius:11px;width:100%;height:48px;padding:0 12px;font-size:13px}.modal input{outline:0}.modal .wide{height:48px;margin-top:19px}}@media (width>=601px){.quick{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;display:grid}.quick button{color:#48677e;background:#f9fbfc;border:1px solid #e5edf3;border-radius:9px;align-items:center;gap:7px;padding:12px;display:flex}}@media (width>=601px) and (width<=1100px){aside{width:190px;padding:24px 12px}main{max-width:none;padding:28px 26px}header{margin-bottom:20px}.hero{padding:25px 26px}.metrics{grid-template-columns:repeat(2,1fr);gap:12px}.cols{grid-template-columns:1fr;gap:12px}.card,.panel{border-radius:14px}.panel{padding:22px}.row{gap:10px;min-height:64px}.filter,.row select,.report-filters input{min-height:40px}.modal{width:min(560px,100vw - 60px);max-height:88vh;overflow:auto}.modal input,.modal select{min-height:46px}.report-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=601px) and (width<=820px){aside{width:74px;padding:22px 8px}.logo span,.store,.sidefoot{display:none}nav button{justify-content:center;padding:13px 8px;font-size:0}nav button svg{width:21px;height:21px}main{padding:24px 18px}.paneltop{align-items:flex-start;gap:12px}.paneltop .primary{white-space:nowrap}}.archive-box{color:#66839a;background:#f7f9fb;border-radius:10px;margin-top:18px;padding:14px;font-size:11px}.archive-box>b{color:#48677e;margin-bottom:8px;display:block}.archive-box div{border-top:1px solid #e8eef2;justify-content:space-between;padding:7px 0;display:flex}.archive-box small{color:#9aaeba}.archive-box .restore{color:#2d6a9f;cursor:pointer;background:0 0;border:0;font-size:10px}.order-count{color:#7892a8;font-size:12px}.order-row strong small{color:#94a7b5;margin-top:4px;font-size:10px;font-weight:400;display:block}.order-row select{color:#48677e;border:1px solid #e0e9ef;border-radius:7px;padding:7px;font-size:11px}.empty{text-align:center;color:#94a7b5;padding:25px 0}.report-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.report-card{background:#f9fbfc;border:1px solid #e5edf3;border-radius:10px;padding:17px}.report-card small,.report-card b{display:block}.report-card small{color:#7892a8;font-size:11px}.report-card b{margin-top:9px;font-size:20px}.chart-bars{border-top:1px solid #edf2f5;margin-top:24px;padding-top:18px}.chart-bars h3{font-size:14px}.bar-line{color:#7892a8;grid-template-columns:25px 1fr 60px;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:grid}.bar-line div{background:#edf2f5;border-radius:4px;height:9px;overflow:hidden}.bar-line i{background:#e8a452;border-radius:4px;height:100%;display:block}.bar-line strong{text-align:right;font-weight:400}.scan-result{color:#3f8e64;background:#ecf8f0;border-radius:9px;margin-top:14px;padding:13px}.scan-result b,.scan-result span{display:block}.scan-result span{margin-top:5px;font-size:11px}@media (width<=600px){.report-grid{grid-template-columns:repeat(2,1fr);gap:8px}.report-card{padding:13px}.report-card b{font-size:17px}.order-row{flex-wrap:wrap}.order-row select{margin-left:45px}.order-row strong{margin-left:auto}}.scan-button{height:40px;margin-top:10px}.scan-video{background:#102a43;border-radius:10px;width:100%;max-height:180px;margin-top:10px;display:none}.scan-video.on{display:block}.settings-link{color:#a9c0d2;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.secondary{color:#48677e;background:#fff;border:1px solid #dbe7ee;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.setting-note{color:#7892a8;font-size:12px;line-height:1.6}.sync-status{color:#48677e;background:#f7f9fb;border-radius:9px;margin-top:18px;padding:12px;font-size:11px}.sync-status span{color:#7892a8;margin-top:5px;display:block}.notice{color:#996b2f;background:#fff7e8;border-radius:8px;margin:8px 0;padding:12px;font-size:12px}.report-filters{gap:8px;margin:18px 0;display:flex}.report-filters input{color:#48677e;border:1px solid #dce7ee;border-radius:8px;padding:9px;font-size:11px}.import-preview{color:#996b2f;background:#fff7e8;border-radius:9px;margin-top:16px;padding:13px}.import-preview b,.import-preview span{display:block}.import-preview span{margin:6px 0;font-size:11px}@media (width<=600px){.report-filters{flex-wrap:wrap}.report-filters input{flex:1;min-width:120px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal input,.modal select,.search input,.report-filters input{font-size:16px}.quick button,.filter,.primary,.secondary,aside nav button{min-height:44px}.overlay{overscroll-behavior:contain}}