@import url(https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;700&display=swap);:root{--color-brand:#1f2933;--color-brand-hover:#294460;--color-accent:#1557f6;--color-accent-hover:#4b7cf6;--color-bg:#f8fafc;--color-surface:#fff;--color-surface-muted:#f3f4f6;--color-border:#e5e7eb;--color-border-soft:#f1f5f9;--color-text:#1f2933;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-text-on-dark:#f9fafb;--color-sidebar-bg:#fff;--color-sidebar-icon:#1f2933;--color-sidebar-icon-active:#0f1720;--color-sidebar-text:#1f2933;--color-sidebar-active:#e5e7eb;--color-success:#00bc7d;--color-success-subtle:#bbf7d0;--color-warning:#f59e0b;--color-warning-subtle:#fffaeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-subtle:#eff6ff;--header-height:72px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-md:0.875rem;--font-size-base:0.9rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.625rem;--font-size-4xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--sidebar-width:200px;--sidebar-collapsed-width:64px;--header-height:56px;--content-max-width:1200px;--transition-fast:0.15s ease;--transition-base:0.25s ease;--transition-slow:0.4s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--card-padding:var(--spacing-6);--card-header-padding:var(--spacing-5) var(--spacing-6);--card-body-padding:var(--spacing-6);--card-footer-padding:var(--spacing-4) var(--spacing-6);--card-border-radius:var(--radius-xl);--card-gap:var(--spacing-6);--input-height:42px;--input-height-sm:36px;--input-height-lg:48px;--input-padding-x:var(--spacing-4);--input-padding-y:var(--spacing-2);--input-radius:var(--radius-lg);--checkbox-size:20px;--toggle-width:44px;--toggle-height:24px;--toggle-handle-size:20px;--toggle-offset:2px;--table-cell-padding-y:var(--spacing-3);--table-cell-padding-x:var(--spacing-4);--text-page-title:var(--font-size-2xl);--text-section-title:var(--font-size-xl);--text-card-title:var(--font-size-lg);--text-body:var(--font-size-md);--text-small:var(--font-size-sm);--text-stat-value:var(--font-size-3xl);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-card-medium:14px;--radius-card-large:18px;--radius-nav-item:10px;--radius-full:50px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 12px 32px #0000001a;--shadow-card:0 4px 24px #0000000f;--shadow-card-hover:0 8px 32px #0000001a;--checklist-progress-height:4px;--modal-max-width:480px;--modal-width:90%;--modal-max-height:90vh;--empty-state-max-width:360px;--empty-state-icon-size:48px;--spinner-size:40px;--spinner-size-sm:24px;--spinner-size-xs:20px;--spinner-size-lg:32px;--spinner-border-width:3px;--spinner-border-width-sm:2px;--border-width-sm:1px;--border-width-md:2px;--border-width-lg:3px;--focus-ring-width:3px;--focus-ring-offset:2px;--scrollbar-width:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-white);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:0;letter-spacing:var(--letter-spacing-normal);margin:0}code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,source-code-pro,Menlo,Consolas,Courier New,monospace}.loading-screen{align-items:center;background-color:var(--color-surface);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin .8s linear infinite;border:var(--spinner-border-width) solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-accent);height:var(--spinner-size);width:var(--spinner-size)}.loading-spinner-small{border:var(--spinner-border-width-sm) solid var(--color-border);border-top-color:var(--color-accent);height:var(--spinner-size-sm);width:var(--spinner-size-sm)}.page-loading-fallback{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-8)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background-color:var(--color-surface);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}h1{font-size:var(--text-page-title)}h2{font-size:var(--text-section-title)}h3{font-size:var(--text-card-title)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}input,select,textarea{font-family:inherit;font-size:var(--font-size-md)}button{cursor:pointer;font-family:inherit}::selection{background-color:var(--color-accent);color:var(--color-surface)}::-webkit-scrollbar{height:var(--scrollbar-width);width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-md);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-accent)}.text-secondary{color:var(--color-brand)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-accent)}.bg-secondary{background-color:var(--color-brand)}.bg-white{background-color:var(--color-surface)}.bg-gray{background-color:var(--color-bg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);padding:var(--card-padding);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-title{color:var(--color-text);font-size:var(--text-card-title);font-weight:var(--font-weight-semibold)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--focus-ring-offset)}.btn-primary{background-color:var(--color-brand);color:var(--color-surface)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover)}.btn-secondary{background-color:var(--color-accent);color:var(--color-surface)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-outline{background-color:initial;border-color:var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg);border-color:var(--color-text-muted)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg);color:var(--color-text)}.btn-danger{color:var(--color-surface)}.btn-danger,.btn-danger:hover:not(:disabled){background-color:var(--color-error)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}.btn-lg{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);padding:var(--input-padding-y) var(--input-padding-x);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent);outline:none}.form-input:disabled{background-color:var(--color-bg);cursor:not-allowed}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 var(--focus-ring-width) var(--color-error)}.form-error{color:var(--color-error)}.form-error,.form-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-hint{color:var(--color-text-muted)}.form-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);padding:var(--input-padding-y) var(--input-padding-x);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent);outline:none}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--table-cell-padding-y) var(--table-cell-padding-x);text-align:left}.table th{background-color:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-bg)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2)}.badge-success{background-color:var(--color-success);color:var(--color-surface)}.badge-warning{background-color:var(--color-warning);color:var(--color-surface)}.badge-error{background-color:var(--color-error)}.badge-error,.badge-info{color:var(--color-surface)}.badge-info{background-color:var(--color-info)}.badge-gray{background-color:var(--color-bg);color:var(--color-text)}.alert{gap:var(--spacing-3);margin-bottom:var(--spacing-md);padding:var(--spacing-4)}.alert-success{background-color:var(--color-success);color:var(--color-surface)}.alert-warning{background-color:var(--color-warning);color:var(--color-surface)}.alert-error{background-color:var(--color-error)}.alert-error,.alert-info{color:var(--color-surface)}.alert-info{background-color:var(--color-info)}.spinner{animation:spin .8s linear infinite;border:var(--spinner-border-width-sm) solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-accent);display:inline-block;height:var(--spinner-size-xs);width:var(--spinner-size-xs)}.spinner-lg{border-width:var(--spinner-border-width);height:var(--spinner-size-lg);width:var(--spinner-size-lg)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:var(--modal-max-height);max-width:var(--modal-max-width);overflow-y:auto;width:var(--modal-width)}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-2);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal-body{padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-5) var(--spacing-6)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--focus-ring-offset)}@media (max-width:768px){:root{--sidebar-width:0px}.container{padding:0 var(--spacing-4)}}.notification-wrapper{position:relative}.notification-badge{background-color:var(--color-error);border:2px solid var(--color-surface);border-radius:var(--radius-full);box-sizing:initial;color:#fff;font-size:10px;font-weight:600;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:2px;text-align:center;top:2px}.notification-dropdown{animation:dropdownEnter .25s cubic-bezier(.2,.8,.2,1) forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid var(--color-border);border-radius:20px;box-shadow:0 20px 60px -10px #00000026,0 0 0 1px #00000005;max-height:80vh;overflow:hidden;position:absolute;right:-8px;top:calc(100% + 16px);transform-origin:top right;width:380px;z-index:var(--z-dropdown)}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 20px 16px}.notification-dropdown-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.02em}.notification-mark-all-read{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-mark-all-read:hover{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.notification-dropdown-content{max-height:380px;overflow-y:auto}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:#0000}.notification-dropdown-content::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--color-gray-200,#e5e7eb);border-radius:3px}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:#d1d5db;background:var(--color-gray-300,#d1d5db)}.notification-item{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background-color .15s ease}.notification-item:hover{background-color:#f9fafb;background-color:var(--color-gray-50,#f9fafb)}.notification-item:not(:last-child){border-bottom:1px solid var(--color-border)}.notification-item.unread{background-color:var(--color-bg)}.notification-item.unread:hover{background-color:var(--color-surface-muted)}.notification-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:2px}.notification-body{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:4px;overflow:hidden}.notification-time{color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.notification-unread-dot{background:var(--color-accent);border-radius:var(--radius-full);height:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px}.notification-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.notification-empty-icon{font-size:40px;margin-bottom:16px;opacity:.5}.notification-empty-text{color:#4b5563;color:var(--color-gray-600,#4b5563);font-size:14px;font-weight:500;margin-bottom:4px}.notification-empty-subtext{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:12px;line-height:1.5;max-width:240px}.notification-loading{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:13px}.notification-dropdown-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-subtle,#f3f4f6);padding:12px 20px;text-align:center}.notification-view-all{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#6366f1;color:var(--color-primary,#6366f1);cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:background-color .15s ease}.notification-view-all:hover{background-color:#eef2ff;background-color:var(--color-primary-light,#eef2ff)}.notification-view-all:empty{display:none}@media (max-width:480px){.notification-dropdown{right:-40px;width:320px}.notification-item{padding:12px 16px}.notification-dropdown-header{padding:14px 16px}}.dashboard-layout{background-color:var(--color-surface);display:flex;min-height:100vh}.sidebar{background:#f9fafb;display:flex;flex-direction:column;height:100vh;left:0;pointer-events:auto;position:fixed;top:0;width:250px;z-index:var(--z-overlay)}.sidebar-brand{align-items:center;display:flex;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4)}.sidebar-brand-logo{border-radius:var(--radius-md);flex-shrink:0;height:30px;object-fit:cover;width:30px}.sidebar-brand-text{flex:1 1;min-width:0}.sidebar-brand-name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-4);position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.sidebar-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);pointer-events:auto;text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:var(--color-surface-muted);color:var(--color-text)}.sidebar-nav-item.active{color:var(--color-text);font-weight:var(--font-weight-semibold)}.sidebar-nav-icon{color:currentColor;flex-shrink:0}.sidebar-nav-label{flex:1 1}.sidebar-setup-section{background:linear-gradient(135deg,var(--color-surface-muted) 0,var(--color-bg) 100%);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-lg);margin:var(--spacing-4);padding:var(--spacing-4)}.sidebar-setup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.sidebar-setup-title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.sidebar-setup-percentage{color:var(--color-brand);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.sidebar-progress-bar{background-color:var(--color-border);border-radius:var(--radius-full);height:6px;margin-bottom:var(--spacing-4);overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg,var(--color-brand) 0,var(--color-success) 100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.sidebar-checklist{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.sidebar-checklist-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2);text-decoration:none;transition:all var(--transition-fast)}.sidebar-checklist-item:hover{background-color:var(--color-surface);text-decoration:none}.sidebar-checklist-item.completed{opacity:.7}.sidebar-checklist-item.completed .checklist-label{color:var(--color-text-muted);text-decoration:line-through}.checklist-checkbox{align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.checklist-checkbox.checked{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.checklist-label{flex:1 1;font-size:var(--font-size-sm)}.checklist-arrow{color:var(--color-text-muted)}.sidebar-go-live-btn{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.sidebar-go-live-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.sidebar-go-live-btn:disabled{cursor:not-allowed;opacity:.7}.sidebar-upgrade-hint{align-items:center;background-color:#fef3c7;background-color:var(--color-warning-bg,#fef3c7);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2);text-decoration:none;transition:all var(--transition-fast)}.sidebar-upgrade-hint:hover{background-color:var(--color-warning);color:#fff;text-decoration:none}.sidebar-status-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:var(--border-width-sm) solid #10b981;border-radius:var(--radius-lg);margin:var(--spacing-4);padding:var(--spacing-4)}.sidebar-status-badge{align-items:center;color:#059669;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-3)}.sidebar-status-badge .status-dot{animation:pulse-live 2s infinite;background-color:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.sidebar-pause-btn{align-items:center;background-color:#fff;border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast);width:100%}.sidebar-pause-btn:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:var(--color-text-muted)}.sidebar-pause-btn:disabled{cursor:not-allowed;opacity:.7}.sidebar-footer{border-top:var(--border-width-sm) solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:auto;padding:var(--spacing-4);position:relative}.sidebar-appearance-btn{align-items:center;background:var(--color-surface-muted);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.sidebar-appearance-btn:hover{background-color:var(--color-border);border-color:var(--color-text-muted)}.sidebar-appearance-btn svg:first-child{color:var(--color-brand)}.sidebar-appearance-btn span{flex:1 1;text-align:left}.sidebar-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast)}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-dropdown-panel{animation:slideUp .2s ease;background:var(--color-surface);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);left:0;margin-bottom:var(--spacing-2);margin-left:var(--spacing-4);margin-right:var(--spacing-4);overflow:hidden;position:absolute;right:0;z-index:var(--z-dropdown)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-dropdown-content{padding:var(--spacing-2)}.sidebar-dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-dropdown-item:hover{background-color:var(--color-surface-muted)}.sidebar-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform var(--transition-base)}.sidebar.mobile-open{box-shadow:var(--shadow-xl);transform:translateX(0)}.main-content{margin-left:0}.header{padding:0 var(--spacing-5)}}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-right:10px;min-height:100vh;transition:margin-left var(--transition-base)}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 2px #00000005;height:50px;justify-content:space-between;padding:0 var(--spacing-8);position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-slow) cubic-bezier(.4,0,.2,1);z-index:var(--z-sticky)}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-4)}.header-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-nav-item);color:var(--color-text-muted);cursor:pointer;display:none;height:40px;justify-content:center;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);width:40px}.header-toggle:hover{background-color:var(--color-surface-muted);color:var(--color-text)}@media (max-width:768px){.header-toggle{display:flex}}.header-nav{align-items:center;display:flex}.header-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0}.breadcrumbs{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.breadcrumb-link{color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-brand)}.breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.breadcrumb-separator{color:var(--color-text-light);flex-shrink:0}.header-breadcrumbs{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-top:var(--spacing-1)}.header-breadcrumb-link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base)}.header-breadcrumb-link:hover{color:var(--color-text);text-decoration:none}.header-breadcrumb-separator{color:var(--color-border)}.header-breadcrumb-current{color:var(--color-text);font-weight:600}.header-right{align-items:center;display:flex;gap:var(--spacing-2)}.subscription-info{align-items:center;display:flex;gap:var(--spacing-3);margin-left:var(--spacing-4)}.subscription-icon{align-items:center;background-color:#10b981;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.subscription-details{display:flex;flex-direction:column;gap:0}.subscription-name{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.2}.subscription-plan{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1);line-height:1.2;transition:color var(--transition-fast)}.subscription-plan:hover,.upgrade-btn{color:var(--color-text)}.upgrade-btn{align-items:center;background-color:#e5e7eb;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;margin-left:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.upgrade-btn:hover{background-color:#d1d5db}@media (max-width:640px){.subscription-info,.upgrade-btn{display:none}}.header-action{align-items:center;background:none;border:none;border-radius:var(--radius-nav-item);color:var(--color-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);width:40px}.header-action:hover{background-color:var(--color-surface-muted);color:var(--color-text)}.header-action-badge{align-items:center;background:var(--color-error);border:2px solid var(--color-surface);border-radius:10px;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 4px;position:absolute;right:6px;top:6px;z-index:10}.header-dropdown-btn{gap:var(--spacing-1);padding:0 var(--spacing-2);width:auto}.dropdown-chevron{transition:transform var(--transition-fast)}.dropdown-chevron.open{transform:rotate(180deg)}.header-dropdown-wrapper{position:relative}.header-dropdown{background:var(--color-surface);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown)}.header-dropdown-header{border-bottom:var(--border-width-sm) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3) var(--spacing-4);text-transform:uppercase}.header-dropdown-content{padding:var(--spacing-2)}.header-dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:all var(--transition-fast);width:100%}.header-dropdown-item:hover{background-color:var(--color-surface-muted)}.header-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0}.header-dropdown-divider{background:var(--color-border);height:1px;margin:var(--spacing-2) 0}.header-dropdown-danger{color:var(--color-error)}.header-dropdown-danger:hover{background-color:var(--color-error-bg)}.header-dropdown-danger svg{color:var(--color-error)}.notification-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.page-content{flex:1 1;margin:0 auto;padding:var(--spacing-4) var(--spacing-10);transition:all var(--transition-slow) cubic-bezier(.4,0,.2,1);width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-8)}.page-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.page-subtitle{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}.page-actions{display:flex;gap:var(--spacing-3)}.stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.stat-card-title{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-card-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:36px;justify-content:center;width:36px}.stat-card-icon.primary{background-color:var(--color-brand);color:var(--color-surface)}.stat-card-icon.success{background-color:var(--color-success);color:var(--color-surface)}.stat-card-icon.warning{background-color:var(--color-warning);color:var(--color-surface)}.stat-card-icon.error{background-color:var(--color-error);color:var(--color-surface)}.stat-card-value{color:var(--color-text);font-size:var(--text-stat-value);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:1}.stat-card-change{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1);margin-top:var(--spacing-2)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}.data-table-container{background-color:var(--color-surface);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--card-border-radius);overflow:hidden}.data-table-header{align-items:center;border-bottom:var(--border-width-sm) solid var(--color-border);display:flex;justify-content:space-between;padding:var(--card-header-padding)}.data-table-title{color:var(--color-text);font-size:var(--text-card-title);font-weight:var(--font-weight-semibold)}.data-table-filters{display:flex;gap:var(--spacing-3)}.data-table-search{position:relative}.data-table-search input{padding-left:36px;width:240px}.data-table-search-icon{color:var(--color-text-muted);left:var(--spacing-3);position:absolute;top:50%;transform:translateY(-50%)}.quick-actions{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6)}.quick-action-card{background-color:var(--color-surface);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--card-border-radius);color:inherit;cursor:pointer;padding:var(--card-padding);text-decoration:none;transition:all var(--transition-base)}.quick-action-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-card-hover);text-decoration:none}.quick-action-icon{align-items:center;background-color:var(--color-bg);border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;margin-bottom:var(--spacing-4);width:40px}.quick-action-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.quick-action-description{color:var(--color-brand);font-size:var(--font-size-sm)}.activity-list{display:flex;flex-direction:column}.activity-item{border-bottom:var(--border-width-sm) solid var(--color-border);display:flex;gap:var(--spacing-4);padding:var(--spacing-4) 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon.success{background-color:var(--color-success);color:var(--color-surface)}.activity-icon.warning{background-color:var(--color-warning);color:var(--color-surface)}.activity-icon.error{background-color:var(--color-error);color:var(--color-surface)}.activity-icon.info{background-color:var(--color-info);color:var(--color-surface)}.activity-content{flex:1 1;min-width:0}.activity-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.activity-description{color:var(--color-brand);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.activity-time{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.sidebar-overlay{-webkit-backdrop-filter:blur(var(--spacing-1));backdrop-filter:blur(var(--spacing-1));background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-base),visibility var(--transition-base);visibility:hidden;z-index:calc(var(--z-sticky) - 1)}.sidebar-overlay.visible{opacity:1;visibility:visible}.checklist-card{background-color:var(--color-surface);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);overflow:hidden}.checklist-header{border-bottom:var(--border-width-sm) solid var(--color-border);padding:var(--card-header-padding)}.checklist-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.checklist-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.checklist-progress-text{color:var(--color-brand);font-size:var(--font-size-sm)}.progress-container{background-color:var(--color-bg);border-radius:var(--radius-full);height:var(--checklist-progress-height);overflow:hidden}.progress-bar{background-color:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.checklist-item{border-bottom:var(--border-width-sm) solid var(--color-border)}.checklist-item:last-child{border-bottom:none}.checklist-item-header{align-items:center;background-color:var(--color-surface);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);transition:background-color var(--transition-fast)}.checklist-item-header:hover{background-color:var(--color-bg)}.checklist-item-title-group{align-items:center;display:flex;gap:var(--spacing-4)}.checklist-item-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.checklist-item-content{background-color:var(--color-bg);border-top:var(--border-width-sm) solid var(--color-border);padding:0 var(--spacing-6) var(--spacing-5) var(--spacing-6)}.subtask-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-4) 0}.subtask-icon{color:var(--color-text-muted);flex-shrink:0;font-size:var(--font-size-xl);margin-top:var(--spacing-1)}.subtask-icon.completed{color:var(--color-success)}.subtask-content{flex:1 1}.subtask-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);text-decoration:none}.subtask-title.completed{color:var(--color-text-muted);text-decoration:line-through}.subtask-description{color:var(--color-brand);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3)}.subtask-actions{align-items:center;display:flex;gap:var(--spacing-3)}.btn-action{align-items:center;background-color:var(--color-brand);border:none;border-radius:var(--radius-md);color:var(--color-surface);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.btn-action:hover{background-color:var(--color-brand-hover);text-decoration:none}.hidden{display:none}@media (max-width:1024px){.page-content{padding:var(--spacing-6)}.page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-4)}.page-actions{flex-wrap:wrap;width:100%}}@media (max-width:768px){.page-content{padding:var(--spacing-5) var(--spacing-4)}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.header-breadcrumbs{display:none}.header-title{font-size:var(--font-size-md)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header{height:56px;padding:0 var(--spacing-4)}.header-action{height:36px;width:36px}.page-content{padding:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}}.auth-container{background-color:var(--color-surface);display:flex;font-family:var(--font-family);letter-spacing:var(--letter-spacing-tight);max-height:100vh;min-height:100vh;overflow:hidden}.auth-container:before{display:none}.auth-form-side{background-color:var(--color-surface);display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;padding:var(--spacing-10);position:relative;z-index:2}.auth-card{margin:auto;max-width:420px;width:100%}.auth-card-scrollable{width:100%}.auth-form-side .auth-marketing-logo{background:#0000;border-radius:0;display:flex;height:60px;margin:0 auto 28px;overflow:visible;padding:0;width:60px}.auth-logo-image{height:100%;object-fit:contain;width:100%}.auth-header{margin-bottom:var(--spacing-10);text-align:center}.auth-title{color:var(--color-text);font-size:1.4rem;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-3)}.auth-subtitle,.auth-title{font-family:var(--font-family)}.auth-subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.alert{align-items:flex-start;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;display:flex;font-size:var(--font-size-md);gap:12px;justify-content:space-between;line-height:var(--line-height-normal);margin-bottom:var(--spacing-6);padding:16px 18px}.alert-error{background-color:var(--color-error-bg);border:1.5px solid var(--color-error);color:var(--color-error)}.alert-content{align-items:flex-start;display:flex;flex:1 1;gap:var(--spacing-3)}.alert-icon{flex-shrink:0;margin-top:1px}.alert-message{display:flex;flex-direction:column;gap:2px}.alert-message strong{color:var(--color-error);font-size:.9rem;font-weight:var(--font-weight-semibold)}.alert-message p{color:var(--color-error);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}.alert-dismiss{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.7;padding:4px;transition:all var(--transition-fast)}.alert-dismiss:hover{background-color:#dc26261a;opacity:1}.slide-in{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.auth-form-modern{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-fields-group{display:flex;flex-direction:column;gap:22px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.input-group-modern{align-items:center;display:flex;margin-bottom:0;position:relative}.input-icon-modern{align-items:center;color:var(--color-text-light);display:flex;justify-content:center;left:18px;pointer-events:none;position:absolute;transition:all var(--transition-base);z-index:1}.input-group-modern.has-value .input-icon-modern{color:var(--color-text)}.input-group-modern.has-error .input-icon-modern{color:var(--color-error)}.input-modern{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-family);font-size:.95rem;font-weight:450;height:58px;outline:none;padding:24px 50px 10px;transition:all var(--transition-base);width:100%}.input-modern::placeholder{color:#0000}.input-modern:hover:not(:focus):not(:disabled){background-color:var(--color-bg);border-color:var(--color-border)}.input-modern:focus{background-color:var(--color-input-bg);border-color:var(--color-brand);box-shadow:0 0 0 3px #1f293714}.input-modern:disabled{background-color:var(--color-bg);cursor:not-allowed;opacity:.6}.input-group-modern.has-error .input-modern{animation:inputErrorPulse .5s ease-out;background-color:var(--color-error-bg);border-color:var(--color-error)}.input-group-modern.has-error .input-modern:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441f}@keyframes inputErrorPulse{0%{border-color:var(--color-error)}50%{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262626}to{border-color:var(--color-error)}}.input-label-modern{background:#0000;color:var(--color-text-light);font-family:var(--font-family);font-size:.95rem;font-weight:450;left:50px;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-base)}.input-group-modern.has-value .input-label-modern,.input-modern:focus~.input-label-modern{background:#0000;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:50px;top:10px;transform:none}.input-group-modern.has-error .input-label-modern{color:var(--color-error)}.input-group-modern.has-error .input-modern:focus~.input-label-modern,.input-group-modern.has-error.has-value .input-label-modern{background:#0000}.input-action-modern{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-light);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:14px;transition:all var(--transition-base)}.input-action-modern:hover{background-color:#1f29370d;color:var(--color-text)}.input-error-modern{color:var(--color-error)}.input-error-modern,.input-success-modern{bottom:-20px;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:0;margin:0;position:absolute}.input-success-modern{align-items:center;display:flex;gap:4px}.input-success-modern,.input-success-modern svg{color:var(--color-success)}.auth-options{align-items:center;display:flex;justify-content:flex-end;margin-bottom:-6px;margin-top:-6px}.auth-link-modern{color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.auth-link-accent,.auth-link-modern:hover{color:var(--color-text)}.auth-link-accent{font-family:var(--font-family);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.auth-link-accent:hover{color:#0d1116;text-decoration:underline}.auth-link-inline{color:var(--color-text);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.auth-link-inline:hover{color:#0d1116;text-decoration:underline}.btn-modern-primary{align-items:center;background:var(--color-brand);border:none;border-radius:var(--radius-full);color:var(--color-text-on-dark);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;letter-spacing:-.01em;margin-top:8px;overflow:hidden;padding:16px 32px;position:relative;transition:all var(--transition-base);width:100%}.btn-modern-primary:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-modern-primary:hover:not(:disabled):before{left:100%}.btn-modern-primary:hover:not(:disabled){background:#0d1116;box-shadow:0 10px 30px #1f293740;transform:translateY(-2px)}.btn-modern-primary:active:not(:disabled){transform:translateY(0)}.btn-modern-primary:disabled{background:var(--color-text-light);cursor:not-allowed;opacity:.5;transform:none}.btn-spinner-modern{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.auth-divider-modern{align-items:center;display:flex;gap:16px;margin:32px 0}.auth-divider-modern:after,.auth-divider-modern:before{background:var(--color-border);content:"";flex:1 1;height:1px}.auth-divider-modern span{color:var(--color-text-light);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.auth-social-modern{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.auth-social-btn-modern{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.9rem;font-weight:var(--font-weight-medium);gap:12px;justify-content:center;padding:13px 24px;transition:all var(--transition-base);width:100%}.auth-social-btn-modern:hover:not(:disabled){background-color:var(--color-bg);border-color:var(--color-brand);box-shadow:0 4px 16px #1f293714;transform:translateY(-1px)}.auth-social-btn-modern:active:not(:disabled){transform:translateY(0)}.auth-social-btn-modern:disabled{cursor:not-allowed;opacity:.5}.auth-social-btn-apple{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-on-dark)}.auth-social-btn-apple:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.auth-footer-modern{color:var(--color-text-muted);font-size:var(--font-size-base);margin-top:32px}.auth-footer-modern,.auth-terms{font-family:var(--font-family);text-align:center}.auth-terms{color:var(--color-text-light);font-size:.8rem;line-height:1.6;margin-top:16px}.auth-form-signup{gap:20px}.password-requirements-modern{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:1fr 1fr;margin-bottom:6px;margin-top:-4px}.requirement-modern{align-items:center;color:var(--color-text-light);display:flex;font-family:var(--font-family);font-size:.8rem;font-weight:450;gap:var(--spacing-2);transition:all var(--transition-base)}.requirement-modern.met{color:var(--color-text)}.requirement-icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.requirement-dot{background-color:#d4d4d4;border-radius:50%;height:5px;width:5px}.requirement-modern.met .requirement-dot{display:none}.input-group-modern.has-success .input-modern{border-color:var(--color-success)}.input-group-modern.has-success .input-modern:focus{box-shadow:0 0 0 3px #16a34a14}@media (max-width:1024px){.auth-container{flex-direction:column}.auth-marketing-side{align-items:center;justify-content:center;min-height:40vh;padding:40px 32px;width:100%}.auth-marketing-side:before{bottom:-30%;height:100%;right:-20%;width:100%}.auth-marketing-content{align-items:center;max-width:100%;position:static;text-align:center}.auth-illustration{max-width:320px}.auth-marketing-title{font-size:1.875rem}.auth-marketing-description{margin-left:auto;margin-right:auto;max-width:400px}.auth-form-side{max-width:100%;padding:48px 32px}.auth-card{max-width:480px}.auth-card-scrollable{max-height:none}.form-row{gap:22px;grid-template-columns:1fr}.alert{padding:14px 16px}.alert-message strong{font-size:.875rem}.alert-message p{font-size:.8125rem}}@media (max-width:480px){.auth-marketing-side{min-height:30vh;padding:32px 20px}.auth-marketing-title{font-size:1.5rem}.auth-marketing-description{font-size:.875rem;margin-bottom:16px}.auth-illustration{max-width:280px}.auth-social-proof{margin-bottom:20px;padding:5px 12px 5px 5px}.auth-social-proof-text{font-size:.7rem}.auth-avatar{font-size:7px;height:20px;margin-left:-6px;width:20px}.auth-form-side{padding:32px 20px}.auth-card{max-width:100%}.auth-form-side .auth-marketing-logo{height:56px;margin-bottom:24px;width:56px}.auth-title{font-size:1.375rem}.auth-header{margin-bottom:24px}.input-modern{font-size:16px;padding:14px 48px}.input-label-modern{font-size:.9rem}.input-group-modern.has-value .input-label-modern,.input-modern:focus~.input-label-modern{font-size:.7rem}.auth-social-modern{gap:10px}.btn-modern-primary{padding:15px 28px}.password-requirements-modern{gap:8px;grid-template-columns:1fr}.form-row{gap:20px}.auth-options{justify-content:center}.alert{border-radius:10px;margin-bottom:20px;padding:12px 14px}.alert-content{gap:10px}.alert-message{gap:2px}.alert-message strong{font-size:.8125rem}.alert-message p{font-size:.75rem;line-height:1.4}.alert-icon{height:18px;width:18px}.alert-dismiss{padding:2px}}@media (min-width:1025px){.auth-marketing-side{background-color:var(--color-surface);display:flex;flex:1 1;overflow:hidden;padding:var(--spacing-4);position:relative}}.auth-hero-override{background:linear-gradient(135deg,#1f2937 0,var(--color-brand) 100%);border-radius:var(--radius-2xl);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:var(--spacing-10) var(--spacing-12);width:100%}.auth-hero-override .hero-decorations{inset:0;opacity:1;pointer-events:none;position:absolute}.auth-hero-override .hero-circle{background:radial-gradient(circle,#ffffff26 0,#fff0 70%);border-radius:50%;filter:blur(40px);position:absolute}.auth-hero-override .hero-circle-1{animation:float 20s ease-in-out infinite;height:500px;right:-150px;top:-200px;width:500px}.auth-hero-override .hero-circle-2{animation:float 15s ease-in-out infinite reverse;bottom:-150px;height:400px;left:-100px;width:400px}.auth-hero-override .hero-circle-3{animation:float 25s ease-in-out infinite;height:280px;right:15%;top:40%;width:280px}.auth-hero-override .hero-grid-pattern{background-image:linear-gradient(#ffffff0f 1px,#0000 0),linear-gradient(90deg,#ffffff0f 1px,#0000 0);background-size:50px 50px;inset:0;mask-image:radial-gradient(ellipse at center,#000 30%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,#0000 70%);position:absolute}.auth-hero-override .hero-floating-icons{inset:0;pointer-events:none;position:absolute}.auth-hero-override .floating-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1.5px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 16px #0000001a;color:#fffc;display:flex;height:56px;justify-content:center;position:absolute;width:56px}.auth-hero-override .floating-icon-1{animation:floatIcon 6s ease-in-out infinite;right:12%;top:15%}.auth-hero-override .floating-icon-2{animation:floatIcon 7s ease-in-out 1s infinite;bottom:25%;right:8%}.auth-hero-override .floating-icon-3{animation:floatIcon 8s ease-in-out 2s infinite;right:18%;top:60%}.auth-hero-override .hero-content-wrapper{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.auth-hero-override .hero-content{max-width:580px;text-align:center}.auth-hero-override .hero-title{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--spacing-5) 0}.auth-hero-override .hero-description{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes floatIcon{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(5deg)}}@media (max-width:1024px){.auth-container{max-height:none;overflow:visible}.auth-form-side{height:auto;overflow-y:visible}}.hero-visuals-container{height:60%;left:0;pointer-events:none;position:absolute;right:0;top:10%}@keyframes notificationIn{0%{opacity:0;transform:translateY(40px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.visual-card{align-items:center;animation:notificationIn .8s cubic-bezier(.2,.8,.2,1) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;gap:16px;min-width:320px;opacity:0;padding:16px 20px;position:absolute;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.visual-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;transform:translateY(-4px) scale(1.01)}.card-enrollment{animation-delay:.2s;left:10%;top:15%}.card-revenue{animation-delay:1.4s;background:#ffffff26;right:5%;top:40%}.card-reviews{align-items:flex-start;animation-delay:2.6s;flex-direction:column;gap:8px;left:20%;min-width:300px;top:65%}.card-icon-wrapper{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.bg-accent{background:var(--color-accent)}.bg-success{background:var(--color-success)}.text-white{color:#fff}.text-warning{color:var(--color-warning)}.card-content{display:flex;flex-direction:column;gap:2px}.card-label{color:#fff9;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.card-value{font-feature-settings:"cv11","ss01";color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.4}.card-row{align-items:center;display:flex;justify-content:space-between;width:100%}.stars-wrapper{display:flex;gap:2px}.card-badge{background:#fff3;border-radius:10px;color:#fff;font-size:11px;padding:2px 6px}.card-quote{color:#ffffffe6;font-size:13px;font-style:italic;line-height:1.4;margin:0}.auth-hero-override .hero-content-wrapper{align-items:flex-end;height:100%;padding-bottom:var(--spacing-8)}.auth-hero-override .hero-content{margin-top:auto;position:relative;z-index:10}.auth-hero-override{background:radial-gradient(circle at 10% 20%,#1e293b 0,#0f172a 90%);position:relative}.auth-hero-override:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:64px 64px;content:"";inset:0;mask-image:radial-gradient(circle at center,#000 40%,#0000 90%);-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 90%);pointer-events:none;position:absolute}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1a}.legal-container{background-color:var(--color-bg);font-family:var(--font-family);letter-spacing:var(--letter-spacing-normal);min-height:100vh}.legal-header{background-color:var(--color-surface);border-bottom:var(--border-width-sm) solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-dropdown)}.legal-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:var(--spacing-4) var(--spacing-6)}.legal-back-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-muted);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-base)}.legal-back-link:hover{background-color:var(--color-border-soft);color:var(--color-brand)}.legal-back-link svg{transition:transform var(--transition-base)}.legal-back-link:hover svg{transform:translateX(-3px)}.legal-main{margin:0 auto;max-width:900px;padding:var(--spacing-10) var(--spacing-6) calc(var(--spacing-12)*2.67)}.legal-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);overflow:hidden}.legal-page-header{background:linear-gradient(180deg,var(--color-bg) 0,var(--color-surface) 100%);border-bottom:var(--border-width-sm) solid var(--color-border-soft);padding:var(--spacing-12) var(--spacing-12) var(--spacing-10);text-align:center}.legal-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,var(--color-text) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--color-text-on-dark);display:inline-flex;height:88px;justify-content:center;margin-bottom:var(--spacing-6);width:88px}.legal-icon-privacy .legal-icon-wrapper,.legal-icon-wrapper.legal-icon-privacy{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%);box-shadow:var(--shadow-lg)}.legal-title{color:var(--color-brand);font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.legal-last-updated{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.legal-content{padding:var(--spacing-10) var(--spacing-12)}.legal-section{margin-bottom:calc(var(--spacing-8) + var(--spacing-4))}.legal-section:last-child{margin-bottom:0}.legal-section h2{border-bottom:var(--border-width-md) solid var(--color-border-soft);color:var(--color-brand);font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-normal);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.legal-section h2,.legal-section h3{font-weight:var(--font-weight-semibold)}.legal-section h3{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);margin-top:var(--spacing-5)}.legal-section p{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-3)}.legal-section ul{list-style:none;margin:var(--spacing-3) 0;padding-left:0}.legal-section li{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2);padding-left:var(--spacing-6);position:relative}.legal-section li:before{background-color:var(--color-brand);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.legal-section li strong{color:var(--color-brand);font-weight:var(--font-weight-semibold)}.legal-contact-info{background:var(--color-bg);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-4);padding:var(--spacing-5) var(--spacing-6)}.legal-contact-info p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.legal-contact-info p:last-child{margin-bottom:0}.legal-contact-info strong,.legal-inline-link{color:var(--color-brand)}.legal-inline-link{border-bottom:var(--border-width-md) solid var(--color-border);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-base)}.legal-inline-link:hover{border-color:var(--color-brand);color:var(--color-brand-hover)}.legal-footer{background:var(--color-bg);border-top:var(--border-width-sm) solid var(--color-border-soft);padding:var(--spacing-8) var(--spacing-12) var(--spacing-12);text-align:center}.legal-btn{display:inline-flex;margin:0 auto var(--spacing-4);max-width:300px}.legal-footer-text{color:var(--color-text-light);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0 auto;max-width:400px}.legal-footer-links{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-4)}@media (max-width:768px){.legal-main{padding:var(--spacing-6) var(--spacing-4) 60px}.legal-card{border-radius:var(--radius-xl)}.legal-page-header{padding:var(--spacing-8) var(--spacing-6) calc(var(--spacing-6) + var(--spacing-2))}.legal-icon-wrapper{border-radius:var(--radius-card-large);height:72px;width:72px}.legal-icon-wrapper svg{height:36px;width:36px}.legal-title{font-size:var(--font-size-3xl)}.legal-content{padding:calc(var(--spacing-6) + var(--spacing-2)) var(--spacing-6)}.legal-section h2{font-size:var(--font-size-xl)}.legal-section h3{font-size:var(--font-size-base)}.legal-section li,.legal-section p{font-size:var(--font-size-sm)}.legal-footer{padding:var(--spacing-6) var(--spacing-6) calc(var(--spacing-8) + var(--spacing-4))}.legal-btn{max-width:none;width:100%}}@media (max-width:480px){.legal-header-content{padding:var(--spacing-3) var(--spacing-4)}.legal-back-link span{display:none}.legal-main{padding:var(--spacing-4) var(--spacing-3) var(--spacing-12)}.legal-content,.legal-page-header{padding:var(--spacing-6) var(--spacing-5)}.legal-footer{padding:var(--spacing-5) var(--spacing-5) var(--spacing-8)}}@media print{.legal-footer,.legal-header{display:none}.legal-container{background:var(--color-surface)}.legal-card{border-radius:0;box-shadow:none}.legal-page-header{background:none}.legal-section{page-break-inside:avoid}}.onboarding-container{background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.onboarding-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6)}.onboarding-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:960px}.onboarding-logo{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.onboarding-progress{align-items:center;display:flex;gap:var(--spacing-2)}.onboarding-step-indicator{align-items:center;display:flex;gap:var(--spacing-1)}.onboarding-step-dot{background-color:var(--color-border);border-radius:var(--radius-full);height:8px;transition:all var(--transition-base);width:8px}.onboarding-step-dot.active{background-color:var(--color-text);width:24px}.onboarding-step-dot.completed{background-color:var(--color-success)}.onboarding-step-line{background-color:var(--color-border);height:2px;width:24px}.onboarding-step-line.completed{background-color:var(--color-success)}.onboarding-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-8)}.onboarding-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-10);width:100%}.onboarding-card-header{margin-bottom:var(--spacing-8);text-align:center}.onboarding-card-icon{align-items:center;background:linear-gradient(135deg,var(--color-brand) 0,var(--color-text) 100%);border-radius:var(--radius-xl);color:var(--color-surface);display:flex;font-size:var(--font-size-2xl);height:56px;justify-content:center;margin:0 auto var(--spacing-5);width:56px}.onboarding-card-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-3)}.onboarding-card-description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.onboarding-form{margin-bottom:var(--spacing-6)}.onboarding-actions{display:flex;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-8)}.onboarding-actions .btn{flex:1 1}.payment-options{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.payment-option{align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;display:flex;padding:var(--spacing-5);transition:all var(--transition-fast)}.payment-option:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-card-hover)}.payment-option.selected{background-color:var(--color-surface-muted);border-color:var(--color-text)}.payment-option-radio{align-items:center;border:var(--border-width-md) solid var(--color-border);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:var(--checkbox-size);justify-content:center;margin-right:var(--spacing-4);margin-top:2px;transition:all var(--transition-fast);width:var(--checkbox-size)}.payment-option.selected .payment-option-radio{border-color:var(--color-text)}.payment-option.selected .payment-option-radio:after{background-color:var(--color-text);border-radius:var(--radius-full);content:"";height:10px;width:10px}.payment-option-content{flex:1 1}.payment-option-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.payment-option-title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.payment-option-price{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-1)}.payment-option-description{line-height:var(--line-height-relaxed);margin-top:var(--spacing-2)}.payment-option-description,.payment-option-features{color:var(--color-text-muted);font-size:var(--font-size-sm)}.payment-option-features{list-style:none;margin:var(--spacing-4) 0 0;padding:0}.payment-option-features li{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.payment-option-features li:before{color:var(--color-success);content:"✓";font-weight:var(--font-weight-bold)}.loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--color-text-on-dark);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.branding-preview{background-color:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.branding-preview-header{align-items:center;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.branding-preview-logo{align-items:center;background-color:var(--color-border);border-radius:var(--radius-lg);display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.branding-preview-logo img{height:100%;object-fit:cover;width:100%}.branding-preview-name{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.color-picker-group{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-5)}.color-picker-item{flex:1 1}.color-picker-label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.color-picker-input{align-items:center;display:flex;gap:var(--spacing-3)}.color-picker-input input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;height:44px;padding:0;width:44px}.color-picker-input input[type=text]{flex:1 1}.business-hours-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.business-hours-day{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);display:flex;padding:var(--spacing-4)}.business-hours-day-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);width:100px}.business-hours-toggle{margin-right:var(--spacing-4)}.business-hours-times{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2)}.business-hours-times input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);width:100px}.business-hours-times input:focus{border-color:var(--color-text-muted);outline:none}.business-hours-times span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.staff-list{margin-bottom:var(--spacing-6)}.staff-item{background-color:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.staff-item,.staff-item-avatar{align-items:center;display:flex}.staff-item-avatar{background-color:var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:40px;justify-content:center;margin-right:var(--spacing-4);width:40px}.staff-item-info{flex:1 1}.staff-item-name{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.staff-item-email{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.staff-item-actions{display:flex;gap:var(--spacing-2)}.add-staff-btn{background:none;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-4);transition:all var(--transition-fast);width:100%}.add-staff-btn:hover{background-color:var(--color-bg);border-color:var(--color-text-muted);color:var(--color-text)}.services-list{margin-bottom:var(--spacing-6)}.service-item{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.service-item-info{flex:1 1}.service-item-name{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.service-item-details{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.review-section{border-bottom:1px solid var(--color-border-soft);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}.review-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.review-section-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--spacing-4)}.review-section-edit{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.review-section-edit:hover{color:var(--color-text)}.review-item{display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.review-item-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.review-item-value{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.completion-icon{align-items:center;background-color:var(--color-success);border-radius:var(--radius-full);color:var(--color-surface);display:flex;font-size:var(--font-size-3xl);height:72px;justify-content:center;margin:0 auto var(--spacing-6);width:72px}.completion-message{margin-bottom:var(--spacing-8);text-align:center}.completion-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-3)}.completion-description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.toggle-switch{height:var(--toggle-height);position:relative;width:var(--toggle-width)}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-border);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{border-radius:var(--radius-full);position:absolute;transition:var(--transition-base)}.toggle-slider:before{background-color:var(--color-surface);bottom:var(--toggle-offset);box-shadow:var(--shadow-xs);content:"";height:var(--toggle-handle-size);left:var(--toggle-offset);width:var(--toggle-handle-size)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-text)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(var(--toggle-handle-size))}.onboarding-questionnaire{margin:0 auto;max-width:520px;width:100%}.questionnaire-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-10)}.questionnaire-title{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-2)}.questionnaire-subtitle{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-8)}.questionnaire-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.question-group{flex-direction:column}.question-group,.question-label{display:flex;gap:var(--spacing-3)}.question-label{align-items:center;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.question-number{align-items:center;background:var(--color-text);border-radius:var(--radius-full);color:var(--color-surface);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:24px}.input-wrapper{align-items:center;display:flex;position:relative}.question-input{-webkit-appearance:textfield;appearance:textfield;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-md);padding:var(--spacing-4) var(--spacing-5);transition:all var(--transition-fast);width:100%}.question-input::-webkit-inner-spin-button,.question-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.question-input:focus{border-color:var(--color-text-muted);box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent);outline:none}.input-hint,.question-input::placeholder{color:var(--color-text-muted)}.input-hint{font-size:var(--font-size-sm);pointer-events:none;position:absolute;right:var(--spacing-4)}.toggle-buttons{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:1fr 1fr}.toggle-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-4) var(--spacing-5);transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--color-bg);border-color:var(--color-text-light)}.toggle-btn.active{background:var(--color-surface-muted);border-color:var(--color-text);color:var(--color-text)}.toggle-icon{height:18px;width:18px}.error-message{background:var(--color-error-subtle);border:1px solid var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);padding:var(--spacing-4)}.submit-btn{align-items:center;background:var(--color-text);border:none;border-radius:var(--radius-lg);color:var(--color-surface);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-brand)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.btn-arrow,.btn-spinner{height:18px;width:18px}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--color-text-on-dark)}@media (max-width:640px){.onboarding-main{padding:var(--spacing-4)}.onboarding-card{border-radius:var(--radius-lg);padding:var(--spacing-6)}.color-picker-group,.onboarding-actions{flex-direction:column}.color-picker-group{gap:var(--spacing-4)}.business-hours-day{flex-wrap:wrap}.business-hours-times{margin-top:var(--spacing-3);width:100%}.questionnaire-card{border-radius:var(--radius-lg);padding:var(--spacing-6)}.questionnaire-title{font-size:var(--font-size-xl)}.toggle-buttons{grid-template-columns:1fr}}
/*# sourceMappingURL=main.efe02fc4.css.map*/