:root{--color-brand: #C8102E;--color-brand-soft: #fff5f5;--color-brand-strong: #a30c25;--color-accent: #ffd700;--color-text: #1d1d1f;--color-text-2: #555;--color-text-3: #86868b;--color-text-4: #b0b0b8;--color-bg: #f5f5f7;--color-bg-2: #fafafa;--color-surface: #ffffff;--color-line: #e5e5e7;--color-line-soft: #f0f0f3;--color-success: #2e7d32;--color-success-bg: #e8f5e9;--color-warn: #b06800;--color-warn-bg: #fff8e1;--color-danger: #c62828;--color-danger-bg: #ffebee;--color-info: #0d47a1;--color-info-bg: #e3f2fd;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 15, 30, .04);--shadow-sm: 0 1px 3px rgba(15, 15, 30, .05), 0 1px 2px rgba(15, 15, 30, .04);--shadow-md: 0 4px 12px rgba(15, 15, 30, .06), 0 2px 4px rgba(15, 15, 30, .04);--shadow-lg: 0 12px 32px rgba(15, 15, 30, .08), 0 4px 12px rgba(15, 15, 30, .04);--shadow-glow: 0 0 0 3px rgba(200, 16, 46, .18);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .8);--glass-blur: blur(14px) saturate(140%);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,Helvetica Neue,Arial,sans-serif;font-feature-settings:"tnum" on,"ss01" on;background:radial-gradient(1200px 600px at 0% 0%,rgba(200,16,46,.04),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(255,215,0,.05),transparent 60%),var(--color-bg);background-attachment:fixed;color:var(--color-text);font-size:var(--text-base);line-height:1.55;letter-spacing:.01em}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700;color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl);line-height:1.3}h3{font-size:var(--text-lg);line-height:1.4}button{cursor:pointer;font-family:inherit;font-feature-settings:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-brand);text-decoration:none;transition:color .15s var(--ease-out)}a:hover{color:var(--color-brand-strong);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.surface{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-line-soft)}.surface-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00000052;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}:where(button,input,select,textarea,a):focus-visible{outline:none;box-shadow:var(--shadow-glow);border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;background:var(--color-line-soft);color:var(--color-text-2);letter-spacing:.02em}.badge.ACTIVE,.badge.PAID{background:var(--color-success-bg);color:var(--color-success)}.badge.SUSPENDED,.badge.SETUP{background:var(--color-warn-bg);color:var(--color-warn)}.badge.CLOSED,.badge.FAILED,.badge.VOIDED{background:var(--color-danger-bg);color:var(--color-danger)}.badge.PENDING{background:var(--color-info-bg);color:var(--color-info)}.dim{color:var(--color-text-3)}.dim.small{font-size:var(--text-xs)}button:disabled{cursor:not-allowed;opacity:.55}@media print{body{background:#fff}}