:root{--bg: #eef2f6;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-quiet: #f1f4f8;--line: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #5f6878;--muted-2: #8d96a6;--accent: #f4c542;--accent-strong: #dcae12;--accent-soft: #fff4cf;--primary: #0f172a;--success: #15803d;--success-soft: #ecfdf3;--warning: #b45309;--warning-soft: #fff7ed;--danger: #b91c1c;--danger-soft: #fef2f2;--info: #1d4ed8;--info-soft: #eff6ff;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 70px rgba(15, 23, 42, .12);--radius: 18px;--radius-sm: 14px;--radius-xs: 10px;--sidebar-width: 264px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:linear-gradient(180deg,#f4f7fb,#edf1f6);letter-spacing:0;position:relative;isolation:isolate}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ffffffc7,#ffffff2e 34%,#fff0 72%),repeating-linear-gradient(90deg,rgba(15,23,42,.025) 0 1px,transparent 1px 120px),repeating-linear-gradient(0deg,rgba(15,23,42,.018) 0 1px,transparent 1px 120px);opacity:.72}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{display:block}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px 24px}.auth-card{width:min(440px,100%);background:linear-gradient(180deg,#fffffffa,#fbfcfef5);border:1px solid rgba(15,23,42,.08);border-radius:26px;box-shadow:var(--shadow-lg);padding:28px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f4c54233,#f4c542f5 42%,#f4c54252)}.auth-card--loading{display:grid;gap:16px;justify-items:start}.auth-card .auth-brand{padding:0}.auth-copy{display:flex;flex-direction:column;gap:6px;margin-top:12px}.auth-copy strong{font-size:18px;line-height:1.2}.auth-copy span,.auth-state{color:var(--muted);font-size:13px}.auth-form{margin-top:18px}.auth-submit{width:100%;margin-top:6px;justify-content:center}.auth-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.auth-error{margin-top:12px;color:var(--danger);font-size:13px}.auth-spinner{width:14px;height:14px;border:2px solid rgba(17,24,39,.25);border-top-color:#111827c7;border-radius:999px;animation:spin .7s linear infinite}.sidebar{background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;padding:18px 0 20px;position:sticky;top:0;height:100vh;overflow:auto;overscroll-behavior:contain;box-shadow:inset -1px 0 #ffffffb3}.brand{display:flex;align-items:center;gap:12px;padding:0 20px 20px}.brand-mark{width:34px;height:34px;border-radius:14px;background:linear-gradient(145deg,#ffe07a,var(--accent-strong));box-shadow:0 12px 28px #dcae1240,inset 0 1px #ffffff94;display:grid;place-items:center;color:#111827;flex:0 0 auto}.brand-copy{min-width:0}.brand-copy strong,.brand-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy strong{font-size:14px;line-height:1.2}.brand-copy span{color:var(--muted-2);font-size:12px;margin-top:2px}.sidebar-section{padding:0 10px}.sidebar-label{font-size:12px;color:var(--muted-2);margin:16px 12px 8px;font-weight:600}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 14px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:12px;text-align:left;transition:transform .12s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.nav-item:hover{background:#0f172a09;color:var(--text);border-color:#0f172a0a}.nav-item.is-active{background:linear-gradient(90deg,#f4c5422e,#f4c54214);border-color:#f4c5423d;color:var(--text);font-weight:600;box-shadow:inset 0 1px #ffffffb3}.nav-icon,.icon-btn svg,.action-btn svg,.primary-btn svg,.ghost-btn svg{width:16px;height:16px;flex:0 0 auto}.sidebar-footer{margin-top:auto;padding:18px 20px 0;color:var(--muted-2);font-size:12px}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 14px;background:linear-gradient(180deg,#eef2f6f5,#eef2f6c7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.08)}.topbar-left{display:flex;align-items:flex-start;gap:16px;min-width:0}.topbar-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.topbar-title{display:flex;flex-direction:column;gap:4px;min-width:0}.topbar-title strong{font-size:21px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-role{border:1px solid rgba(244,197,66,.18);background:linear-gradient(180deg,#fff9e3eb,#fff3c7d1);color:#805f00;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;width:fit-content}.role-switch{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.role-switch button{border:0;background:transparent;color:var(--muted);padding:10px 14px;min-width:96px}.role-switch button.is-active{background:var(--primary);color:#fff;font-weight:600}.topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.logout-btn{min-width:88px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.content{padding:16px 24px 28px;min-width:0;display:flex;flex-direction:column;gap:20px}.summary-grid{display:grid;gap:16px}.summary-grid--merchant{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.summary-grid--admin{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{background:linear-gradient(180deg,#fffffffa,#fafcfff0);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);padding:24px 24px 22px;box-shadow:var(--shadow);min-height:162px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f4c5422e,#f4c542f2 42%,#f4c5423d)}.summary-card--split{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:20px;align-items:stretch}.summary-divider{background:linear-gradient(180deg,#0f172a0f,#0f172a1f,#0f172a0f);width:1px}.summary-blob{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.summary-label{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--muted)}.summary-label small{color:var(--muted-2);font-weight:400}.summary-value{font-size:40px;line-height:1.05;font-weight:700;margin-top:16px;letter-spacing:0;font-variant-numeric:tabular-nums}.summary-sub{margin-top:14px;color:#916a00;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-sub button{border:0;background:transparent;color:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.summary-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.summary-meta .summary-value{margin-top:18px}.summary-chart{margin-top:18px;height:4px;background:linear-gradient(90deg,rgba(255,202,40,.2),var(--accent-strong) 20%,var(--accent-strong) 80%,rgba(255,202,40,.2));border-radius:999px}.summary-note{margin-top:10px;color:var(--muted-2);font-size:12px}.summary-tight{display:flex;flex-direction:column;gap:10px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tabs{display:flex;align-items:flex-end;gap:8px;min-width:0;padding:4px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8;box-shadow:var(--shadow)}.tab{position:relative;padding:0 14px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;height:34px;border-radius:11px}.tab.is-active{color:var(--text);background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:0 6px 18px #0f172a14}.tab.is-active:after{content:none}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-btn,.ghost-btn,.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;height:40px;padding:0 14px;border:1px solid transparent;transition:transform .12s ease,background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;line-height:1}.primary-btn:disabled,.ghost-btn:disabled,.action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-btn:active,.ghost-btn:active,.action-btn:active,.icon-btn:active,.nav-item:active,.tab:active,.role-switch button:active{transform:translateY(1px)}.primary-btn{background:linear-gradient(180deg,#ffdf74,var(--accent));color:#172033;font-weight:700;min-width:108px;box-shadow:0 10px 24px #f4c54238}.primary-btn:hover{background:linear-gradient(180deg,#ffe27e,#f4c542);box-shadow:0 14px 30px #f4c54242}.ghost-btn{background:#ffffffe0;border-color:#0f172a14;color:var(--text)}.action-btn{background:#ffffffe6;border-color:#0f172a14;color:var(--text)}.ghost-btn:hover,.action-btn:hover,.icon-btn:hover{background:#fff8e5eb;border-color:#f4c5423d;box-shadow:0 10px 22px #0f172a0f}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-bar{flex:1 1 360px;min-width:280px;height:46px;border:1px solid rgba(15,23,42,.08);background:#ffffffeb;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:var(--shadow)}.search-bar input{border:0;outline:none;background:transparent;width:100%;color:var(--text)}.search-bar input::placeholder{color:var(--muted-2)}.field-select{height:46px;min-width:120px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#ffffffeb;padding:0 12px;color:var(--muted);box-shadow:var(--shadow)}.table-shell{background:var(--surface);border-radius:18px;border:1px solid rgba(15,23,42,.08);overflow:hidden;box-shadow:var(--shadow)}.table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.table thead th{color:var(--muted-2);font-size:13px;font-weight:600;text-align:left;padding:15px 12px;border-bottom:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#f9fafcfa,#f3f6fafa)}.table tbody td{padding:15px 12px;border-bottom:1px solid rgba(15,23,42,.05);font-size:14px;vertical-align:middle;background:#fffffff0}.table tbody tr:hover{background:#fff5d6cc}.table tbody tr:last-child td{border-bottom:0}.table .row-main{display:flex;flex-direction:column;gap:4px}.table .row-main strong{font-size:14px}.table .row-main span{color:var(--muted-2);font-size:12px}.badge{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--muted{background:#f3f4f6;color:var(--muted)}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions .action-btn{height:34px;padding:0 10px;font-size:12px}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-metric{background:linear-gradient(180deg,#fffffffa,#fafcfff0);border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.mini-metric label{display:block;color:var(--muted-2);font-size:12px}.mini-metric strong{display:block;margin-top:8px;font-size:22px;font-weight:700}.section-card{background:linear-gradient(180deg,#fffffffa,#fafcfff0);border-radius:var(--radius);border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow);padding:20px}.product-band{display:flex;flex-direction:column;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.product-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(180deg,#fffffffa,#fafcfff0);border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:var(--shadow)}.product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-head-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.product-head-copy strong{font-size:15px;line-height:1.2}.product-head-copy span{color:var(--muted-2);font-size:12px;line-height:1.35}.product-badges{display:flex;flex-wrap:wrap;gap:8px}.product-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-intro{color:var(--muted);font-size:13px;line-height:1.5;min-height:40px}.product-preview-card{background:linear-gradient(180deg,#fffdf5,#fff);border-color:#f4c5423d}.product-preview-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:12px}.product-footer{margin-top:auto}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.subhead h2{margin:0;font-size:16px}.subhead p{margin:4px 0 0;color:var(--muted-2);font-size:13px}.split-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.stack{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(180deg,#fffffffa,#fafcfff0);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:18px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-size:17px;line-height:1.2}.panel-head p{margin:4px 0 0;color:var(--muted-2);font-size:13px}.panel-body{padding:0 20px 20px}.compact-table .table tbody td{padding-top:14px;padding-bottom:14px}.detail-drawer{position:fixed;inset:0 0 0 auto;width:min(480px,100vw);background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-left:1px solid rgba(15,23,42,.08);box-shadow:-18px 0 48px #0f172a1f;transform:translate(100%);transition:transform .18s ease;z-index:40;display:flex;flex-direction:column}.detail-drawer.is-open{transform:translate(0)}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182747;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30}.drawer-head{padding:20px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-title{display:flex;flex-direction:column;gap:6px}.drawer-title strong{font-size:18px}.drawer-title span{color:var(--muted);font-size:13px}.drawer-body{padding:20px;overflow:auto;display:flex;flex-direction:column;gap:16px}.detail-hero{background:linear-gradient(180deg,#fffdf3,#fff);border:1px solid rgba(244,197,66,.22);border-radius:18px;padding:18px}.detail-number{font-size:28px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field{background:linear-gradient(180deg,#f8fafcfa,#f3f6fafa);border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px}.detail-field label{display:block;color:var(--muted-2);font-size:12px}.detail-field strong{display:block;margin-top:6px;font-size:14px;word-break:break-all}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffeb;font-size:12px;color:var(--text)}.chip--soft{background:#f8fafcf5}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(880px,calc(100vw - 32px));max-height:min(90vh,960px);background:linear-gradient(180deg,#fffffffc,#fafcfff5);border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.modal-head{padding:20px 22px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-head strong{font-size:18px}.modal-head p{margin:6px 0 0;font-size:13px;color:var(--muted)}.modal-body{padding:20px 22px 22px;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:11px 12px;background:#fffffff5;outline:none;color:var(--text);box-shadow:inset 0 1px #ffffffb8}.field textarea{min-height:108px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-bar:focus-within,.field-select:focus{border-color:#f4c542e6;box-shadow:0 0 0 3px #f4c54229}.modal-actions{padding:0 22px 22px;display:flex;justify-content:flex-end;gap:12px}.helper{color:var(--muted-2);font-size:12px}.empty-state{min-height:280px;display:grid;place-items:center;color:var(--muted);background:linear-gradient(180deg,#ffffffb8,#f9fafcf5);border:1px dashed rgba(15,23,42,.12);border-radius:var(--radius)}.empty-state svg{width:132px;height:132px;margin-bottom:10px}.empty-state strong{display:block;color:var(--text);text-align:center}.empty-state p{margin:8px 0 0;font-size:13px;text-align:center;max-width:320px}.toast-root{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:10px}.toast{min-width:240px;max-width:340px;background:#0f172af2;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 40px #11182738;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.table-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-toolbar .ghost-btn,.table-toolbar .action-btn{height:36px}.footer-note{margin-top:4px;color:var(--muted-2);font-size:12px}.is-compact .table tbody td{padding-top:10px;padding-bottom:10px}.is-compact .summary-card{min-height:144px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #f4c5422e}body>*{position:relative;z-index:1}@media (max-width: 1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.summary-grid--merchant{grid-template-columns:1fr}.summary-grid--admin{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:1fr}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-footer{display:none}.content,.topbar{padding-left:16px;padding-right:16px}.summary-grid--admin{grid-template-columns:1fr}.detail-drawer{width:min(100vw,420px)}}@media (max-width: 720px){.topbar{align-items:flex-start;flex-direction:column}.topbar-right{width:100%;justify-content:flex-end}.page-head,.subhead{align-items:flex-start;flex-direction:column}.form-grid,.detail-grid,.product-meta-grid,.mini-metrics{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}.search-bar{width:100%;flex-basis:auto}}