:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-primary-50: #eff6ff;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-accent: #f59e0b;--color-accent-dark: #d97706;--color-accent-light: #fbbf24;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-red-500: #ef4444;--color-red-100: #fee2e2;--color-red-800: #991b1b;--color-green-100: #dcfce7;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-800: #166534;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-500: #3b82f6;--color-blue-800: #1e40af;--color-purple-50: #faf5ff;--color-purple-200: #e9d5ff;--color-purple-500: #8b5cf6;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-white: #ffffff;--color-black: #000000;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Monaco", "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--space-4xl: 4rem;--space-6xl: 6rem;--container-max-width: 1200px;--container-padding: var(--space-md);--header-height: 5rem;--footer-height: 6rem;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--transition-fast: 150ms ease-in-out;--transition-normal: 250ms ease-in-out;--transition-slow: 350ms ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.section{width:100%}.section .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section .section-title{text-align:center;margin-bottom:var(--space-2xl);color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.section .section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-gray-600);margin-bottom:var(--space-3xl);line-height:var(--line-height-relaxed)}.section--hero{width:100%;min-height:100vh;display:flex;align-items:center;padding:var(--space-3xl) 0}.section--hero .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section--hero .section-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-lg);line-height:var(--line-height-tight);text-align:center;color:var(--color-gray-900);font-weight:var(--font-weight-bold)}.section--content{width:100%;padding:var(--space-3xl) 0;background-color:var(--color-white)}.section--content .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section--content .section-title{text-align:center;margin-bottom:var(--space-2xl);color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.section--content .section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-gray-600);margin-bottom:var(--space-3xl);line-height:var(--line-height-relaxed)}.section--content--alt{width:100%;padding:var(--space-3xl) 0;background-color:var(--color-gray-50)}.section--content--alt .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section--content--alt .section-title{text-align:center;margin-bottom:var(--space-2xl);color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.section--content--alt .section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-gray-600);margin-bottom:var(--space-3xl);line-height:var(--line-height-relaxed)}.section--cta{width:100%;padding:var(--space-3xl) 0;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white)}.section--cta .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section--cta .section-title{text-align:center;margin-bottom:var(--space-2xl);color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.section--cta .section-subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-gray-600);margin-bottom:var(--space-3xl);line-height:var(--line-height-relaxed);color:var(--color-white)}.grid{display:grid;gap:var(--space-xl)}.grid--2-cols{display:grid;gap:var(--space-xl);grid-template-columns:repeat(2, 1fr)}@media(max-width: 768px){.grid--2-cols{grid-template-columns:1fr}}.grid--3-cols{display:grid;gap:var(--space-xl);grid-template-columns:repeat(3, 1fr)}@media(max-width: 768px){.grid--3-cols{grid-template-columns:1fr}}.grid--auto-fit{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}@media(max-width: 768px){.grid--auto-fit{grid-template-columns:1fr;gap:var(--space-lg)}}.grid--auto-fit-large{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit, minmax(350px, 1fr))}@media(max-width: 768px){.grid--auto-fit-large{grid-template-columns:1fr;gap:var(--space-lg)}}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--feature,.feature-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center;padding:var(--space-xl)}.card--feature:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--feature .card-icon,.feature-card .card-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.card--feature .card-title,.feature-card .card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-gray-900)}.card--feature .card-description,.feature-card .card-description{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card--pricing,.pricing-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;position:relative}.card--pricing:hover,.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card--pricing.featured,.featured.pricing-card{border-color:var(--color-primary);transform:scale(1.05)}.card--pricing.featured:hover,.featured.pricing-card:hover{transform:scale(1.05) translateY(-8px)}.card--pricing.premium,.premium.pricing-card{border-color:var(--color-accent);background:linear-gradient(135deg, var(--color-white) 0%, var(--color-gray-50) 100%)}.card--testimonial{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:var(--space-xl)}.card--testimonial:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--testimonial .card-content{font-style:italic;margin-bottom:var(--space-lg);color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.card--testimonial .card-author{text-align:center}.card--testimonial .card-author .author-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-xs)}.card--testimonial .card-author .author-title{font-size:var(--font-size-sm);color:var(--color-gray-600)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn--secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn--accent{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.btn--accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn--outline{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--danger{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn--danger:hover{background-color:var(--color-error-dark, #dc2626);border-color:var(--color-error-dark, #dc2626)}.btn--small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.btn--large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg)}.btn--full{width:100%}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-textarea{resize:vertical;min-height:100px}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-lg)}.nav-link{color:var(--color-gray-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-primary)}.alert{padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-md)}.alert--success{background-color:rgba(16,185,129,.1);border-left-color:var(--color-success);color:var(--color-success)}.alert--warning{background-color:rgba(245,158,11,.1);border-left-color:var(--color-warning);color:var(--color-warning)}.alert--error{background-color:rgba(239,68,68,.1);border-left-color:var(--color-error);color:var(--color-error)}.alert--info{background-color:rgba(59,130,246,.1);border-left-color:var(--color-info);color:var(--color-info)}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-full)}.badge--primary{background-color:var(--color-primary);color:var(--color-white)}.badge--secondary{background-color:var(--color-secondary);color:var(--color-white)}.badge--success{background-color:var(--color-success);color:var(--color-white)}.badge--warning{background-color:var(--color-warning);color:var(--color-white)}.badge--error{background-color:var(--color-error);color:var(--color-white)}.card-header{padding:var(--space-md);border-bottom:1px solid var(--color-gray-200)}.card-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card-body{padding:var(--space-md)}.card-footer{padding:var(--space-md);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--feature,.feature-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);text-align:center;padding:var(--space-xl)}.card--feature:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card--feature .card-icon,.feature-card .card-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.card--feature .card-title,.feature-card .card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--color-gray-900)}.card--feature .card-description,.feature-card .card-description{color:var(--color-gray-600);line-height:var(--line-height-relaxed)}.card--pricing,.pricing-card{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:var(--space-2xl);text-align:center;position:relative;height:100%;display:flex;flex-direction:column}.card--pricing:hover,.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card--pricing.featured,.featured.pricing-card{border-color:var(--color-primary);transform:scale(1.05)}.card--pricing.featured:hover,.featured.pricing-card:hover{transform:scale(1.05) translateY(-8px)}.card--pricing.premium,.premium.pricing-card{border-color:var(--color-accent);background:linear-gradient(135deg, var(--color-white) 0%, var(--color-gray-50) 100%)}.pricing-header{text-align:center;margin-bottom:var(--space-2xl)}.plan-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-gray-900)}.price{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:var(--color-gray-900)}.price span{font-size:var(--font-size-lg);color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.plan-description{color:var(--color-gray-600);font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.plan-features{margin-bottom:var(--space-2xl);flex:1}.feature-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--font-size-base);color:var(--color-gray-700)}.feature-item:last-child{margin-bottom:0}.feature-icon{font-size:var(--font-size-sm);flex-shrink:0}.plan-cta{text-align:center;margin-bottom:var(--space-lg)}.plan-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:var(--color-white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.pricing-card.free .plan-name{color:var(--color-gray-700)}.pricing-card.free .price{color:var(--color-gray-600)}.pricing-card.advanced .plan-name{color:var(--color-primary)}.pricing-card.advanced .price{color:var(--color-primary)}.pricing-card.professional .plan-name{color:var(--color-accent)}.pricing-card.professional .price{color:var(--color-accent)}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem}.auth-modal.modal-open{display:flex;animation:modalFadeIn .3s ease-out}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal-container{position:relative;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:400px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-gray-100)}.modal-header .modal-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.modal-header .modal-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;border-radius:var(--radius-md);color:var(--color-gray-500);transition:all var(--transition-fast)}.modal-header .modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-header .modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-md)}.auth-form .form-field{margin-bottom:var(--space-md)}.auth-form .form-field:last-child{margin-bottom:0}.auth-form .field-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.auth-form .field-input{width:100%;padding:var(--space-sm) var(--space-sm);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--color-white);transition:all var(--transition-fast)}.auth-form .field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.auth-form .field-input::placeholder{color:var(--color-gray-400)}.auth-form .field-input.error{border-color:var(--color-error)}.auth-form .field-input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.auth-form .field-error{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-error);animation:errorSlideIn .2s ease-out}.auth-form .form-actions{margin-top:var(--space-md)}.auth-form .form-actions .submit-btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.modal-footer{padding:var(--space-sm) var(--space-md) var(--space-md);text-align:center;border-top:1px solid var(--color-gray-100)}.modal-footer .mode-toggle{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;transition:color var(--transition-fast)}.modal-footer .mode-toggle:hover{color:var(--color-primary-dark)}.general-error,.success-message{padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.general-error.error-message,.success-message.error-message{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.general-error.success-message,.success-message.success-message{background:rgba(16,185,129,.1);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.auth-status{padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0;border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.auth-status--authenticated{background:rgba(16,185,129,.1);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.auth-status--error{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.auth-status--not-authenticated{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.auth-status--not-authenticated .auth-message{font-size:var(--font-size-sm);color:var(--color-gray-600)}.auth-status--not-authenticated .auth-buttons{display:flex;gap:var(--space-md);align-items:center}.auth-status--not-authenticated .auth-buttons .btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-width:100px}.auth-status .btn{flex-shrink:0}@media(max-width: 768px){.auth-status{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.auth-status .user-info{justify-content:center;text-align:center}.auth-status .user-info .user-details{align-items:center}.auth-status .logout-btn{width:100%;margin-top:var(--space-xs)}.auth-status--not-authenticated .auth-buttons{flex-direction:column;width:100%}.auth-status--not-authenticated .auth-buttons .btn{width:100%}}.header-support .btn-support{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg, #ff6b6b, #ff8e53);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.header-support .btn-support:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,107,.3)}.header-support .btn-support .support-icon{font-size:var(--font-size-md)}.header-support .btn-support .support-text{white-space:nowrap}.user-info{display:flex;align-items:center;gap:var(--space-sm);flex:1}.user-info .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.user-info .user-details{display:flex;flex-direction:column;gap:2px}.user-info .user-details .user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);line-height:1.2}.user-info .user-details .user-email{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.2}.user-info .btn{flex-shrink:0}.site-header .header-content{display:flex;align-items:center;gap:var(--space-lg)}.site-header .header-content .header-nav{margin-left:var(--space-xl)}.site-header .header-content .header-nav .nav-list{display:flex;gap:var(--space-lg);align-items:center}.site-header .header-content .header-support{margin-left:auto;margin-right:auto}.site-header .header-content #auth-status{margin-left:auto}@media(max-width: 768px){.site-header .header-content{gap:var(--space-md);flex-wrap:wrap}.site-header .header-content .header-nav{width:100%;margin:var(--space-sm) 0 0 0}.site-header .header-content .header-nav .nav-list{justify-content:center;gap:var(--space-md)}.site-header .header-content .header-support{margin-left:0;margin-right:0}.site-header .header-content .header-support .btn-support .support-text{display:none}.site-header .header-content #auth-status{margin-left:0}}.sync-status{background:var(--color-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.sync-status .status-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.sync-status .status-indicator .status-icon{font-size:var(--font-size-lg);animation:spin 2s linear infinite}.sync-status .status-indicator .status-text{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.sync-status .status-details{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-gray-600)}.sync-status .status-details .last-sync,.sync-status .status-details .sync-count{display:flex;align-items:center;gap:var(--space-xs)}.sync-status.status-syncing{border-color:var(--color-blue-300);background:var(--color-blue-50)}.sync-status.status-syncing .status-icon{color:var(--color-blue-600)}.sync-status.status-synced{border-color:var(--color-green-300);background:var(--color-green-50)}.sync-status.status-synced .status-icon{color:var(--color-green-600);animation:none}.sync-status.status-error{border-color:var(--color-red-300);background:var(--color-red-50)}.sync-status.status-error .status-icon{color:var(--color-red-600);animation:none}.add-calendar-form{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.add-calendar-form .form-header{margin-bottom:var(--space-lg)}.add-calendar-form .form-header .form-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-sm) 0}.add-calendar-form .form-header .form-description{color:var(--color-gray-600);margin:0}.add-calendar-form .calendar-form .form-field{margin-bottom:var(--space-lg)}.add-calendar-form .calendar-form .form-field .field-label{display:block;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--space-sm)}.add-calendar-form .calendar-form .form-field .field-input{width:100%;padding:var(--space-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-normal)}.add-calendar-form .calendar-form .form-field .field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.add-calendar-form .calendar-form .form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.add-calendar-form .calendar-form .form-actions .btn{flex:1}.connected-calendars{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.connected-calendars .calendars-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.connected-calendars .calendars-header .calendars-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.connected-calendars .calendars-header .calendars-count{font-size:var(--font-size-sm);color:var(--color-gray-600);background:var(--color-gray-100);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.connected-calendars .calendars-list .calendar-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-md);transition:all var(--transition-normal)}.connected-calendars .calendars-list .calendar-item:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.connected-calendars .calendars-list .calendar-item .calendar-info{display:flex;align-items:center;gap:var(--space-md)}.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-icon{font-size:var(--font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md)}.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-details .calendar-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-xs) 0}.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-details .calendar-url{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--space-xs) 0}.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-details .calendar-meta{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-gray-500)}.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-details .calendar-meta .sync-frequency,.connected-calendars .calendars-list .calendar-item .calendar-info .calendar-details .calendar-meta .last-sync{display:flex;align-items:center;gap:var(--space-xs)}.connected-calendars .calendars-list .calendar-item .calendar-actions{display:flex;gap:var(--space-sm)}.connected-calendars .calendars-list .calendar-item .calendar-actions .btn{padding:var(--space-sm);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.connected-calendars .calendars-list .calendar-item.empty-state{flex-direction:column;text-align:center;padding:var(--space-3xl);border:2px dashed var(--color-gray-300);background:var(--color-gray-50)}.connected-calendars .calendars-list .calendar-item.empty-state .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.connected-calendars .calendars-list .calendar-item.empty-state .empty-text{font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--space-xs) 0}.connected-calendars .calendars-list .calendar-item.empty-state .empty-subtext{color:var(--color-gray-600);margin:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.calendar-sync-widget{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.calendar-sync-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.calendar-sync-widget .widget-header .widget-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.calendar-sync-widget .sync-status{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);text-align:center}.calendar-sync-widget .sync-status .status-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.calendar-sync-widget .connected-calendars .calendar-item{display:flex;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);transition:all .2s ease}.calendar-sync-widget .connected-calendars .calendar-item:hover{background:var(--color-surface-tertiary)}.calendar-sync-widget .connected-calendars .calendar-item .calendar-color{width:12px;height:12px;border-radius:50%;margin-right:var(--spacing-sm);flex-shrink:0}.calendar-sync-widget .connected-calendars .calendar-item .calendar-info{flex:1;min-width:0}.calendar-sync-widget .connected-calendars .calendar-item .calendar-info .calendar-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.calendar-sync-widget .connected-calendars .calendar-item .calendar-info .calendar-account{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.calendar-sync-widget .connected-calendars .calendar-item .calendar-status{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-right:var(--spacing-sm);text-transform:capitalize}.calendar-sync-widget .connected-calendars .calendar-item .calendar-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.calendar-sync-widget .connected-calendars .calendar-item .calendar-actions .btn{padding:var(--spacing-xs);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.calendar-sync-widget .no-calendars{text-align:center;padding:var(--spacing-xl) 0}.calendar-sync-widget .no-calendars .empty-state .empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.6}.calendar-sync-widget .no-calendars .empty-state .empty-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.calendar-sync-widget .no-calendars .empty-state .empty-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.sync-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.sync-modal .sync-modal-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(--shadow-xl)}.sync-modal .sync-modal-content h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.sync-modal .sync-modal-content .sync-options{margin-bottom:var(--spacing-lg)}.sync-modal .sync-modal-content .sync-options label{display:block;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s ease}.sync-modal .sync-modal-content .sync-options label:hover{background:var(--color-surface-secondary)}.sync-modal .sync-modal-content .sync-options label input[type=radio]{margin-right:var(--spacing-sm)}.sync-modal .sync-modal-content .sync-date-range{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.sync-modal .sync-modal-content .sync-date-range label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sync-modal .sync-modal-content .sync-date-range label input[type=date]{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);color:var(--color-text-primary)}.sync-modal .sync-modal-content .sync-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.sync-modal .sync-modal-content .sync-actions .btn{min-width:100px}.calendar-fallback,.calendar-sync-fallback,.header-fallback,.auth-modal-fallback,.auth-status-fallback{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;border:2px dashed var(--color-border)}.calendar-fallback .fallback-content h1,.calendar-fallback .fallback-content h3,.calendar-sync-fallback .fallback-content h1,.calendar-sync-fallback .fallback-content h3,.header-fallback .fallback-content h1,.header-fallback .fallback-content h3,.auth-modal-fallback .fallback-content h1,.auth-modal-fallback .fallback-content h3,.auth-status-fallback .fallback-content h1,.auth-status-fallback .fallback-content h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.calendar-fallback .fallback-content p,.calendar-sync-fallback .fallback-content p,.header-fallback .fallback-content p,.auth-modal-fallback .fallback-content p,.auth-status-fallback .fallback-content p{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.calendar-fallback .fallback-content p:last-child,.calendar-sync-fallback .fallback-content p:last-child,.header-fallback .fallback-content p:last-child,.auth-modal-fallback .fallback-content p:last-child,.auth-status-fallback .fallback-content p:last-child{margin-bottom:0;font-style:italic}.header-fallback .fallback-content h1{font-size:var(--font-size-xl);color:var(--color-primary)}.auth-modal-fallback .fallback-content h3{color:var(--color-primary)}.auth-status-fallback .fallback-content p{font-size:var(--font-size-xs)}.calendar-sync-widget{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.calendar-sync-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.calendar-sync-widget .widget-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.calendar-sync-widget .widget-header .sync-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.calendar-sync-widget .widget-header .sync-status .status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--color-success);animation:pulse 2s infinite}.calendar-sync-widget .widget-header .sync-status .status-text{font-weight:var(--font-weight-medium)}.calendar-sync-widget .widget-content .loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.calendar-sync-widget .widget-content .loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.calendar-sync-widget .widget-content .loading p{margin:0;font-size:var(--font-size-base)}.calendar-sync-widget .widget-content .error-message{text-align:center;padding:var(--spacing-lg);color:var(--color-error);border:1px solid var(--color-error-light);border-radius:var(--border-radius-md);background:var(--color-error-bg)}.calendar-sync-widget .widget-content .error-message .error-icon{font-size:var(--font-size-xl);margin-right:var(--spacing-xs)}.calendar-sync-widget .widget-content .error-message .error-text{font-weight:var(--font-weight-medium);margin-right:var(--spacing-md)}.calendar-sync-widget .widget-content .error-message .retry-btn{margin-top:var(--spacing-sm)}.calendar-sync-widget .widget-content .connected-calendars{margin-bottom:var(--spacing-lg)}.calendar-sync-widget .widget-content .no-calendars{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.calendar-sync-widget .widget-content .no-calendars p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg)}.calendar-sync-widget .widget-content .widget-actions{display:flex;gap:var(--spacing-sm)}.calendar-sync-widget .widget-content .widget-actions .btn{flex:1}.calendar-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all .2s ease}.calendar-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.calendar-item .calendar-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.calendar-item .calendar-header .calendar-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.calendar-item .calendar-header .calendar-info{flex:1;min-width:0}.calendar-item .calendar-header .calendar-info .calendar-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px;font-size:var(--font-size-sm)}.calendar-item .calendar-header .calendar-info .calendar-account{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.calendar-item .calendar-header .calendar-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.calendar-item .calendar-header .calendar-status .status-dot{width:6px;height:6px;border-radius:50%}.calendar-item .calendar-header .calendar-status.status-synced{color:var(--color-success)}.calendar-item .calendar-header .calendar-status.status-synced .status-dot{background-color:var(--color-success)}.calendar-item .calendar-header .calendar-status.status-syncing{color:var(--color-warning)}.calendar-item .calendar-header .calendar-status.status-syncing .status-dot{background-color:var(--color-warning)}.calendar-item .calendar-header .calendar-status.status-needs-sync{color:var(--color-danger)}.calendar-item .calendar-header .calendar-status.status-needs-sync .status-dot{background-color:var(--color-danger)}.calendar-item .calendar-details{display:flex;justify-content:space-between;align-items:center}.calendar-item .calendar-details .last-sync{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.calendar-item .calendar-details .calendar-actions{display:flex;gap:var(--spacing-xs)}.calendar-item .calendar-details .calendar-actions .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.calendar-item .calendar-details .calendar-actions .btn .sync-icon,.calendar-item .calendar-details .calendar-actions .btn .remove-icon{margin-right:4px}.sync-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.sync-modal-overlay .sync-modal{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.sync-modal-overlay .sync-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.sync-modal-overlay .sync-modal .modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.sync-modal-overlay .sync-modal .modal-header .modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary)}.sync-modal-overlay .sync-modal .modal-header .modal-close:hover{color:var(--color-text-primary)}.sync-modal-overlay .sync-modal .modal-content{margin-bottom:var(--spacing-lg)}.sync-modal-overlay .sync-modal .modal-content .sync-direction,.sync-modal-overlay .sync-modal .modal-content .sync-dates{margin-bottom:var(--spacing-md)}.sync-modal-overlay .sync-modal .modal-content .sync-direction label,.sync-modal-overlay .sync-modal .modal-content .sync-dates label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.sync-modal-overlay .sync-modal .modal-content .sync-direction .radio-group,.sync-modal-overlay .sync-modal .modal-content .sync-dates .radio-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sync-modal-overlay .sync-modal .modal-content .sync-direction .radio-group label,.sync-modal-overlay .sync-modal .modal-content .sync-dates .radio-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:normal;cursor:pointer}.sync-modal-overlay .sync-modal .modal-content .sync-direction .radio-group label input[type=radio],.sync-modal-overlay .sync-modal .modal-content .sync-dates .radio-group label input[type=radio]{margin:0}.sync-modal-overlay .sync-modal .modal-content .sync-direction .date-inputs,.sync-modal-overlay .sync-modal .modal-content .sync-dates .date-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.sync-modal-overlay .sync-modal .modal-content .sync-direction .date-inputs input[type=date],.sync-modal-overlay .sync-modal .modal-content .sync-dates .date-inputs input[type=date]{flex:1;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm)}.sync-modal-overlay .sync-modal .modal-content .sync-direction .date-inputs span,.sync-modal-overlay .sync-modal .modal-content .sync-dates .date-inputs span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sync-modal-overlay .sync-modal .modal-actions{display:flex;gap:var(--spacing-sm)}.sync-modal-overlay .sync-modal .modal-actions .btn{flex:1}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.page-section{margin-bottom:var(--space-2xl)}.page-section h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.page-section p{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-xl);line-height:1.6}.content-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--space-xl)}.content-grid .content-card{background-color:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.content-grid .content-card h3{color:var(--color-gray-900);margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.content-grid .content-card .dummy-list .dummy-item{padding:var(--space-md);margin-bottom:var(--space-sm);background-color:var(--color-gray-50);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);color:var(--color-gray-700);font-size:var(--font-size-base)}.content-grid .content-card .dummy-list .dummy-item:last-child{margin-bottom:0}.hero-carousel-section{width:100%;background:var(--color-gray-50);padding:var(--space-3xl) 0}.hero-carousel-section .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.hero-carousel-section .hero-carousel{position:relative;overflow:visible;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:var(--color-white)}.hero-carousel-section .carousel-slide{display:none;opacity:0;transform:translateX(100%);transition:all .6s ease-in-out}.hero-carousel-section .carousel-slide.active{display:block;opacity:1;transform:translateX(0)}.hero-carousel-section .carousel-slide.prev{transform:translateX(-100%)}.hero-carousel-section .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;padding:var(--space-3xl);min-height:600px;max-height:600px}@media(max-width: calc(992px - 1px)){.hero-carousel-section .hero-content{grid-template-columns:1fr;gap:var(--space-2xl);padding:var(--space-2xl)}}.hero-carousel-section .carousel-slide[data-slide="3"] .hero-content .hero-text{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-carousel-section .carousel-slide[data-slide="3"] .hero-content .hero-title,.hero-carousel-section .carousel-slide[data-slide="3"] .hero-content .hero-subtitle{text-align:center}.hero-carousel-section .carousel-slide[data-slide="3"] .hero-content .hero-actions{justify-content:center}.hero-carousel-section .hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);line-height:var(--line-height-tight);color:var(--color-gray-900)}@media(max-width: calc(992px - 1px)){.hero-carousel-section .hero-title{font-size:var(--font-size-3xl)}}.hero-carousel-section .hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-2xl);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}@media(max-width: calc(992px - 1px)){.hero-carousel-section .hero-subtitle{font-size:var(--font-size-lg)}}.hero-carousel-section .hero-actions{display:flex;gap:var(--space-lg);flex-wrap:wrap}@media(max-width: calc(576px - 1px)){.hero-carousel-section .hero-actions{flex-direction:column}}.corner-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-dropdown);background:rgba(0,0,0,.5);color:var(--color-white);border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-2xl)}.corner-nav:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.corner-nav.prev{left:-20px}.corner-nav.next{right:-20px}.live-demo{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--color-gray-200);height:100%;display:flex;flex-direction:column}.live-demo .demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-shrink:0}.live-demo .demo-header h3{margin:0;font-size:var(--font-size-xl);color:var(--color-gray-900)}.live-demo .demo-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-semibold)}.live-demo .status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);animation:pulse 2s infinite}.live-demo .demo-calendars{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg);flex:1}.live-demo .master-calendar{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-gray-200);flex-shrink:0}.live-demo .client-calendars-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);flex:1}.live-demo .client-calendar-section{display:flex;flex-direction:column;gap:var(--space-sm)}.live-demo .client-action{display:flex;justify-content:center;margin-top:var(--space-sm)}.live-demo .client-calendar{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--color-gray-200);height:100%}.live-demo .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.live-demo .calendar-header h4{margin:0;font-size:var(--font-size-base);color:var(--color-gray-900)}.live-demo .availability-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-gray-600)}.live-demo .toggle{position:relative;display:inline-block;width:44px;height:22px}.live-demo .toggle input{opacity:0;width:0;height:0}.live-demo .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:var(--transition-normal);border-radius:22px}.live-demo .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--color-white);transition:var(--transition-normal);border-radius:var(--radius-full)}.live-demo input:checked+.slider{background-color:var(--color-success)}.live-demo input:checked+.slider:before{transform:translateX(22px)}.live-demo .sync-status{padding:3px 10px;border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.live-demo .sync-status.synced{background:var(--color-green-100);color:var(--color-green-800)}.live-demo .calendar-events{display:grid;gap:var(--space-sm)}.live-demo .event{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.live-demo .event.available{background:var(--color-green-100);color:var(--color-green-800)}.live-demo .event.confirmed{background:var(--color-blue-100);color:var(--color-blue-800)}.live-demo .event.not-available{background:var(--color-red-100);color:var(--color-red-800)}.live-demo .demo-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;flex-shrink:0}.live-demo .demo-action-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-sm)}.live-demo .demo-action-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.time-tracking-demo{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-gray-200);height:100%;display:flex;flex-direction:column}.time-tracking-demo .tracking-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-md);margin-bottom:var(--space-md);flex-shrink:0}@media(max-width: calc(768px - 1px)){.time-tracking-demo .tracking-stats{grid-template-columns:1fr;gap:var(--space-sm)}}.time-tracking-demo .stat-card{text-align:center;padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.time-tracking-demo .stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs);color:var(--color-primary)}.time-tracking-demo .stat-label{font-size:var(--font-size-xs);color:var(--color-gray-600)}.time-tracking-demo .tracking-timeline{margin-bottom:var(--space-md);flex:1}.time-tracking-demo .timeline-item{display:grid;grid-template-columns:80px 1fr 70px;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-gray-200);align-items:center}.time-tracking-demo .timeline-item:last-child{border-bottom:none}@media(max-width: calc(768px - 1px)){.time-tracking-demo .timeline-item{grid-template-columns:70px 1fr 50px;gap:var(--space-xs)}}.time-tracking-demo .time{font-size:var(--font-size-xs);color:var(--color-gray-600)}.time-tracking-demo .activity{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.time-tracking-demo .project{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:right}.time-tracking-demo .tracking-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-shrink:0}.time-tracking-demo .tracking-btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-gray-500);color:var(--color-white);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-xs)}.time-tracking-demo .tracking-btn:hover{background:var(--color-gray-600);transform:translateY(-1px)}.time-tracking-demo .tracking-btn.start-tracking{background:var(--color-success)}.time-tracking-demo .tracking-btn.start-tracking:hover{background:var(--color-green-600)}.ai-assistant-demo{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-gray-200);height:100%;display:flex;flex-direction:column}.ai-assistant-demo .ai-chat{margin-bottom:var(--space-md);flex:1;overflow-y:auto;max-height:300px}.ai-assistant-demo .chat-message{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.ai-assistant-demo .chat-message.user{flex-direction:row-reverse}.ai-assistant-demo .message-avatar{font-size:var(--font-size-lg);flex-shrink:0}.ai-assistant-demo .message-content{background:var(--color-white);padding:var(--space-sm);border-radius:var(--radius-md);max-width:85%;border:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.ai-assistant-demo .chat-message.user .message-content{background:var(--color-blue-50);border-color:var(--color-blue-200)}.ai-assistant-demo .suggestion-list{margin-top:var(--space-xs)}.ai-assistant-demo .suggestion{padding:var(--space-xs) 0;border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-xs);line-height:var(--line-height-snug)}.ai-assistant-demo .suggestion:last-child{border-bottom:none}.ai-assistant-demo .ai-actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;flex-shrink:0}.ai-assistant-demo .ai-btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition-normal);font-size:var(--font-size-xs)}.ai-assistant-demo .ai-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.ai-highlight{margin-top:var(--space-3xl);padding:var(--space-2xl);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-white) 100%);border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200)}.ai-highlight .ai-highlight-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}@media(max-width: calc(992px - 1px)){.ai-highlight .ai-highlight-content{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}}.ai-highlight .ai-highlight-text h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--color-gray-900)}.ai-highlight .ai-highlight-text h3 .pro-badge{display:inline-block;background:var(--color-accent);color:var(--color-white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-sm);vertical-align:middle}.ai-highlight .ai-highlight-text p{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed)}.ai-highlight .ai-highlight-text .ai-benefits-preview{margin-bottom:var(--space-xl)}.ai-highlight .ai-highlight-text .ai-benefits-preview .ai-benefit{display:block;padding:var(--space-sm) 0;color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.ai-highlight .ai-highlight-text .ai-benefits-preview .ai-benefit:last-child{margin-bottom:0}.ai-highlight .ai-highlight-visual .ai-demo{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.ai-highlight .ai-highlight-visual .ai-demo .ai-demo-header{text-align:center;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.ai-highlight .ai-highlight-visual .ai-demo .ai-demo-content{display:flex;flex-direction:column;gap:var(--space-sm)}.ai-highlight .ai-highlight-visual .ai-demo .ai-demo-content .ai-task{padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-left:3px solid var(--color-primary)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.m-xs{margin:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.mb-xs{margin-bottom:var(--space-xs)}.ml-xs{margin-left:var(--space-xs)}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.p-xs{padding:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pl-xs{padding-left:var(--space-xs)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.m-sm{margin:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mr-sm{margin-right:var(--space-sm)}.mb-sm{margin-bottom:var(--space-sm)}.ml-sm{margin-left:var(--space-sm)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.p-sm{padding:var(--space-sm)}.pt-sm{padding-top:var(--space-sm)}.pr-sm{padding-right:var(--space-sm)}.pb-sm{padding-bottom:var(--space-sm)}.pl-sm{padding-left:var(--space-sm)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.m-md{margin:var(--space-md)}.mt-md{margin-top:var(--space-md)}.mr-md{margin-right:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.ml-md{margin-left:var(--space-md)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.p-md{padding:var(--space-md)}.pt-md{padding-top:var(--space-md)}.pr-md{padding-right:var(--space-md)}.pb-md{padding-bottom:var(--space-md)}.pl-md{padding-left:var(--space-md)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-lg{margin-top:var(--space-lg)}.mr-lg{margin-right:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.ml-lg{margin-left:var(--space-lg)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.p-lg{padding:var(--space-lg)}.pt-lg{padding-top:var(--space-lg)}.pr-lg{padding-right:var(--space-lg)}.pb-lg{padding-bottom:var(--space-lg)}.pl-lg{padding-left:var(--space-lg)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xl{margin-left:var(--space-xl)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.p-xl{padding:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pl-xl{padding-left:var(--space-xl)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-2xl{margin-top:var(--space-2xl)}.mr-2xl{margin-right:var(--space-2xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.ml-2xl{margin-left:var(--space-2xl)}.mx-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.my-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.p-2xl{padding:var(--space-2xl)}.pt-2xl{padding-top:var(--space-2xl)}.pr-2xl{padding-right:var(--space-2xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-2xl{padding-left:var(--space-2xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.mt-3xl{margin-top:var(--space-3xl)}.mr-3xl{margin-right:var(--space-3xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.ml-3xl{margin-left:var(--space-3xl)}.mx-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.my-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.p-3xl{padding:var(--space-3xl)}.pt-3xl{padding-top:var(--space-3xl)}.pr-3xl{padding-right:var(--space-3xl)}.pb-3xl{padding-bottom:var(--space-3xl)}.pl-3xl{padding-left:var(--space-3xl)}.px-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.m-4xl{margin:var(--space-4xl)}.mt-4xl{margin-top:var(--space-4xl)}.mr-4xl{margin-right:var(--space-4xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.ml-4xl{margin-left:var(--space-4xl)}.mx-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl)}.my-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.p-4xl{padding:var(--space-4xl)}.pt-4xl{padding-top:var(--space-4xl)}.pr-4xl{padding-right:var(--space-4xl)}.pb-4xl{padding-bottom:var(--space-4xl)}.pl-4xl{padding-left:var(--space-4xl)}.px-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl)}.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-0{gap:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.border{border:1px solid var(--color-gray-300)}.border-0{border:0}.border-t{border-top:1px solid var(--color-gray-300)}.border-r{border-right:1px solid var(--color-gray-300)}.border-b{border-bottom:1px solid var(--color-gray-300)}.border-l{border-left:1px solid var(--color-gray-300)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}@media(min-width: 576px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media(min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media(min-width: 992px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media(min-width: 1200px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}}body.landing-layout{padding-top:var(--header-height)}body.landing-layout .site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}body.landing-layout .site-header .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}body.landing-layout .site-header .header-content{display:flex;align-items:center;height:var(--header-height);gap:var(--space-lg)}body.landing-layout .site-header .header-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}body.landing-layout .site-header .header-brand .brand-logo{height:auto;max-height:60px;width:auto;max-width:250px;transition:opacity var(--transition-normal)}body.landing-layout .site-header .header-brand .brand-logo:hover{opacity:.8}body.landing-layout .site-header .header-brand .brand-text,body.landing-layout .site-header .header-brand .brand-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}body.landing-layout .site-header .header-nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}body.landing-layout .site-header .header-nav .nav-links{display:flex;align-items:center;gap:var(--space-md);list-style:none;margin:0;padding:0}body.landing-layout .site-header .header-nav .nav-links .nav-link{color:var(--color-gray-700);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-normal)}body.landing-layout .site-header .header-nav .nav-links .nav-link:hover{color:var(--color-primary);background-color:var(--color-primary-50)}body.landing-layout .site-header .header-nav .nav-links .nav-link.active{color:var(--color-primary);background-color:var(--color-primary-100)}.landing-main{min-height:calc(100vh - var(--header-height));padding-top:var(--space-lg)}body.landing-layout .problem-section,body.landing-layout .solution-section,body.landing-layout .features-section,body.landing-layout .pricing-section,body.landing-layout .use-cases-section,body.landing-layout .cta-section{padding:var(--space-3xl) 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}body.landing-layout .problem-section{background-color:var(--color-gray-50);border-top:none}body.landing-layout .solution-section{background-color:var(--color-white)}body.landing-layout .features-section{background-color:var(--color-gray-50)}body.landing-layout .pricing-section{background-color:var(--color-white)}body.landing-layout .use-cases-section{background-color:var(--color-gray-50)}body.landing-layout .cta-section{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);border-top:1px solid var(--color-primary-dark);border-bottom:1px solid var(--color-primary-dark)}body.landing-layout .section-title{text-align:center;margin-bottom:var(--space-2xl);color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}body.landing-layout .cta-section .section-title{color:var(--color-white)}body.landing-layout .problem-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}body.landing-layout .problem-card{background:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}body.landing-layout .problem-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}body.landing-layout .solution-workflow{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}body.landing-layout .workflow-step{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}body.landing-layout .step-number{background:var(--color-primary);color:var(--color-white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}body.landing-layout .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}body.landing-layout .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--space-xl);margin-top:var(--space-2xl);align-items:stretch}body.landing-layout .pricing-card.advanced{border-color:var(--color-primary);transform:scale(1.05)}body.landing-layout .pricing-card.advanced:hover{transform:scale(1.05) translateY(-8px)}body.landing-layout .pricing-card.professional{border-color:var(--color-accent)}body.landing-layout .pricing-card.free{border-color:var(--color-gray-300)}body.landing-layout .use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}body.landing-layout .use-case-card{background:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}body.landing-layout .use-case-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}body.landing-layout .cta-content{text-align:center;max-width:800px;margin:0 auto}body.landing-layout .cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--color-white)}body.landing-layout .cta-description{font-size:var(--font-size-lg);margin-bottom:var(--space-xl);color:var(--color-white);opacity:.9}body.landing-layout .cta-benefits{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}body.landing-layout .cta-benefit{background:hsla(0,0%,100%,.1);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-weight-medium)}body.landing-layout .cta-actions{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}body.landing-layout .cta-note{color:var(--color-white);opacity:.8;font-size:var(--font-size-sm)}body.landing-layout .site-footer{background-color:var(--color-gray-900);color:var(--color-white);padding:var(--space-3xl) 0 var(--space-xl) 0}body.landing-layout .site-footer .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}body.landing-layout .site-footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}body.landing-layout .site-footer .footer-section h4{color:var(--color-white);margin-bottom:var(--space-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}body.landing-layout .site-footer .footer-section .footer-links{list-style:none;margin:0;padding:0}body.landing-layout .site-footer .footer-section .footer-links li{margin-bottom:var(--space-sm)}body.landing-layout .site-footer .footer-section .footer-links li a{color:var(--color-gray-300);text-decoration:none;transition:color var(--transition-normal)}body.landing-layout .site-footer .footer-section .footer-links li a:hover{color:var(--color-white)}body.landing-layout .site-footer .footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--space-lg);text-align:center;color:var(--color-gray-400)}body.landing-layout .mobile-menu-toggle{display:none}@media(max-width: 768px){body.landing-layout .site-header .header-brand .brand-logo{max-height:45px;max-width:188px}body.landing-layout .site-header .header-nav .nav-links{display:none}body.landing-layout .site-header .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}body.landing-layout .site-header .mobile-menu-toggle .hamburger{width:24px;height:18px;position:relative;transform:rotate(0deg);transition:.3s ease-in-out;cursor:pointer}body.landing-layout .site-header .mobile-menu-toggle .hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--color-gray-700);border-radius:1px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}body.landing-layout .site-header .mobile-menu-toggle .hamburger span:nth-child(1){top:0px}body.landing-layout .site-header .mobile-menu-toggle .hamburger span:nth-child(2){top:8px}body.landing-layout .site-header .mobile-menu-toggle .hamburger span:nth-child(3){top:16px}body.landing-layout .site-header .mobile-menu-toggle .hamburger.active span:nth-child(1){top:8px;transform:rotate(135deg)}body.landing-layout .site-header .mobile-menu-toggle .hamburger.active span:nth-child(2){opacity:0;left:-60px}body.landing-layout .site-header .mobile-menu-toggle .hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}}.dashboard-layout{display:block;min-height:100vh;background-color:var(--color-gray-50)}.dashboard-layout .site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-modal);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.dashboard-layout .site-header .container{max-width:none;padding:0 var(--space-lg)}.dashboard-layout .site-header .header-content{display:flex;align-items:center;height:var(--header-height);gap:var(--space-lg)}.dashboard-layout .site-header .header-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.dashboard-layout .site-header .header-brand .brand-logo{height:auto;max-height:50px;width:auto;max-width:210px;transition:opacity var(--transition-normal)}.dashboard-layout .site-header .header-brand .brand-logo:hover{opacity:.8}.dashboard-layout .site-header .header-brand .brand-text,.dashboard-layout .site-header .header-brand .brand-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0}.dashboard-layout .site-header .header-nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.dashboard-layout .dashboard-container{display:flex;min-height:calc(100vh - var(--header-height));padding-top:var(--header-height)}.dashboard-layout .sidebar{width:280px;background-color:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column;position:fixed;left:0;top:var(--header-height);bottom:0;z-index:var(--z-sticky);transition:width var(--transition-normal),transform var(--transition-normal)}.dashboard-layout .sidebar.sidebar-collapsed{width:60px}.dashboard-layout .sidebar.sidebar-collapsed .sidebar-toggle-btn .toggle-icon{transform:rotate(180deg)}.dashboard-layout .sidebar.sidebar-collapsed .nav-text{opacity:0;visibility:hidden;width:0;overflow:hidden}.dashboard-layout .sidebar.sidebar-collapsed .sidebar-nav-link{justify-content:center;padding:var(--space-md) var(--space-sm)}.dashboard-layout .sidebar.sidebar-collapsed .sidebar-nav-link .nav-icon{margin:0}.dashboard-layout .sidebar .sidebar-nav{flex:1;padding:var(--space-lg) 0}.dashboard-layout .sidebar .sidebar-nav .nav-section{margin-bottom:var(--space-lg)}.dashboard-layout .sidebar .sidebar-nav .nav-section .nav-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-lg);margin-bottom:var(--space-sm)}.dashboard-layout .sidebar .sidebar-nav .sidebar-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);color:var(--color-gray-700);text-decoration:none;transition:all var(--transition-normal);border-left:3px solid rgba(0,0,0,0)}.dashboard-layout .sidebar .sidebar-nav .sidebar-nav-link .nav-icon{font-size:var(--font-size-lg);width:20px;text-align:center}.dashboard-layout .sidebar .sidebar-nav .sidebar-nav-link .nav-text{font-weight:var(--font-weight-medium);transition:opacity var(--transition-normal),visibility var(--transition-normal)}.dashboard-layout .sidebar .sidebar-nav .sidebar-nav-link:hover{background-color:var(--color-gray-50);color:var(--color-primary)}.dashboard-layout .sidebar .sidebar-nav .sidebar-nav-link.active{background-color:var(--color-primary-50);color:var(--color-primary);border-left-color:var(--color-primary)}.dashboard-layout .sidebar .sidebar-toggle{padding:var(--space-md);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);margin-top:auto;flex-shrink:0}.dashboard-layout .sidebar .sidebar-toggle .sidebar-toggle-btn{width:32px;height:32px;border:1px solid var(--color-gray-300);background-color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);outline:none}.dashboard-layout .sidebar .sidebar-toggle .sidebar-toggle-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400);transform:scale(1.05)}.dashboard-layout .sidebar .sidebar-toggle .sidebar-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-layout .sidebar .sidebar-toggle .sidebar-toggle-btn .toggle-icon{font-size:var(--font-size-sm);transition:transform var(--transition-normal)}.dashboard-layout .sidebar .sidebar-toggle .sidebar-toggle-btn.collapsed{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.dashboard-layout .dashboard-main{flex:1;margin-left:280px;padding:var(--space-lg);transition:margin-left var(--transition-normal)}.dashboard-layout .dashboard-main .main-content{width:100%;max-width:1200px;margin:0 auto}.dashboard-layout .dashboard-main .main-content h1,.dashboard-layout .dashboard-main .main-content h2,.dashboard-layout .dashboard-main .main-content h3,.dashboard-layout .dashboard-main .main-content h4,.dashboard-layout .dashboard-main .main-content h5,.dashboard-layout .dashboard-main .main-content h6{color:var(--color-gray-900);margin-bottom:var(--space-md)}.dashboard-layout .dashboard-main .main-content p{color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.dashboard-layout .dashboard-main.with-widgets{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr;gap:var(--space-xl);align-items:start;max-width:none}.dashboard-layout .dashboard-main.with-widgets .main-content{min-width:0;max-width:none;margin:0}.dashboard-layout .right-sidebar{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);position:sticky;top:var(--space-lg);max-height:calc(100vh - var(--header-height) - var(--space-xl));overflow-y:auto}.dashboard-layout .widget{margin-bottom:var(--space-lg)}.dashboard-layout .widget:last-child{margin-bottom:0}.dashboard-layout .widget-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-sm)}.dashboard-layout .widget-content{color:var(--color-gray-700);line-height:var(--line-height-relaxed)}.dashboard-layout .widget-content p{margin-bottom:var(--space-sm)}.dashboard-layout .widget-content p:last-child{margin-bottom:0}.dashboard-layout .calendar-sync-page .section-description{color:var(--color-gray-600);margin-bottom:var(--space-lg)}.dashboard-layout .calendar-sync-page .account-connections-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.dashboard-layout .calendar-sync-page .calendar-providers{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.dashboard-layout .calendar-sync-page .provider-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:all var(--transition-normal)}.dashboard-layout .calendar-sync-page .provider-card:hover{background:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-layout .calendar-sync-page .provider-card .provider-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.dashboard-layout .calendar-sync-page .provider-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-sm)}.dashboard-layout .calendar-sync-page .provider-card p{color:var(--color-gray-600);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.dashboard-layout .calendar-sync-page .provider-card .btn{width:100%}.dashboard-layout .calendar-sync-page .sync-settings-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.dashboard-layout .calendar-sync-page .settings-grid{display:grid;gap:var(--space-md);margin-top:var(--space-lg)}.dashboard-layout .calendar-sync-page .setting-item{display:flex;align-items:center;padding:var(--space-md);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);transition:all var(--transition-normal)}.dashboard-layout .calendar-sync-page .setting-item:hover{background:var(--color-white);border-color:var(--color-primary)}.dashboard-layout .calendar-sync-page .setting-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;margin:0;flex:1}.dashboard-layout .calendar-sync-page .setting-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.dashboard-layout .add-calendar-form h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-sm)}.dashboard-layout .add-calendar-form .section-description{color:var(--color-gray-600);margin-bottom:var(--space-xl)}.dashboard-layout .add-calendar-form .calendar-connections{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.dashboard-layout .add-calendar-form .calendar-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);position:relative}.dashboard-layout .add-calendar-form .calendar-card:hover:not(.disabled){border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-layout .add-calendar-form .calendar-card.disabled{opacity:.6;cursor:not-allowed}.dashboard-layout .add-calendar-form .calendar-card.disabled .card-header,.dashboard-layout .add-calendar-form .calendar-card.disabled .card-features,.dashboard-layout .add-calendar-form .calendar-card.disabled .card-actions{opacity:.7}.dashboard-layout .add-calendar-form .calendar-card .card-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.dashboard-layout .add-calendar-form .calendar-card .card-header .card-icon{font-size:2.5rem;flex-shrink:0}.dashboard-layout .add-calendar-form .calendar-card .card-header .card-title h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-xs)}.dashboard-layout .add-calendar-form .calendar-card .card-header .card-title p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.dashboard-layout .add-calendar-form .calendar-card .card-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.dashboard-layout .add-calendar-form .calendar-card .card-features .feature{font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-xs)}.dashboard-layout .add-calendar-form .calendar-card .card-actions .btn{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg)}.dashboard-layout .add-calendar-form .calendar-card .card-actions .btn-primary{background:linear-gradient(135deg, #4285f4 0%, #34a853 100%);border:none;color:var(--color-white)}.dashboard-layout .add-calendar-form .calendar-card .card-actions .btn-primary:hover{background:linear-gradient(135deg, #3367d6 0%, #2d8f47 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.dashboard-layout .add-calendar-form .calendar-card .card-actions .btn-success{background:linear-gradient(135deg, #10B981 0%, #059669 100%);border:none;color:var(--color-white)}.dashboard-layout .add-calendar-form .calendar-card .card-actions .btn-success:hover{background:linear-gradient(135deg, #059669 0%, #047857 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.dashboard-layout .logged-in-footer{margin-left:280px;background:var(--color-white);border-top:1px solid var(--color-gray-200);padding:var(--space-2xl) var(--space-xl);transition:margin-left var(--transition-normal)}.dashboard-layout .logged-in-footer .footer-content{max-width:var(--container-max-width);margin:0 auto}.dashboard-layout .logged-in-footer .footer-sections{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-xl);margin-bottom:var(--space-lg)}.dashboard-layout .logged-in-footer .footer-heading{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.dashboard-layout .logged-in-footer .footer-links{list-style:none;margin:0;padding:0}.dashboard-layout .logged-in-footer .footer-links li{margin-bottom:var(--space-xs)}.dashboard-layout .logged-in-footer .footer-links li a{color:var(--color-gray-600);text-decoration:none}.dashboard-layout .logged-in-footer .footer-links li a:hover{color:var(--color-primary);text-decoration:underline}.dashboard-layout .logged-in-footer .footer-bottom{border-top:1px solid var(--color-gray-200);padding-top:var(--space-md);text-align:center;color:var(--color-gray-600)}body.sidebar-collapsed .dashboard-layout .dashboard-main{margin-left:60px}body.sidebar-collapsed .dashboard-layout .logged-in-footer{margin-left:60px}@media(max-width: 1200px){.dashboard-layout .dashboard-main.with-widgets{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:var(--space-lg)}.dashboard-layout .right-sidebar{position:static;max-height:none}}@media(max-width: 1024px){.dashboard-layout .site-header .header-brand .brand-logo{max-height:40px;max-width:167px}.dashboard-layout .dashboard-container{flex-direction:column}.dashboard-layout .sidebar{position:fixed;left:-280px;width:280px;z-index:var(--z-modal);transition:left var(--transition-normal)}.dashboard-layout .sidebar.sidebar-open{left:0}.dashboard-layout .dashboard-main{margin-left:0;width:100%}.dashboard-layout .logged-in-footer{margin-left:0}}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-white);margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md) 0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0 0 var(--space-md) 0;line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}@media(max-width: 768px){.hide-mobile{display:none !important}}@media(min-width: 769px){.hide-desktop{display:none !important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0 !important}.mb-sm{margin-bottom:var(--space-sm) !important}.mb-md{margin-bottom:var(--space-md) !important}.mb-lg{margin-bottom:var(--space-lg) !important}.mb-xl{margin-bottom:var(--space-xl) !important}.mt-0{margin-top:0 !important}.mt-sm{margin-top:var(--space-sm) !important}.mt-md{margin-top:var(--space-md) !important}.mt-lg{margin-top:var(--space-lg) !important}.mt-xl{margin-top:var(--space-xl) !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media print{.site-header,.sidebar,.logged-in-footer,.site-footer{display:none !important}.dashboard-main{margin-left:0 !important;padding:0 !important}body{background:#fff !important;color:#000 !important;font-size:12pt}}/*# sourceMappingURL=main.css.map */