:root{--bg:#f4f6f9;--panel:#fff;--border:#e3e8ef;--text:#1e293b;--muted:#64748b;--brand:#1a73e8;--brand-dark:#1557b0;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--indigo:#6366f1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--brand);text-decoration:none}button{cursor:pointer;font-family:inherit}.loading{height:100%;color:var(--muted);place-items:center;display:grid}.login-wrap{place-items:center;height:100%;padding:20px;display:grid}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:380px;padding:32px;box-shadow:0 8px 30px #0000000f}.brand{color:var(--brand);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.brand-sub{color:var(--muted);margin:2px 0 22px;font-size:13px}.login-box label{color:var(--muted);margin:12px 0 5px;font-size:12px;font-weight:600;display:block}.login-box input{border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.login-box input:focus{border-color:var(--brand);outline:none}.btn-primary{background:var(--brand);color:#fff;border:none;border-radius:8px;width:100%;margin-top:18px;padding:11px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:disabled{opacity:.6}.error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:9px 12px;font-size:13px}.link-btn{color:var(--brand);font-size:inherit;background:0 0;border:none;padding:0}.shell{grid-template-columns:230px 1fr;height:100%;display:grid}.sidebar{color:#cbd5e1;background:#0f172a;flex-direction:column;padding:18px 12px;display:flex}.sidebar .logo{color:#fff;padding:4px 10px 18px;font-size:20px;font-weight:800}.nav-item{text-align:left;color:#94a3b8;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:var(--brand);color:#fff}.sidebar .spacer{flex:1}.sidebar .who{border-top:1px solid #ffffff14;padding:12px 10px;font-size:13px}.sidebar .who .name{color:#fff;font-weight:600}.sidebar .who .role{color:#64748b;font-size:12px}.main{padding:22px 26px;overflow-y:auto}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar h1{margin:0;font-size:22px}.topbar .sub{color:var(--muted);margin-top:2px;font-size:13px}.topbar-controls{align-items:center;gap:10px;display:flex}.select,.topbar-controls select{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}.btn-ghost{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 14px;font-size:13px}.filterbar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.filterbar select,.filterbar input{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}.filterbar select:focus,.filterbar input:focus{border-color:var(--brand);outline:none}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.kpi .label{color:var(--muted);font-size:12px;font-weight:600}.kpi .val{margin-top:6px;font-size:26px;font-weight:800}.kpi .hint{color:var(--muted);margin-top:4px;font-size:11px}.kpi.clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}.kpi.clickable:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 14px #1a73e81f}.kpi.clickable .val{color:var(--brand)}.shop-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:16px;transition:border-color .12s,box-shadow .12s,transform .12s}.shop-card:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:0 4px 14px #1a73e81f}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:22px;padding:18px}.panel h2{margin:0 0 14px;font-size:15px}.grid-2{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (width<=900px){.grid-2,.shell{grid-template-columns:1fr}.sidebar{display:none}}.bar-row{align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.bar-row .name{width:130px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-track{background:#eef2f7;border-radius:6px;flex:1;height:18px;overflow:hidden}.bar-fill{background:var(--brand);border-radius:6px;height:100%}.bar-row .num{text-align:right;width:28px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:14.5px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid #f1f5f9;padding:12px}tr:hover td{background:#fafbfc}.tag{border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.tag-red{color:#b91c1c;background:#fef2f2}.tag-amber{color:#b45309;background:#fffbeb}.tag-green{color:#047857;background:#ecfdf5}.tag-grey{color:#475569;background:#f1f5f9}.tag-indigo{color:#4338ca;background:#eef2ff}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:30px}.thumb{object-fit:cover;cursor:pointer;background:#f1f5f9;border-radius:6px;width:40px;height:40px}.thumb-empty{cursor:default;opacity:.5}.thumb-pop{z-index:200;pointer-events:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:6px;position:fixed;box-shadow:0 16px 50px #00000047}.thumb-pop img{object-fit:contain;background:#f8fafc;border-radius:8px;width:288px;height:288px;display:block}.row-click{cursor:pointer}.modal-overlay{z-index:50;background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.modal-head h3{margin:0;font-size:17px}.modal-head .close{color:var(--muted);background:0 0;border:none;font-size:20px;line-height:1}.modal-body{padding:18px 22px}.modal-photo{object-fit:cover;background:#f1f5f9;border-radius:10px;width:100%;max-height:260px;margin-bottom:16px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px 22px;display:grid}.detail-grid .item .k{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.detail-grid .item .v{margin-top:1px;font-size:14px;font-weight:600}.detail-section{color:var(--brand);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border);margin:18px 0 8px;padding-top:12px;font-size:12px;font-weight:700}.reorder-box{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;margin-top:6px;padding:14px 16px}.reorder-box .big{color:#4338ca;font-size:20px;font-weight:800}.landing{color:var(--text);background:#fff;overflow-x:hidden}.lwrap{max-width:1080px;margin:0 auto;padding:0 24px}.lnav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.lnav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.llogo{color:var(--brand);letter-spacing:-.5px;font-size:24px;font-weight:800}.llogo-sm{font-size:20px}.lnav-right{align-items:center;gap:22px;display:flex}.lnav-link{color:var(--muted);font-size:14px;font-weight:600}.lnav-link:hover{color:var(--text)}.lbtn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lbtn-lg{border-radius:12px;padding:14px 26px;font-size:16px}.lbtn-primary{background:var(--brand);color:#fff}.lbtn-primary:hover{background:var(--brand-dark)}.lbtn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.lbtn-ghost:hover{border-color:var(--brand);color:var(--brand)}.lbtn-white{color:var(--brand);background:#fff}.lbtn-white:hover{background:#f0f5ff}.lhero{background:radial-gradient(900px 500px at 80% -10%,#1a73e82e,#0000 60%),linear-gradient(#f7faff 0%,#fff 100%);padding:76px 0 64px}.lhero-inner{text-align:center;max-width:820px;margin:0 auto}.lpill{color:var(--brand-dark);background:#e8f0fe;border-radius:999px;margin-bottom:22px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.lhero h1{letter-spacing:-1.5px;margin:0 0 18px;font-size:clamp(34px,6vw,58px);font-weight:800;line-height:1.05}.lgrad{background:linear-gradient(90deg, var(--brand), #6366f1);color:#0000;-webkit-background-clip:text;background-clip:text}.llead{color:var(--muted);max-width:640px;margin:0 auto 30px;font-size:clamp(16px,2.2vw,20px);line-height:1.55}.lhero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lstats{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:50px;display:flex}.lstat{background:var(--panel);border:1px solid var(--border);border-radius:14px;min-width:200px;padding:18px 24px;box-shadow:0 6px 20px #0f172a0a}.lstat-n{color:var(--brand);font-size:30px;font-weight:800}.lstat-t{color:var(--muted);margin-top:4px;font-size:13px}.lband-quote{color:#e2e8f0;background:#0f172a;padding:40px 0}.lband-quote p{text-align:center;margin:0;font-size:clamp(17px,2.4vw,22px);font-weight:500;line-height:1.5}.lsection{padding:72px 0}.lsection-alt{background:var(--bg)}.lh2{text-align:center;letter-spacing:-.8px;margin:0 0 46px;font-size:clamp(26px,4vw,36px);font-weight:800}.lsteps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.lstep{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 22px}.lstep-n{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:16px;font-size:18px;font-weight:800;display:grid}.lstep h3{margin:0 0 8px;font-size:17px}.lstep p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.lfeatures{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.lfeature{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px 20px;transition:transform .12s,box-shadow .12s}.lfeature:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a12}.lfeature-i{margin-bottom:12px;font-size:26px}.lfeature h3{margin:0 0 7px;font-size:16px}.lfeature p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.lcta-band{background:linear-gradient(120deg, var(--brand), #4338ca);color:#fff;text-align:center;padding:72px 0}.lcta-band h2{letter-spacing:-.8px;margin:0 0 10px;font-size:clamp(26px,4vw,38px);font-weight:800}.lcta-band p{opacity:.92;margin:0 0 26px;font-size:17px}.lfooter{color:#94a3b8;background:#0f172a;padding:28px 0}.lfooter-inner{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lfooter .llogo{color:#fff}.lfoot-tag{font-size:13px}.lfoot-muted{color:#64748b;margin-left:auto;font-size:13px}@media (width<=860px){.lsteps,.lfeatures{grid-template-columns:1fr 1fr}.lnav-link{display:none}}@media (width<=520px){.lsteps,.lfeatures{grid-template-columns:1fr}}