:root{--canvas: #faf9f7;--surface: #ffffff;--subtle: #f4f3f0;--inset: #edece8;--line: #e8e6e1;--line-strong: #d8d5cf;--ink: #1c1917;--ink-2: #57534e;--ink-3: #908a83;--accent: #0f6e56;--accent-hover: #0b5844;--accent-soft: #e3f3ed;--accent-ink: #04342c;--ok-bg: #e8f3e4;--ok-ink: #2f5d1c;--warn-bg: #faf0dc;--warn-ink: #7a5310;--info-bg: #e7eff9;--info-ink: #1c4a7a;--danger-bg: #fbeaea;--danger-ink: #8c2b2b;--neutral-bg: #f0efec;--neutral-ink: #57534e;--r-sm: 6px;--r-md: 9px;--r-lg: 13px;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, 0, 0, 1);--dur: .16s}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.011em;color:var(--ink)}h1{font-size:24px;line-height:1.3}h2{font-size:18px;line-height:1.35}h3{font-size:15px;line-height:1.4}h4{font-size:13px;line-height:1.4}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font-family:inherit}.num,table td.num,table th.num,.money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.strong{font-weight:500}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.topbar{height:58px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:30}.topbar-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:500;letter-spacing:.06em;font-size:13px;color:var(--ink);text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{width:22px;height:22px;border-radius:5px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:500;letter-spacing:0}.nav{display:flex;gap:22px;margin-left:6px}.nav a{color:var(--ink-2);font-size:13.5px}.nav a:hover{color:var(--ink);text-decoration:none}.nav a.router-link-active{color:var(--ink)}.spacer{flex:1}.container{max-width:1180px;margin:0 auto;padding:36px 28px 72px}.container-narrow{max-width:460px;margin:0 auto;padding:72px 28px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head .sub{color:var(--ink-2);font-size:13.5px;margin-top:5px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.card-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-body{padding:20px}.card-body.tight{padding:0}.card-foot{padding:14px 20px;border-top:1px solid var(--line);background:var(--subtle);border-radius:0 0 var(--r-lg) var(--r-lg)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}.stat-label{font-size:12px;color:var(--ink-3);letter-spacing:.02em}.stat-value{font-size:25px;font-weight:500;line-height:1.25;margin-top:6px;font-variant-numeric:tabular-nums}.stat-note{font-size:12px;color:var(--ink-3);margin-top:3px}.table-wrap{width:100%;overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-weight:400;font-size:12px;color:var(--ink-3);letter-spacing:.02em;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--subtle);white-space:nowrap}table.data td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#fcfbf9}table.data .price{font-weight:500}.flag{font-size:16px;line-height:1;margin-right:9px}.code-chip{width:27px;height:20px;flex:none;margin-right:10px;border-radius:4px;background:var(--inset);color:var(--ink-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;display:grid;place-items:center}.country-cell{display:flex;align-items:center}.country-cell .code{font-size:11.5px;color:var(--ink-3);margin-left:7px;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:5px;font-size:11.5px;line-height:1;white-space:nowrap}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-ink)}.badge-success{background:var(--ok-bg);color:var(--ok-ink)}.badge-warning{background:var(--warn-bg);color:var(--warn-ink)}.badge-info{background:var(--info-bg);color:var(--info-ink)}.badge-danger{background:var(--danger-bg);color:var(--danger-ink)}.badge-accent{background:var(--accent-soft);color:var(--accent-ink)}.dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--ink);font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--subtle)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--subtle);color:var(--ink)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.btn-block{width:100%}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px}.input,.select,textarea.input{width:100%;height:38px;padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-size:13.5px;font-family:inherit;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}textarea.input{height:auto;padding:9px 11px;resize:vertical;line-height:1.55}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f6e561c}.input::placeholder{color:var(--ink-3)}.input-sm{height:30px;font-size:12.5px;padding:0 8px}.input-inline{width:96px;text-align:right;font-variant-numeric:tabular-nums}.hint{font-size:12px;color:var(--ink-3);margin-top:5px}.checkbox{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--ink-2);line-height:1.55;cursor:pointer}.checkbox input{margin:2px 0 0;accent-color:var(--accent);flex:none}.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.segmented button{height:28px;padding:0 11px;border:none;background:transparent;color:var(--ink-2);font-size:12.5px;cursor:pointer;border-right:1px solid var(--line)}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.alert{border-radius:var(--r-md);padding:11px 13px;font-size:12.5px;line-height:1.55;border:1px solid transparent}.alert-danger{background:var(--danger-bg);color:var(--danger-ink)}.alert-warn{background:var(--warn-bg);color:var(--warn-ink)}.alert-info{background:var(--info-bg);color:var(--info-ink)}.alert-ok{background:var(--ok-bg);color:var(--ok-ink)}.empty{padding:44px 20px;text-align:center;color:var(--ink-3);font-size:13px}.skeleton{height:12px;border-radius:4px;background:var(--inset);animation:sk 1.4s ease-in-out infinite}@keyframes sk{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.hr{height:1px;background:var(--line);border:none;margin:18px 0}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.col{display:flex;flex-direction:column;gap:4px}.wrap{flex-wrap:wrap}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:18px}.mt-5{margin-top:26px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:18px}.admin-shell{display:flex;min-height:100vh}.sidebar{width:214px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 12px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:6px 8px 16px}.side-nav{display:flex;flex-direction:column;gap:1px}.side-nav a{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:var(--r-md);color:var(--ink-2);font-size:13.5px}.side-nav a:hover{background:var(--subtle);color:var(--ink);text-decoration:none}.side-nav a.router-link-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.side-label{font-size:11.5px;color:var(--ink-3);padding:16px 10px 6px;letter-spacing:.04em}.workspace{flex:1;min-width:0}.workspace-head{height:58px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20}.workspace-body{padding:28px}.hero{padding:66px 0 46px;border-bottom:1px solid var(--line)}.hero h1{font-size:34px;letter-spacing:-.02em;max-width:620px}.hero p.lead{color:var(--ink-2);font-size:15px;max-width:560px;margin-top:14px}.hero-facts{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}.hero-fact .v{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.hero-fact .k{font-size:12px;color:var(--ink-3);margin-top:2px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:40px 0 14px}.section-head h2{font-size:16px}.section-head .note{font-size:12.5px;color:var(--ink-3)}.gate{display:inline-flex;align-items:center;gap:7px;color:var(--ink-3);font-size:13px}.inline-edit{display:flex;align-items:center;gap:6px}.tone-marker{width:3px;height:15px;border-radius:2px;background:var(--line-strong);margin-right:10px;flex:none}.tone-marker.accent{background:var(--accent)}@media(max-width:900px){.sidebar{display:none}.workspace-body{padding:18px}.container{padding:22px 18px 60px}.hero{padding:40px 0 30px}.hero h1{font-size:26px}}.markup-editor{display:flex;align-items:center;gap:6px}.markup-editor .input-inline{width:84px}.markup-editor .select{width:78px;height:30px;padding:0 6px;font-size:12.5px}.chain{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.chain .step{padding:3px 8px;border-radius:5px;background:var(--subtle);font-size:12.5px;border:1px solid var(--line)}.chain .step.cost{color:var(--ink-2)}.chain .step.markup{color:var(--warn-ink);background:var(--warn-bg);border-color:transparent}.chain .step.retail{color:var(--accent-ink);background:var(--accent-soft);border-color:transparent;font-weight:500}.chain .arrow{color:var(--ink-3);font-size:11px}.history-row td{font-size:12.5px;color:var(--ink-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191752;display:grid;place-items:center;z-index:60;padding:24px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:460px;max-height:86vh;overflow:auto}