:root{color:#182326;background:#f3f6f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(22,121,111,.05),transparent 260px),#f3f6f6}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid #cbd7da;border-radius:6px;background:#fff;color:#172126;cursor:pointer;font-weight:700;box-shadow:0 1px #1b2d3108;transition:border-color .16s ease,background .16s ease,transform .16s ease}button:hover{border-color:#81959a}button:disabled{cursor:not-allowed;opacity:.5}.danger{border-color:#f2b8aa;color:#a83d22}.primary{border-color:#157c73;background:linear-gradient(180deg,#1b8a7f,#13776e);color:#fff}.ghost{background:transparent;box-shadow:none}.login-shell{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;min-height:100vh}.login-visual{display:flex;flex-direction:column;justify-content:center;padding:7vw;color:#fff;background:linear-gradient(120deg,#082c2ad6,#1351499e),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800'%3E%3Crect width='1200' height='800' fill='%231b4d49'/%3E%3Cg fill='none' stroke='%23e8f7f2' stroke-opacity='.28'%3E%3Cpath d='M90 621c160-126 295-151 405-75s225 67 344-27 219-94 300 1'/%3E%3Cpath d='M0 270c134-63 251-71 351-24s193 37 278-30 181-72 290-15 202 39 281-53'/%3E%3Cpath d='M195 740c28-138 94-244 198-318s218-88 341-43 223 23 300-65'/%3E%3C/g%3E%3Cg fill='%23f6d978' fill-opacity='.7'%3E%3Ccircle cx='835' cy='165' r='5'/%3E%3Ccircle cx='260' cy='300' r='4'/%3E%3Ccircle cx='990' cy='500' r='6'/%3E%3C/g%3E%3C/svg%3E") center / cover}.login-visual h1{max-width:620px;margin:32px 0 14px;font-size:clamp(36px,6vw,72px);line-height:1.05}.login-visual p{max-width:560px;margin:0;font-size:20px;color:#d8ece9}.brand-orbit{position:relative;width:110px;height:110px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.brand-orbit span{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid rgba(246,217,120,.72);border-radius:50%;transform:rotate(28deg) skew(18deg)}.brand-orbit span:nth-child(2){transform:rotate(88deg) skew(18deg)}.brand-orbit span:nth-child(3){top:48px;right:48px;bottom:48px;left:48px;background:#f6d978}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px;background:#fff}.eyebrow{margin:0 0 4px;color:#607074;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0}label{display:grid;gap:7px;color:#405056;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd7da;border-radius:6px;padding:9px 10px;background:#fff;color:#172126}textarea{resize:vertical}.error,.toast{margin:0;border:1px solid #ffc6b8;border-radius:6px;padding:10px 12px;background:#fff1ed;color:#a83d22}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{padding:20px 14px;background:#243134;color:#fff}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand small,td small{display:block;margin-top:4px;color:#7d8e93}.brand small{color:#adbec1}.brand-mark{width:38px;height:38px;flex:0 0 auto;border-radius:8px;background:linear-gradient(135deg,#f6d978 0,#f6d978 45%,#2dd4bf 45%,#2dd4bf)}nav{display:grid;gap:6px}nav button{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;border-color:transparent;background:transparent;color:#d6e4e7}nav button.active{background:#fff;color:#1f2d30;box-shadow:0 6px 18px #0000001f}.workspace{min-width:0;width:100%;max-width:none;padding:32px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.topbar h1{font-size:38px;line-height:1.15}.userbox{display:flex;align-items:center;gap:12px}.panel{border:1px solid #dde7e9;border-radius:8px;padding:24px;background:#fff;box-shadow:0 18px 52px #1b2d3112}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.token-field{margin-bottom:14px}.hint{margin:-4px 0 0;border-radius:6px;padding:9px 10px;background:#fff7df;color:#86620c;font-size:13px}.filters{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr)) minmax(160px,.7fr);gap:12px;margin-bottom:18px}.filters button{width:100%}.table-wrap{width:100%;overflow:auto;border:1px solid #e4ecee;border-radius:8px}table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}th,td{border-bottom:1px solid #e6ecee;padding:16px 14px;text-align:left;vertical-align:top}th{color:#607074;font-size:13px;background:#f5f8f8;position:sticky;top:0;z-index:1}tbody tr{transition:background .14s ease}tbody tr:hover{background:#f8fbfb}tbody tr:last-child td{border-bottom:0}.drawer-active th{position:static}td strong{line-height:1.35}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;min-width:52px;padding:4px 10px;background:#e7f6f1;color:#0f766e;font-size:12px;font-weight:800}.status-success{background:#e4f6ed;color:#13734f}.status-muted{background:#edf1f2;color:#64777d}.status-warning{background:#fff2d5;color:#926313}.status-pending{background:#e9f0ff;color:#355ca8}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions button{min-height:34px;padding:0 12px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.side-form,.drawer-form{display:grid;align-content:start;gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#17212661;z-index:1000}.drawer{position:relative;z-index:1001;width:min(620px,100vw);height:100%;overflow:auto;padding:28px;background:#fff;box-shadow:-20px 0 45px #1721262e}.close{position:absolute;top:16px;right:16px;width:36px;padding:0;font-size:24px}pre{max-width:100%;overflow:auto;border-radius:6px;padding:12px;background:#172126;color:#e8f7f2;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid div{border:1px solid #e0e8ea;border-radius:8px;padding:14px;background:#f8fbfb}.metric-grid strong{display:block;font-size:28px}.metric-grid span{color:#607074}.qrcode{width:min(360px,100%);border:1px solid #dce4e6;border-radius:8px}.order-table{min-width:1240px;table-layout:fixed}.order-table th:nth-child(1){width:18%}.order-table th:nth-child(2){width:28%}.order-table th:nth-child(3){width:11%}.order-table th:nth-child(4){width:11%}.order-table th:nth-child(5){width:8%}.order-table th:nth-child(6){width:15%}.order-table th:nth-child(7){width:9%}.order-table td{padding-top:18px;padding-bottom:18px}.money-strong{font-size:18px}.order-card-list{display:none}.order-card{border:1px solid #dce6e8;border-radius:8px;padding:13px;background:#fff}.order-card+.order-card{margin-top:12px}.order-card header,.order-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-card header strong{display:block;line-height:1.35}.order-card small,.order-card span,.order-card dt{color:#6d7f84}.order-card-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.order-card-main div{border-radius:8px;padding:9px;background:#f5f8f8}.order-card-main span,.order-card-main strong{display:block}.order-card dl{display:grid;gap:6px;margin:0 0 12px}.order-card dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.order-card dt,.order-card dd{margin:0}.order-detail{display:grid;gap:20px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-right:42px}.detail-head h2{margin-bottom:6px;font-size:22px;line-height:1.3}.detail-head p{margin:0;color:#6d7f84}.order-detail h3{margin:0 0 10px;font-size:15px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{border:1px solid #e0e8ea;border-radius:8px;padding:11px 12px;background:#f8fbfb}.detail-item span,.detail-item strong{display:block}.detail-item span{margin-bottom:5px;color:#6d7f84;font-size:12px}.detail-item strong{word-break:break-word}.sub-order-list{display:grid;gap:8px}.sub-order{display:grid;grid-template-columns:minmax(0,1fr) 72px 90px;gap:8px;border:1px solid #e0e8ea;border-radius:8px;padding:10px 12px}.promote-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.promote-card{display:grid;gap:14px;border:1px solid #dde7e9;border-radius:8px;padding:16px;background:#fff}.promote-card header,.promote-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.promote-card header strong{display:block;line-height:1.35}.promote-card small,.promote-card span{color:#6d7f84}.promote-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.promote-meta div{border-radius:8px;padding:10px;background:#f5f8f8}.promote-meta span,.promote-meta strong{display:block}.promote-rule{margin:0;color:#405056}.promote-time{display:grid;gap:4px}.bound-store-list{display:grid;gap:8px;max-height:260px;overflow:auto}.bound-store{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #e0e8ea;border-radius:8px;padding:8px;background:#f8fbfb}.bound-store img{width:52px;height:52px;border-radius:6px;object-fit:cover;background:#edf2f2}.bound-store strong{display:block;line-height:1.35}@media(max-width:980px){.login-shell,.app-shell,.grid-two{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3;padding:12px 14px 10px;box-shadow:0 10px 28px #0e1e222e}.brand{margin-bottom:10px}nav{display:flex;gap:8px;margin:0 -4px;overflow-x:auto;padding:2px 4px 4px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto;justify-content:center;min-width:96px;min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#e5eff1;white-space:nowrap}nav button.active{border-color:#fff;background:#fff;color:#1f2d30}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:16px}.topbar h1{font-size:25px}.order-table-wrap{display:none}.order-card-list{display:block}.promote-list{grid-template-columns:1fr}.promote-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.login-panel,.workspace,.drawer{padding:14px}.login-visual{min-height:320px;padding:32px 22px}.topbar,.userbox,.pagination{align-items:stretch;flex-direction:column}.topbar{gap:10px;margin-bottom:14px}.topbar h1{font-size:22px}.eyebrow{font-size:11px}.sidebar{padding:10px 12px 9px}.brand{align-items:center;gap:10px;margin-bottom:9px}.brand-mark{width:32px;height:32px;border-radius:7px}.brand strong{display:block;font-size:16px;line-height:1.2}.brand small{margin-top:2px;font-size:12px}nav{gap:7px}.filters{grid-template-columns:1fr;gap:9px;margin-bottom:12px}.panel{padding:12px}nav button{min-width:84px;min-height:34px;padding:0 12px;font-size:14px}nav button span{font-size:13px}input,select,textarea{min-height:40px}.order-card{padding:12px}.order-card+.order-card{margin-top:10px}.order-card header{gap:8px}.order-card header strong{font-size:16px}.status{min-width:auto;padding:3px 9px}.order-card-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.order-card-main div{padding:8px}.order-card-main span{font-size:12px}.order-card-main strong{font-size:15px}.order-card header,.order-card footer{align-items:flex-start}.order-card dl div{grid-template-columns:48px minmax(0,1fr);gap:8px}.pagination{gap:7px}.pagination button{width:100%}.detail-grid,.metric-grid,.promote-meta{grid-template-columns:1fr}}