:root{--color-bg-base: #ffffff;--color-bg-subtle: #f3f3f3;--color-bg-canvas: #e9e9ee;--color-bg-checker: #ededed;--color-text-primary: rgba(0, 0, 0, .9);--color-text-secondary: rgba(0, 0, 0, .6);--color-text-tertiary: rgba(0, 0, 0, .4);--color-border: #dddddd;--color-border-soft: #e8e8e8;--color-border-hover: #c9c9c9;--color-accent: #00A85D;--color-accent-dim: #EBFBF4;--color-solid: #242424;--color-solid-hover: #3A3A3A;--color-danger: #d54941;--color-mask: rgba(0, 0, 0, .5);--color-hover: #8b5cf6;--color-measure: #f5222d;--color-guide: #1a7ff0;--anno-hover: var(--color-hover);--anno-select: var(--color-accent);--anno-measure: var(--color-measure);--anno-guide: var(--color-hover);--anno-width: 1px;--anno-cap: round;--anno-dash: 8 4;--anno-dash-short: 4 3;--anno-opacity: 100%;--anno-opacity-guide: 68%;--anno-measure-line: color-mix(in srgb, var(--anno-measure) var(--anno-opacity), transparent);--anno-guide-line: color-mix(in srgb, var(--anno-guide) var(--anno-opacity-guide), transparent);--space-hair: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-lg: 12px;--radius-md: 9px;--radius-sm: 6px;--radius-xs: 3px;--radius-micro: 2px;--radius-pill: 999px;--font-family: PingFang SC, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-weight-semibold: 600;--font-tracking-title: .04em;--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-pop: 0 2px 12px rgba(0, 0, 0, .12);--shadow-modal: 0 2px 12px rgba(0, 0, 0, .12);--motion-fast: .12s;--size-control-h: 32px;--size-control-h-sm: 28px;--size-icon: 32px;--size-swatch: 12px;--size-topbar-h: 44px;--size-tree-w: 220px;--size-modal-sm: 320px;--size-modal-lg: 560px;--size-zoom-label-w: 52px;--size-zoom-pop-w: 96px;--size-select-min-w: 160px;--size-switch-w: 32px;--size-switch-h: 18px;--size-switch-knob: 14px;--size-panel-w: 300px}*{box-sizing:border-box}:root{--admin-brand-bg: #1e2330}html,body{height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-subtle);-webkit-font-smoothing:antialiased}.admin{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.sidebar{background:var(--color-bg-base);border-right:1px solid var(--color-border);padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.brand{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);padding:0 var(--space-4) var(--space-4);letter-spacing:var(--font-tracking-title)}.brand small{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400;letter-spacing:0}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:var(--font-size-sm);font-family:inherit}.nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.nav-item.active{background:var(--color-accent-dim);color:var(--color-accent);font-weight:var(--font-weight-semibold)}.nav-item svg{width:16px;height:16px}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--size-topbar-h);background:var(--color-bg-base);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5)}.topbar .who{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.topbar .who b{color:var(--color-text-primary)}.content{padding:var(--space-5);overflow:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.page-head h1{font-size:var(--font-size-xl);margin:0;font-weight:var(--font-weight-semibold)}.page-head .sub{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.toolbar{display:flex;gap:var(--space-2);align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.stat-card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.stat-card .num{font-size:28px;font-weight:var(--font-weight-semibold);line-height:1.1}.stat-card .label{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-2)}.panel{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.panel h2{font-size:var(--font-size-md);margin:0 0 var(--space-3)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{text-align:left;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border-soft)}th{color:var(--color-text-tertiary);font-weight:400;font-size:var(--font-size-xs)}tbody tr:hover{background:var(--color-bg-subtle)}td .muted{color:var(--color-text-tertiary)}.btn-primary,.btn-plain{height:var(--size-control-h);padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:var(--space-1)}.btn-primary{background:var(--color-solid);color:#fff}.btn-primary:hover{background:var(--color-solid-hover)}.btn-plain{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border)}.btn-plain:hover{border-color:var(--color-border-hover)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn-danger{color:var(--color-danger);border-color:var(--color-border);background:var(--color-bg-base)}.btn-danger:hover{border-color:var(--color-danger)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;height:var(--size-control-h);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-hover)}textarea{height:auto;padding:var(--space-2) var(--space-3);resize:vertical;min-height:64px}.badge{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.badge.green{background:var(--color-accent-dim);color:var(--color-accent)}.badge.gray{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.badge.danger{background:#fdeceb;color:var(--color-danger)}.row-actions{display:flex;gap:var(--space-2)}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--color-bg-canvas)}.login-hero{background:var(--admin-brand-bg);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:48px}.login-hero .hero-brand{font-size:28px;font-weight:700;letter-spacing:.5px}.login-hero .hero-sub{margin-top:8px;font-size:13px;color:#8b93a7;letter-spacing:3px}.login-hero .hero-desc{margin-top:28px;font-size:13px;color:#6b7385;line-height:1.7;max-width:22em}.login-card{background:var(--color-bg-base);border:none;box-shadow:none;border-radius:0;width:auto;display:flex;flex-direction:column;justify-content:center;padding:0 14%}.login-card h1{font-size:var(--font-size-lg);margin:0 0 var(--space-1)}.login-card .sub{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--space-5)}.login-card label{display:block;margin-bottom:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.login-card label input{margin-top:var(--space-1)}.login-card .err{color:var(--color-danger);font-size:var(--font-size-xs);margin:0 0 var(--space-3);min-height:1em}.login-card .btn-primary{width:100%;justify-content:center}@media (max-width: 720px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}}.modal-overlay{position:fixed;inset:0;background:var(--color-mask);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:360px;max-width:92vw;background:var(--color-bg-base);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:var(--space-5)}.modal.wide{width:520px}.modal h3{margin:0 0 var(--space-4);font-size:var(--font-size-md)}.modal label{display:block;margin-bottom:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.modal label input,.modal label select,.modal label textarea{margin-top:var(--space-1)}.modal .grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.modal .plan-head,.modal .plan-row{display:grid;grid-template-columns:1fr 84px 96px;gap:var(--space-2)}.modal .plan-head{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.modal .plan-row{margin-bottom:var(--space-2)}.modal .err{color:var(--color-danger);font-size:var(--font-size-xs);margin:var(--space-2) 0 0;min-height:1em}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.notice-text{color:var(--color-text-secondary);line-height:1.6}.code-box{background:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:ui-monospace,monospace;font-size:var(--font-size-md);text-align:center;user-select:all;margin:var(--space-2) 0;word-break:break-all}.empty{color:var(--color-text-tertiary);text-align:center;padding:var(--space-5)}