:root{--primary-green: #2e7d32;--primary-green-dark: #1b5e20;--secondary-gray: #333333;--secondary-gray-dark: #1e1e1e;--background-light: #f5f7fa;--text-primary: #333333;--text-secondary: #666666;--border-radius: 10px;--box-shadow: 0 2px 8px rgba(0,0,0,.1);--color-accent: #2e7d32;--color-accent-light: #4caf50;--color-accent-dark: #1b5e20;--color-accent-hover: #1b5e20;--color-accent-overlay: rgba(46,125,50,.1);--color-bg-page: #1e1e1e;--color-bg-medium: #2e2e2e;--color-bg-card: #3a3a3a;--color-bg-light: #4a4a4a;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-tertiary: #999999;--color-text-muted: #808080;--color-text-dark: #333333;--color-border: #555555;--color-border-accent: #2e7d32;--color-status-confirmed: #2e7d32;--color-status-pending: #ed6c02;--color-status-cancelled: #f44336;--color-status-completed: #6366f1;--color-status-expired: #78716c;--color-status-default: #9e9e9e;--color-error: #d32f2f;--color-error-dark: #b71c1c;--color-google: #ff6b6b;--surface-page: var(--color-bg-page);--surface-card: var(--color-bg-medium);--surface-card-elevated: var(--color-bg-card);--surface-overlay: var(--color-accent-overlay);--text-body: var(--color-text-primary);--text-subtle: var(--color-text-secondary);--text-disabled: var(--color-text-tertiary);--border-default: var(--color-border);--border-brand: var(--color-border-accent);--brand-primary: var(--color-accent);--brand-primary-light: var(--color-accent-light);--brand-primary-dark: var(--color-accent-dark);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 15px;--radius-pill: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-nav: 0 -2px 10px rgba(0,0,0,.3);--shadow-card: var(--shadow-sm);--shadow-card-elevated:var(--shadow-md);--focus-ring: 0 0 0 3px var(--color-accent-overlay);--padding-card: 16px;--avatar-sm: 40px;--avatar-md: 60px;--avatar-lg: 80px;--font-body: "Roboto", "Helvetica", "Arial", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-accent: #388e3c;--color-accent-light: #66bb6a;--color-accent-dark: #006400;--color-accent-hover: #2e7d32;--color-accent-overlay: rgba(56,142,60,.08);--color-bg-page: #f5f5f5;--color-bg-medium: #ffffff;--color-bg-card: #f0f0f0;--color-bg-light: #fafafa;--color-text-primary: #222222;--color-text-secondary: #444444;--color-text-tertiary: #888888;--color-text-muted: #aaaaaa;--color-border: #cccccc;--color-border-accent: #388e3c;--color-status-confirmed: #388e3c;--color-status-pending: #e65100;--color-status-cancelled: #e53935;--color-error: #e53935;--brand-primary: var(--color-accent);--brand-primary-light: var(--color-accent-light);--brand-primary-dark: var(--color-accent-dark)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;margin:0;padding:0}body{font-family:Roboto,Helvetica,Arial,sans-serif;background-color:#1e1e1e;color:#fff;margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--secondary-gray);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}