:root{--bg: #111827;--bg-deep: #0b1220;--surface: #1f2937;--surface-light: #fff;--surface-card: rgba(255, 255, 255, .97);--border: #374151;--border-strong: #4b5563;--border-light: #d1d5db;--border-light-2: #e5e7eb;--text: #f9fafb;--text-2: #e5e7eb;--text-muted: #9ca3af;--text-muted-2: #6b7280;--text-dark: #111827;--text-dark-2: #374151;--primary: #2563eb;--primary-hover: #1d4ed8;--accent: #10b981;--accent-hover: #059669;--accent-ink: #052e22;--accent-link: #34d399;--bucket-green: #16a34a;--bucket-yellow: #d97706;--bucket-red: #dc2626;--bucket-gray: #9ca3af;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-ui: system-ui, -apple-system, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 14px;--fs-field: 16px;--fs-lg: 18px;--fw-normal: 400;--fw-semibold: 600;--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-modal: 0 10px 40px rgba(0, 0, 0, .3);--ring-primary: 0 0 0 2px rgba(37, 99, 235, .2);--ring-accent: 0 0 0 2px rgba(16, 185, 129, .2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-sm);padding:7px 12px;font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--primary);color:var(--text)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--accent{background:var(--accent);color:var(--accent-ink)}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface-light);color:var(--text-dark-2);border:1px solid var(--border-light)}.btn--secondary:hover:not(:disabled){border-color:var(--text-muted-2)}.btn--ghost{background:none;color:var(--text-muted-2);padding:var(--space-1)}.btn--compact{background:var(--surface);color:var(--text);min-height:44px}.field{width:100%;background:var(--surface-light);color:var(--text-dark);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-ui);font-size:var(--fs-field);font-weight:var(--fw-normal)}.field::placeholder{color:var(--text-muted)}.field:focus{outline:none;border-color:var(--primary)}.select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-family:var(--font-ui);font-size:var(--fs-sm);cursor:pointer}.select:hover{border-color:var(--text-muted-2)}.card{background:var(--surface-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card)}