:root{--bg: #f3f4f6;--panel: #ffffff;--text: #1f2329;--muted: #8a8f98;--line: #e8eaee;--brand: #2d7df6;--brand-soft: #eaf3ff;--ok: #55a51c;--warn: #e4a243;--danger: #d7263d;--dark: #071d33;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .08);--font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-family);font-size:12px;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:20px 0;border-right:1px solid #0d2842;background:#041c33;color:#dce6f1}.brand-panel{margin:0 20px 28px;padding:18px 16px;border-radius:10px;background:#3b4d63;box-shadow:none}.brand-panel h1,.brand-panel p{margin:0}.brand-panel h1{font-size:15px;line-height:1.3;text-align:center;font-weight:600;color:#fff}.nav-section+.nav-section{margin-top:12px}.nav-title{margin:8px 20px 12px;font-size:12px;color:#6f8399}.nav-item{display:flex;align-items:center;gap:14px;width:100%;border:0;margin:0;padding:18px 28px;border-radius:0;background:transparent;color:inherit;text-align:left;font-size:12px;font-weight:500}.nav-item:hover{background:#2d7df61f}.nav-item.active{background:var(--brand);color:#fff;border-radius:14px;margin:0 8px;width:calc(100% - 16px);box-shadow:inset 0 1px #ffffff1f}.nav-icon{position:relative;flex:0 0 22px;width:22px;height:22px;border-radius:6px;border:1.8px solid currentColor;opacity:.9}.nav-icon:before,.nav-icon:after{content:"";position:absolute;background:currentColor;opacity:.92}.nav-icon[data-icon=dashboard]:before{top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:transparent;border:1.8px solid currentColor}.nav-icon[data-icon=dashboard]:after{width:1.8px;height:6px;left:10px;top:4px;transform-origin:bottom center;transform:rotate(35deg)}.nav-icon[data-icon=collectibles]:before,.nav-icon[data-icon=collectibles]:after{width:6px;height:6px;top:4px;left:4px;box-shadow:8px 0 0 currentColor,0 8px 0 currentColor,8px 8px 0 currentColor}.nav-icon[data-icon=chips]:before{left:5px;top:9px;width:12px;height:3px}.nav-icon[data-icon=chips]:after{left:9px;top:5px;width:3px;height:12px}.nav-icon[data-icon=users]:before{left:6px;top:3px;width:8px;height:8px;border-radius:50%;background:transparent;border:1.8px solid currentColor}.nav-icon[data-icon=users]:after{left:4px;bottom:3px;width:12px;height:7px;border-radius:8px 8px 3px 3px;background:transparent;border:1.8px solid currentColor}.nav-icon[data-icon=orders]:before{left:5px;top:6px;width:10px;height:8px}.nav-icon[data-icon=orders]:after{left:4px;top:4px;width:12px;height:2px}.nav-icon[data-icon=merchant]:before{left:4px;top:5px;width:12px;height:3px;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.nav-icon[data-icon=operations]:before{width:0;height:0;left:5px;top:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid currentColor;background:transparent}.nav-icon[data-icon=operations]:after{width:2px;height:10px;left:10px;top:5px}.nav-icon[data-icon=chain]:before{left:4px;top:4px;width:6px;height:6px;border:1.8px solid currentColor;background:transparent}.nav-icon[data-icon=chain]:after{right:4px;bottom:4px;width:6px;height:6px;border:1.8px solid currentColor;background:transparent;box-shadow:-4px -4px 0 -1px transparent}.nav-icon[data-icon=settings]:before{left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:transparent;border:1.8px solid currentColor}.nav-icon[data-icon=settings]:after{top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:transparent;border:1px dashed currentColor}.main-shell{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;padding:24px 32px;border-bottom:1px solid #eceef2;background:#fff}.topbar h2{margin:0;font-size:18px;line-height:1.3;font-weight:600}.topbar-actions{display:flex;gap:10px}.topbar-session{display:inline-flex;align-items:center;gap:14px;margin-left:auto}.topbar-user{color:#5d6775;font-size:12px;font-weight:500}.topbar-logout{min-height:34px;padding:0 14px;border:1px solid #d6dde7;border-radius:999px;background:#fff;color:#33405a;font-size:11px}.topbar-logout:hover{border-color:#b7c6dd;color:#1c4e96}.page-content{padding:0}.page-stack{display:grid;gap:20px;padding:32px}.section-card,.side-card,.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}.section-head h3,.section-head p{margin:0}.section-head h3{font-size:14px;font-weight:600}.section-head p{margin-top:4px;font-size:11px;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px}.field,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:#33405a}.field{min-width:0;height:40px;padding:0 12px;font-size:11px}.textarea{min-height:110px;padding:10px 12px;resize:vertical;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:#33405a;font-size:11px}.btn.primary{border-color:var(--brand);background:var(--brand);color:#fff}.btn.secondary{background:#fff}.btn.danger{border-color:#dd3d3d2e;background:#fff3f3;color:#be3535}.btn.ghost{border-color:transparent;background:transparent}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;white-space:nowrap}th{background:#fafbfc;color:#70757d;font-weight:600}.ops{color:var(--brand)}.link-btn{border:0;background:transparent;color:var(--brand);padding:0}.link-btn.danger{color:var(--danger)}.ops-sep{margin:0 4px;color:#b4bfd4}.tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:600}.tag.ok{background:#e8f7ef;color:var(--ok)}.tag.warn{background:#fff4df;color:var(--warn)}.tag.danger{background:#fde8e8;color:var(--danger)}.tag.brand{background:var(--brand-soft);color:var(--brand)}.tag.neutral{background:#f0f3f9;color:#59657c}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.stat-card{padding:34px 36px;border-radius:14px}.stat-card p,.stat-card h3{margin:0}.stat-card p{color:var(--muted);font-size:12px}.stat-card h3{margin-top:20px;font-size:22px;font-weight:600}.muted{color:var(--muted)}.detail-list{padding:8px 14px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:10px}.detail-row:last-child{border-bottom:0}.detail-value{text-align:right;color:#33405a}.drawer-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.drawer-actions{padding:0 14px 14px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;background:#0e14226b}.modal{width:min(100%,640px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 16px 38px #0d172c2e}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}.modal-head{border-bottom:1px solid var(--line)}.modal-head h3,.modal-head p{margin:0}.modal-head p{margin-top:4px;font-size:9px;color:var(--muted)}.modal-body{padding:16px}.modal-foot{justify-content:flex-end;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-item{display:grid;gap:6px}.form-item label{font-size:9px;color:#5f6a80}.editor-body{padding:16px}.upload-lite{padding:12px;border:1px dashed #cfd7e7;border-radius:12px;background:#f9fbff}.preview-title{margin:10px 0 0;font-size:9px;color:#5f6a80}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:10px}.preview-item{width:100%;aspect-ratio:1 / 1;border:1px solid #dbe3f2;border-radius:10px;object-fit:cover;background:#fff}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.page-header h3,.page-header p{margin:0}.empty-note{padding:16px;color:var(--muted);font-size:10px}.dashboard-shell{padding:32px;background:#efefef}.dashboard-panel{padding:34px 34px 38px;border:1px solid #e7e7e7;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.dashboard-section+.dashboard-section{margin-top:34px}.dashboard-section-title{margin:0 0 18px;font-size:15px;font-weight:600;color:#23262b}.dashboard-stat-value.ok{color:var(--ok)}.dashboard-stat-value.danger{color:var(--danger)}.quick-entry-actions{display:flex;flex-wrap:wrap;gap:12px}.quick-btn{min-width:148px}.quick-btn:before{content:"+";margin-right:10px;font-size:22px;line-height:1}@media(max-width:1200px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding-bottom:12px}.split-layout,.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-session{width:100%;justify-content:flex-end;margin-left:0}.topbar-actions{width:100%}.topbar-actions .btn{flex:1}.grid-cards{grid-template-columns:1fr}.page-stack,.dashboard-shell{padding:16px}.dashboard-panel{padding:18px}}