:root{--color-navy: #1a2332;--color-accent: #2d5be3;--color-accent-hover: #2449b5;--color-page-bg: #f8f9fb;--color-surface: #ffffff;--color-track: #f1f3f6;--color-text: #1a2332;--color-text-muted: #6b7280;--color-text-strong-muted: #374151;--color-border: #e5e7eb;--color-border-strong: #e5e7eb;--color-warning: #f57f17;--color-warning-bg: #fff3e0;--color-warning-border: #ffcc80;--color-danger: #e53935;--color-danger-bg: #ffebee;--color-danger-bg-subtle: #fff8f8;--color-success: #2e7d32;--color-success-bg: #e8f5e9;--color-info: #1565c0;--color-info-bg: #e3f2fd;--color-neutral-chip-bg: #e5e7eb;--color-accent-soft-bg: #f5f8ff;--color-wa-bubble: #dbeafe;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 9px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 20px;--space-10: 24px;--sidebar-width-expanded: 220px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--font-size-base: 14px;--line-height-base: 1.4;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 12px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .08);--shadow-dialog: 0 8px 32px rgba(0, 0, 0, .2);--overlay-scrim: rgba(0, 0, 0, .4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-5) var(--space-7);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;line-height:var(--line-height-base);transition:background .15s,border-color .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-page-bg)}.btn-sm{padding:6px 10px;font-size:13px}.btn-block{width:100%}.card,.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-9);box-shadow:var(--shadow-card)}.stat-tile__label{font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-tile__value{font-size:28px;font-weight:700;margin-top:var(--space-4)}.stat-tile__sub{font-size:12px;margin-top:var(--space-2);color:var(--color-text-muted)}.stat-tile__sub--success{color:var(--color-success)}.stat-tile__sub--warning{color:var(--color-warning)}.stat-tile__sub--danger{color:var(--color-danger)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-page-bg);padding:10px var(--space-8);text-align:left;border-bottom:1px solid var(--color-border)}.table-wrap th.align-right{text-align:right}.table-wrap td{font-size:14px;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border)}.table-wrap tbody tr{background:var(--color-surface);transition:background .15s}.table-wrap tbody tr:hover{background:#f9fafb}.field{display:block;margin-bottom:var(--space-8)}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:var(--space-3)}.field-input,input.field-input,select.field-input,textarea.field-input{width:100%;padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text)}.field-input:focus,input.field-input:focus,select.field-input:focus,textarea.field-input:focus{border-color:var(--color-accent);outline:none}.field-input:disabled,input.field-input:disabled,select.field-input:disabled,textarea.field-input:disabled{background:var(--color-page-bg);color:var(--color-text-muted)}textarea.field-input{resize:vertical}.field-error{font-size:12px;color:var(--color-danger);margin-top:var(--space-2)}.field-hint{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-2)}.chip{display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-size:11px;font-weight:600}.dialog-backdrop{position:fixed;inset:0;background:var(--overlay-scrim);display:flex;align-items:flex-start;justify-content:center;padding:64px var(--space-10);overflow-y:auto;z-index:50}.dialog-panel{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-10);width:100%;max-width:720px;box-shadow:var(--shadow-dialog)}.banner-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);font-size:13px;color:var(--color-warning)}.state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:120px 0;color:var(--color-text-muted);font-size:13px;text-align:center}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-9)}.page-title{font-size:20px;font-weight:700;margin:0}.toolbar{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-5) var(--space-7);font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover:not(:disabled){color:var(--color-text)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.secret-value{font-family:var(--font-family-mono);font-size:18px;font-weight:600;letter-spacing:.04em;background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);word-break:break-all;-webkit-user-select:all;user-select:all}.row-inactive td{opacity:.6}.pill-tabs{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8)}.pill-tab{appearance:none;font-family:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-4) var(--space-7);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.pill-tab:hover:not(:disabled){background:var(--color-page-bg)}.pill-tab--active{border-color:var(--color-accent);background:var(--color-accent-soft-bg);color:var(--color-accent)}.pill-tab__count{color:var(--color-text-muted)}.stock-bar{width:40px;height:6px;border-radius:3px;background:var(--color-border);overflow:hidden;flex:0 0 40px}.stock-bar__fill{height:6px;border-radius:3px}.stepper{display:flex;align-items:flex-start}.stepper__step{flex:1 1 0;min-width:0}.stepper__row{display:flex;align-items:center}.stepper__dot{width:22px;height:22px;flex:0 0 22px;border-radius:11px;border:1px solid var(--color-border);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.stepper__line{flex:1 1 auto;height:2px}.stepper__label{font-size:13px;font-weight:600;margin-top:var(--space-4)}.stepper__when{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-1)}html,body{margin:0;padding:0}body{background:var(--color-page-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}table{border-collapse:collapse;width:100%}input,select,textarea,button{font-family:inherit}