:root{--color-primary: #0f766e;--color-primary-hover: #0d655e;--color-primary-light: #ecfdf8;--color-primary-focus: rgba(15, 118, 110, .12);--color-primary-border: #0a5550;--color-accent: #f97316;--color-accent-hover: #ea580c;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-error: #e63946;--color-error-light: #fff0f1;--color-error-border: #ffccd0;--color-error-hover: #ffe0e3;--color-success: #2d6a4f;--color-success-light: #d8f3dc;--color-success-border: #95d5b2;--color-warning: #bc6c25;--color-warning-light: #fff4e6;--color-warning-border: #ffd97d;--color-bg-page: #f3f4f6;--color-bg-surface: #ffffff;--color-bg-code: #1f2937;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-text-code: #0f766e;--color-border: #e5e7eb;--color-border-focus: #0f766e;--shadow-sm: 0 1px 3px 0 rgba(26, 23, 20, .06);--shadow-md: 0 4px 12px -2px rgba(26, 23, 20, .08);--btn-depth-border: 0 2px 0 0 rgba(0, 0, 0, .08);--btn-depth-shadow: 0 2px 4px rgba(0, 0, 0, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--font-family: "Nunito", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-primary)}#bonefish-app{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;line-height:1;text-decoration:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;border-bottom-width:4px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary-border);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-text-primary)}.btn-sm{padding:6px 12px;font-size:var(--font-size-xs);border-bottom-width:3px}.btn-sm:active:not(:disabled){border-bottom-width:1px}.btn-lg{padding:12px 24px;font-size:var(--font-size-lg);border-bottom-width:5px}.btn-lg:active:not(:disabled){border-bottom-width:2px}.btn-full{width:100%}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--spacing-4)}.auth-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);width:100%;max-width:400px}.auth-card h1{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.form-group input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text-primary);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input::placeholder{color:var(--color-text-muted)}.success-banner{background:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.error-banner{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.header-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}