:root{--bg: #eef5fb;--paper: #ffffff;--ink: #071126;--muted: #60738b;--line: #d9e4ef;--blue: #2563eb;--blue-dark: #1746b6;--green: #16a34a;--red: #dc2626;--orange: #f59e0b;--shadow: 0 24px 70px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 12% -14%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 95% 0%,rgba(14,165,233,.14),transparent 26%),linear-gradient(180deg,#fbfdff,var(--bg))}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{max-width:1680px;margin:0 auto;padding:0 44px 56px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;text-decoration:none;color:inherit}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.26em}.logo-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:950;background:linear-gradient(135deg,#6db7ff,#1458dc);box-shadow:0 10px 24px #2563eb40}nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}nav button,.filter-list button,.actions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:850}nav button.active,.filter-list button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-color:transparent}.summary-card,.filter-card,.catalog-card,.order-panel{background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.summary-card{margin:22px 0 16px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:center}.summary-stats{display:grid;gap:10px}.summary-stats span{display:block;border:1px solid #bfdbfe;color:#1d4ed8;background:#eff6ff;border-radius:16px;padding:10px 12px;font-weight:850}.eyebrow{color:var(--blue);font-size:12px;font-weight:950;letter-spacing:.18em;margin:0 0 8px}h1,h2{margin:0;letter-spacing:-.05em}h1{font-size:clamp(28px,4vw,44px)}h2{font-size:22px}p{color:var(--muted);line-height:1.7;margin:8px 0 0}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.filter-card{padding:18px;position:sticky;top:92px}.market-column{display:grid;gap:16px;min-width:0}.order-panel{padding:24px}.filter-card input,.order-panel input,.order-panel textarea,.order-panel select{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.filter-list{display:grid;gap:8px;margin-top:14px}.catalog-card{overflow:hidden}.list-head,.list-row{display:grid;grid-template-columns:minmax(360px,1.8fr) minmax(150px,.65fr) 120px 140px 140px;gap:18px;align-items:center}.list-head{background:#f8fafc;color:var(--muted);font-size:12px;font-weight:950;border-bottom:1px solid #edf2f8;padding:13px 16px}.list-row{position:relative;min-height:92px;padding:16px 20px 16px 24px;border-bottom:1px solid #edf2f8}.list-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#d8e2ef}.list-row.selected{background:linear-gradient(90deg,#2563eb0f,#fff0)}.list-row.selected:before{background:var(--blue)}.list-row:last-child{border-bottom:0}.product-main strong{font-size:16px}.product-main p{margin:5px 0 0;max-width:880px;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-row strong{display:block}.list-row small{display:block;color:var(--muted);margin-top:4px}.pill{display:inline-flex;width:fit-content;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.pill.in_stock,.pill.service_available,.pill.low_stock{color:#15803d;background:#f0fdf4;border-color:#86efac}.pill.out_of_stock{color:var(--red);background:#fff1f2;border-color:#fecaca}.price strong{font-size:18px;font-weight:950}.actions{display:flex;justify-content:flex-end}.order-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.order-panel .eyebrow,.order-panel h2,.order-panel form>p,.purchase-note,.order-panel .success,.order-panel .error,.order-panel .primary{grid-column:1 / -1}.order-panel label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.purchase-note{display:grid;gap:4px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:16px;padding:12px 14px}.purchase-note span{color:#315a93;font-size:13px}.detail-line{display:flex;justify-content:space-between;gap:12px;border:1px solid #edf2f8;background:#f8fafc;border-radius:14px;padding:10px 12px}.detail-line span{color:var(--muted)}.detail-line strong{text-align:right}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:0;border-radius:14px;padding:12px 16px;font-weight:950}.error,.success,.empty{border-radius:14px;padding:11px 12px}.error{color:var(--red);background:#fff1f2;border:1px solid #fecaca}.success{display:grid;gap:4px;color:#15803d;background:#f0fdf4;border:1px solid #86efac}.success a{color:#1458dc;font-weight:900;text-decoration:none}.signed-order{display:grid;gap:3px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.signed-order span,.signed-order small{color:var(--muted)}.account-shell{max-width:1180px}.account-hero{margin:22px 0 16px;padding:22px;display:flex;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.account-hero button,.wallet-card button,.auth-switch button{height:fit-content;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.auth-card,.wallet-card,.recharge-card,.account-list{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.auth-card{max-width:480px;margin:40px auto}.auth-switch{display:flex;gap:8px;margin-bottom:18px}.auth-switch button.active{color:#fff;background:var(--blue)}.auth-card form,.recharge-card{display:grid;gap:12px}.auth-card label,.recharge-card label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.auth-card input,.recharge-card input,.recharge-card select{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wallet-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0d2250,#2563eb);color:#fff}.wallet-card p,.wallet-card small{color:#dbeafe}.wallet-card button{margin-left:auto}.avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#1746b6;background:#fff;font-size:22px;font-weight:950}.account-wide,.account-list{grid-column:1 / -1}.account-list{display:grid;gap:10px}.account-list article{display:grid;grid-template-columns:minmax(0,1fr) 130px 110px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f8}.account-list article.order-row{grid-template-columns:minmax(0,1fr) 130px 110px 84px}.account-list article button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:900}.account-list article:last-child{border-bottom:0}.account-list small{display:block;color:var(--muted);margin-top:4px}.empty{color:var(--muted)}@media(max-width:1180px){.summary-card,.workspace{grid-template-columns:1fr}.filter-card{position:static}.list-head{display:none}.list-row{grid-template-columns:1fr}.actions{justify-content:flex-start}.order-panel form{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{padding:0 14px 36px}.topbar{height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}.account-hero,.account-grid{display:grid;grid-template-columns:1fr}.account-list article{grid-template-columns:1fr}.account-list article.order-row{grid-template-columns:1fr}.delivery-item span{grid-template-columns:1fr}}.order-shell{max-width:1280px}.order-hero{margin:22px 0 16px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.order-hero button,.success button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.order-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.lookup-card,.placeholder-card,.order-card-wide,.payment-card,.ticket-card{background:#fffffff5;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.lookup-card{position:sticky;top:92px;display:grid;gap:12px;padding:18px}.lookup-card label,.ticket-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:900}.lookup-card input,.ticket-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff}.order-content{display:grid;gap:16px}.placeholder-card,.order-card-wide,.payment-card,.ticket-card{padding:18px}.order-title-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.status-pill{display:inline-flex;width:fit-content;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.order-facts,.payment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-facts span,.payment-grid>div{display:grid;gap:4px;border:1px solid #edf2f8;background:#f8fafc;border-radius:16px;padding:12px}.order-facts small,.payment-grid small{color:var(--muted);font-size:12px;font-weight:850}.order-facts strong,.payment-grid strong{font-size:16px}.payment-grid span{color:var(--muted);font-size:12px}.payment-grid button{width:fit-content;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.payment-card.usdt{border-color:#fde68a;background:linear-gradient(135deg,#fffbe9,#fff)}.payment-card.paid{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}.order-items{display:grid;gap:10px;margin-top:14px}.order-items article{border:1px solid #edf2f8;border-radius:16px;padding:12px}.order-items article>span{display:block;margin-top:4px;color:var(--muted)}.input-preview{display:grid;gap:4px;margin-top:8px}.input-preview small{color:var(--muted);word-break:break-word}.delivery-preview{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.delivery-preview>strong{color:#1d4ed8;font-size:13px}.delivery-item{display:grid;gap:6px;padding:10px;border-radius:12px;background:#fff}.delivery-item span{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.delivery-item small{color:var(--muted);font-weight:850}.delivery-item code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.timeline{display:grid;gap:10px;margin-top:14px}.timeline div{display:grid;gap:3px;padding-left:14px;border-left:3px solid var(--blue)}.timeline span,.timeline small{color:var(--muted)}.message-list{display:grid;gap:10px;margin-bottom:14px}.message{max-width:78%;border:1px solid #edf2f8;border-radius:16px;padding:12px;background:#f8fafc}.message.customer{justify-self:end;background:#eff6ff;border-color:#bfdbfe}.message.admin{justify-self:start;background:#f8fafc}.message p{margin:4px 0;color:var(--ink)}.message small{color:var(--muted)}.ticket-form{display:grid;gap:10px}@media(max-width:980px){.order-hero,.order-layout{grid-template-columns:1fr}.order-hero{display:grid}.lookup-card{position:static}.order-facts,.payment-grid{grid-template-columns:1fr}.message{max-width:100%}}
