:root{--blue: #003fa3;--blue-2: #0b55d9;--ink: #0b1220;--muted: #697386;--line: #c9d2e3;--soft: #f5f7fb;--green: #007a3d;--red: #b30000;--gold: #f5a400}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;background:#f1f4f9}.login-card{width:380px;border-radius:14px}.forgot-password-link{display:block;margin:14px auto 0;padding:0;border:0;background:transparent;color:var(--blue-2);font:inherit;cursor:pointer}.forgot-password-link:hover{text-decoration:underline}.toolbar{margin-bottom:16px}.avatar-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#315b73,#041b24);color:#fff;font-weight:900;box-shadow:0 0 0 3px #d9e4ff}.danger-text{color:var(--red);font-weight:800}.ok-text,.money-text{color:var(--green);font-weight:900}.muted-line{margin-top:8px;color:var(--muted);font-size:14px}.sa-topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid #e2e7f0}.brand-mark{display:flex;gap:14px;align-items:center;color:var(--blue);font-size:26px;font-weight:900}.brand-icon{font-size:28px}.top-nav{display:flex;align-items:center;gap:34px;font-size:18px}.top-nav a{color:#202a3a;padding:30px 0 14px;border-bottom:3px solid transparent}.top-nav a.active{color:var(--blue);border-color:var(--blue);font-weight:800}.avatar-button{border:0;background:transparent;cursor:pointer}.sa-page{padding:38px 40px}.breadcrumb{color:var(--muted);font-size:14px;margin-bottom:12px}.breadcrumb span{margin:0 10px}.page-title-row,.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-title-row{margin-bottom:22px}.page-title-row h1{font-size:22px}.search-panel{display:grid;grid-template-columns:1fr 200px 200px 72px;gap:12px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.merchant-table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.merchant-table,.audit-table,.mini-table{width:100%;border-collapse:collapse}.merchant-table th{background:#f7f8fb;color:var(--muted);text-align:left;padding:18px 30px;font-size:14px}.merchant-table td{padding:20px 30px;border-top:1px solid var(--line);font-size:16px}.merchant-cell{display:flex;gap:14px;align-items:center}.merchant-cell span{display:block;color:var(--muted);margin-top:4px}.store-icon,.merchant-logo{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:#dfe7ff;color:var(--blue);font-size:24px;flex:0 0 52px}.merchant-logo{object-fit:cover;border:1px solid var(--line)}.merchant-logo-preview{display:flex;align-items:center;gap:12px;margin:-8px 0 16px;color:var(--muted);font-size:13px}.merchant-logo-preview img{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:#f7f8fb}.merchant-logo-uploader{display:flex;align-items:center;gap:16px;margin:-12px 0 18px}.merchant-logo-uploader img,.merchant-logo-empty{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#f7f8fb}.merchant-logo-empty{display:grid;place-items:center;color:var(--blue);background:#dfe7ff;font-size:28px;font-weight:900}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#f7f8fb;border-top:1px solid var(--line);color:var(--muted)}.sa-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.sa-stat-card{border-radius:12px!important;border:1px solid var(--line)!important;min-height:140px}.sa-stat-card span{display:block;color:var(--muted);font-weight:700;margin-bottom:12px}.sa-stat-card b{display:block;font-size:34px;line-height:1.1;margin-bottom:12px}.sa-stat-card small{color:var(--muted)}.sa-side-shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr}.sa-sidebar{background:#fff;border-right:1px solid #dfe5ef;padding:38px 16px;position:sticky;top:0;height:100vh}.side-logo{color:var(--blue);font-size:24px;font-style:italic;font-weight:1000;margin:0 14px 40px}.operator-card{display:flex;gap:16px;align-items:center;background:#f2f4f8;border-radius:14px;padding:14px;margin-bottom:34px}.operator-card span,.merchant-brand span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.side-nav{display:grid;gap:10px}.side-nav a{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:8px;font-weight:700;color:#263244}.side-nav a.active{background:var(--blue-2);color:#fff;box-shadow:inset 5px 0 #66f0c2}.sa-workspace main{padding:36px 40px}.workspace-top{height:90px;background:#fff;border-bottom:1px solid #e2e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:18px}.workspace-user{display:flex;align-items:center;gap:12px}.workspace-user button{border:0;background:none;cursor:pointer}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.detail-head h1{font-size:38px;margin:14px 0}.tabs-line{display:flex;gap:34px;border-bottom:1px solid var(--line);margin-bottom:34px}.tabs-line button{border:0;background:none;padding:0 4px 22px;font-size:16px;font-weight:700;cursor:pointer;color:#1b2433}.tabs-line button.active{color:var(--blue);border-bottom:3px solid var(--blue)}.detail-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(560px,1.3fr);gap:30px}.detail-grid .ant-card,.monitor-grid .ant-card,.audit-card,.role-card{border-radius:14px;border:1px solid #e4e9f2;box-shadow:0 2px 8px #0f172a0a}.detail-grid h2,.monitor-grid h2,.audit-card h2{font-size:24px;margin-bottom:28px}.accent-card{border-left:5px solid var(--blue)!important}.accent-card label,.billing-card label{display:block;color:var(--muted);font-weight:700;margin:22px 0 8px}.accent-card b{display:block;font-size:18px}.health-row,.metric-row,.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;margin-top:14px}.health-row.disabled{color:#a0a7b4;background:#f8f9fb}.billing-card{min-height:560px}.billing-body{display:grid;grid-template-columns:1fr 294px;gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:28px}.usage-box{background:#f0f2f6;border-radius:10px;padding:24px}.usage-box b{display:block;color:var(--blue);font-size:34px;margin:12px 0}.progress{height:5px;background:#ccd3e0;border-radius:8px;overflow:hidden;margin-bottom:14px}.progress i{display:block;height:100%;width:65%;background:var(--blue)}.mini-table td{border-top:1px solid var(--line);padding:18px 20px}.action-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.action-strip .ant-card{min-height:100px}.integration-panel{display:grid;gap:18px}.integration-actions{display:flex;gap:12px;flex-wrap:wrap}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.check-card{border-radius:12px!important;min-height:220px}.check-card.ok{border-color:#9be7bf!important}.check-card.pending{border-color:#ffd88a!important}.check-card.bad{border-color:#ffb4b4!important}.check-body p{margin:10px 0;color:#2c3442}.check-body code,.empty-state code{background:#f0f3f8;border:1px solid #dce3ef;border-radius:6px;padding:2px 6px;color:var(--blue)}.monitor-grid{display:grid;grid-template-columns:1fr 2.1fr .9fr;gap:28px}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.risk-grid div{border:1px solid #edf0f6;border-radius:10px;padding:24px}.risk-grid b{display:block;font-size:28px;margin:16px 0 6px}.chart-card{grid-column:1 / 3;min-height:430px}.bars{height:260px;display:flex;gap:36px;align-items:flex-end;padding:20px 10px 0;border-bottom:1px solid #e5eaf2}.bars i{flex:1;background:#dfe6f2;border-radius:2px 2px 0 0}.bars i.active{background:var(--blue);box-shadow:0 8px 18px #003fa33d}.kpi-row{display:flex;justify-content:space-around;padding-top:28px}.kpi-row b{display:block;font-size:24px;margin-top:8px}.queue{padding:16px;border-radius:9px;background:#f2f4f7;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.queue.danger{background:#fff1f1;color:var(--red);border:1px solid #ffd4d4}.queue.ok{color:var(--green)}.status-cards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.audit-card{grid-column:1 / -1}.audit-table th{background:#f0f2f6;text-align:left;color:var(--muted);padding:16px 28px}.audit-table td{padding:22px 28px;border-top:1px solid #e5eaf2}.audit-layout{display:grid;grid-template-columns:320px 1fr;gap:40px}.role-column h1{margin-bottom:26px}.role-card{margin-bottom:22px;border-left:5px solid transparent!important}.role-card.active{border-left-color:var(--gold)!important}.role-card ul{line-height:2;padding-left:20px}.audit-detail p{margin:8px 0;color:#263244}.audit-detail h3{margin:18px 0 8px;font-size:15px}.audit-detail pre{max-height:220px;overflow:auto;background:#0f172a;color:#dbeafe;border-radius:8px;padding:14px;font-size:12px;white-space:pre-wrap}.settings-grid{margin-top:24px}.merchant-shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr;background:#f5f6fa}.impersonate-bar{position:fixed;z-index:20;top:0;left:0;right:0;height:52px;background:var(--gold);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-weight:900}.impersonate-bar button{border:0;border-radius:10px;background:#00000014;padding:8px 18px;cursor:pointer;font-weight:800}.merchant-side{background:#fff;border-right:1px solid #e2e7f0;padding:92px 16px 24px;display:flex;flex-direction:column;min-height:100vh}.merchant-brand{display:flex;gap:16px;align-items:center;margin:0 14px 48px}.merchant-brand b{display:block;color:var(--blue);font-size:26px}.merchant-side nav{display:grid;gap:12px}.merchant-side nav a{padding:20px 26px;border-radius:10px;font-weight:800}.merchant-side nav a.active{background:var(--blue-2);color:#fff;box-shadow:inset 5px 0 #66f0c2}.side-status{margin-top:auto;border:1px solid #ffc86a;border-radius:12px;padding:18px;color:#6d3a00;background:#fffaf0}.side-status:not(.impersonating){border-color:#9be7bf;color:#075e35;background:#f0fff7}.side-status.error{border-color:#ffb3b3!important;color:#a8071a!important;background:#fff1f0!important}.merchant-workspace{padding:92px 40px 40px}.merchant-session-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 18px;margin-bottom:24px;border:1px solid #9be7bf;border-radius:12px;background:#f0fff7;color:#075e35}.merchant-session-bar.impersonating{border-color:#ffc86a;background:#fff7e6;color:#6d3a00;box-shadow:0 8px 24px #f5a4001f}.merchant-session-bar.error{border-color:#ffb3b3;background:#fff1f0;color:#a8071a}.merchant-session-bar b{display:block;font-size:18px;margin-bottom:4px}.merchant-session-bar span{display:block;color:inherit;opacity:.82}.section-placeholder{max-width:1200px;min-height:160px;border-radius:12px}.section-placeholder h1{margin:0 0 12px;font-size:34px;letter-spacing:0}.section-placeholder p{margin:0;color:#4b5563;font-size:16px}.admin-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:0 0 32px;border-bottom:1px solid #e5eaf2}.admin-hero h1{color:var(--blue);font-size:34px}.admin-hero h1 span{color:#9aa3b2;font-weight:600}.admin-user{display:flex;align-items:center;gap:14px;text-align:right}.admin-user span{display:block;color:#7a4b00;font-size:13px}.admin-user.impersonating b{color:#9a5800}.admin-user:not(.impersonating) span{color:var(--muted)}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:40px 0}.admin-kpis .ant-card{border-radius:14px;border:1px solid var(--line);min-height:174px}.admin-kpis b{display:block;font-size:38px;margin:12px 0}.sa-state{border-color:var(--gold)!important}.sa-state.normal{border-color:#9be7bf!important}.sa-state.impersonating{background:#fff8e8}.admin-main-grid{display:grid;grid-template-columns:2fr .95fr;gap:30px}.orders-card,.store-config{border-radius:14px!important;border:1px solid var(--line)!important}.order-list td{font-size:16px}.empty-state{padding:48px 20px;color:#5f6b7a;background:#f7f9fc;border:1px dashed #cfd8e6;border-radius:10px}.empty-state.error-state{color:#a8071a;background:#fff1f0;border-color:#ffb3b3}.food-photo{height:180px;border-radius:12px;background:linear-gradient(145deg,#00000040,#000c),url(https://images.unsplash.com/photo-1546069901-ba9599a7e63c?auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center;color:#fff;padding:95px 24px 20px;margin:18px 0}.food-photo span{display:block;font-weight:700}.food-photo b{font-size:26px}.sa-audit-banner{margin-top:40px;border:1px solid #ffc86a;background:#f5efe6;border-radius:14px;padding:30px}.sa-audit-banner h2{color:#6d3a00;margin-bottom:10px}.sa-audit-banner div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.sa-audit-banner span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.board-frame{width:100%;height:calc(100vh - 128px);border:0;background:#111;border-radius:8px}.toolbar-card{margin-bottom:18px;border-radius:12px!important;border:1px solid var(--line)!important}.admin-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-section-grid .audit-card{grid-column:auto}.qr-preview{width:72px;height:72px;display:block;border:1px solid var(--line);border-radius:8px;background:#fff}.qr-status-cell{display:flex;align-items:center;gap:10px;min-width:150px}.page-alert{margin-bottom:18px}.inline-alert{margin-bottom:14px}@media(max-width:1100px){.sa-side-shell,.merchant-shell{grid-template-columns:1fr}.sa-sidebar,.merchant-side{position:static;height:auto;min-height:auto}.detail-grid,.monitor-grid,.admin-main-grid,.audit-layout,.admin-kpis,.check-grid,.admin-section-grid,.search-panel{grid-template-columns:1fr}}