:root{--color-primary:#4092f0;--color-primary-dark:#3272c0;--color-primary-light:#5ba2f5;--color-primary-100:#e6f2ff;--color-primary-200:#bdd9ff;--color-primary-300:#94c0ff;--color-primary-400:#6ba7ff;--color-primary-500:#4092f0;--color-primary-600:#3272c0;--color-primary-700:#245490;--color-primary-800:#163660;--color-primary-900:#081830;--color-secondary:#00d2ff;--color-secondary-dark:#00a8cc;--color-secondary-light:#33daff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#374151;--color-gray-700:#1f2937;--color-gray-800:#111827;--color-gray-900:#000;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--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;--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.75;--spacing-0:0;--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-16:4rem;--spacing-20:5rem;--spacing-24: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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-index-dropdown:1000;--z-index-modal:1050;--z-index-popover:1100;--z-index-tooltip:1150;--z-index-toast:1200;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-border:#d1d5db;--color-border-strong:#9ca3af;--color-border-subtle:#d1d5db99;--color-border-light:#d1d5db4d;--color-text-sidebar-active:var(--color-text-primary);--color-text-sidebar-normal:var(--color-text-secondary);--color-text-sidebar-muted:var(--color-text-muted);--btn-secondary-bg:#fff;--btn-secondary-text:#374151;--btn-secondary-border:#d1d5db;--footer-bg-start:#1f2937;--footer-bg-end:#374151;--footer-text:#fff;--hero-text-on-gradient:#fff;--dashboard-card-header-start:#f8fafc;--dashboard-card-header-end:#f1f5f9;--dashboard-section-title:#111827;--dashboard-icon-text:#fff;--dashboard-premium-text:#1f2937;--dashboard-premium-desc:#374151;--dashboard-disabled-start:#f8fafc;--dashboard-disabled-end:#f1f5f9;--dashboard-completion-bg:#fffc;--dashboard-completion-border:#fff3;--auth-card-bg:#fffffff2;--auth-card-border:#fff3;--auth-overlay-1:#ffffff1a;--auth-overlay-2:#ffffff0d;--auth-divider-bg:#ffffffe6;--auth-error-bg-start:#fef2f2;--auth-error-bg-end:#fee2e2;--auth-error-border:#fecaca;--auth-error-text:#dc2626;--auth-input-error-bg:#fef2f2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-border:#374151;--color-border-strong:#6b7280;--color-border-subtle:#37415199;--color-border-light:#3741514d;--color-text-sidebar-active:var(--color-text-primary);--color-text-sidebar-normal:var(--color-text-secondary);--color-text-sidebar-muted:var(--color-text-muted);--btn-secondary-bg:#374151;--btn-secondary-text:#f9fafb;--btn-secondary-border:#6b7280;--btn-ghost-hover-bg:#6366f133;--btn-ghost-hover-text:var(--color-primary-300);--footer-bg-start:#111827;--footer-bg-end:#1f2937;--footer-text:#f9fafb;--hero-text-on-gradient:#f9fafb;--dashboard-card-header-start:#374151;--dashboard-card-header-end:#1f2937;--dashboard-section-title:#f9fafb;--dashboard-icon-text:#f9fafb;--dashboard-premium-text:#f9fafb;--dashboard-premium-desc:#e5e7eb;--dashboard-disabled-start:#374151;--dashboard-disabled-end:#1f2937;--dashboard-completion-bg:#1f2937cc;--dashboard-completion-border:#3741514d;--auth-card-bg:#1f2937f2;--auth-card-border:#3741514d;--auth-overlay-1:#1f293733;--auth-overlay-2:#1118271a;--auth-divider-bg:#1f2937e6;--auth-error-bg-start:#7f1d1d;--auth-error-bg-end:#991b1b;--auth-error-border:#dc2626;--auth-error-text:#fecaca;--auth-input-error-bg:#7f1d1d;--profile-card-bg:#1f2937f2;--profile-card-border:#3741514d;--profile-header-bg-start:#1f2937cc;--profile-header-bg-end:#11182799;--profile-header-border:#3741514d;--profile-message-success-bg:#10b98133;--profile-message-success-border:#10b98166;--profile-message-success-text:#6ee7b7;--profile-message-error-bg:#ef444433;--profile-message-error-border:#ef444466;--profile-message-error-text:#fca5a5;--profile-message-info-bg:#3b82f633;--profile-message-info-border:#3b82f666;--profile-message-info-text:#93c5fd;--profile-badge-success-bg:#10b98133;--profile-grid-item-bg:#1f2937e6;--profile-grid-item-border:#3741514d;--profile-form-section-bg:#1f2937cc;--profile-form-section-border:#37415166;--profile-actions-bg:#1f293799}}[data-theme=dark]{--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-border:#374151;--color-border-strong:#6b7280;--color-border-subtle:#37415199;--color-border-light:#3741514d;--color-text-sidebar-active:var(--color-text-primary);--color-text-sidebar-normal:var(--color-text-secondary);--color-text-sidebar-muted:var(--color-text-muted);--btn-secondary-bg:#374151;--btn-secondary-text:#f9fafb;--btn-secondary-border:#6b7280;--btn-ghost-hover-bg:#6366f133;--btn-ghost-hover-text:var(--color-primary-300);--footer-bg-start:#111827;--footer-bg-end:#1f2937;--footer-text:#f9fafb;--hero-text-on-gradient:#f9fafb;--dashboard-card-header-start:#374151;--dashboard-card-header-end:#1f2937;--dashboard-section-title:#f9fafb;--dashboard-icon-text:#f9fafb;--dashboard-premium-text:#f9fafb;--dashboard-premium-desc:#e5e7eb;--dashboard-disabled-start:#374151;--dashboard-disabled-end:#1f2937;--dashboard-completion-bg:#1f2937cc;--dashboard-completion-border:#3741514d;--auth-card-bg:#1f2937f2;--auth-card-border:#3741514d;--auth-overlay-1:#1f293733;--auth-overlay-2:#1118271a;--auth-divider-bg:#1f2937e6;--auth-error-bg-start:#7f1d1d;--auth-error-bg-end:#991b1b;--auth-error-border:#dc2626;--auth-error-text:#fecaca;--auth-input-error-bg:#7f1d1d;--profile-card-bg:#1f2937f2;--profile-card-border:#3741514d;--profile-header-bg-start:#1f2937cc;--profile-header-bg-end:#11182799;--profile-header-border:#3741514d;--profile-message-success-bg:#10b98133;--profile-message-success-border:#10b98166;--profile-message-success-text:#6ee7b7;--profile-message-error-bg:#ef444433;--profile-message-error-border:#ef444466;--profile-message-error-text:#fca5a5;--profile-message-info-bg:#3b82f633;--profile-message-info-border:#3b82f666;--profile-message-info-text:#93c5fd;--profile-badge-success-bg:#10b98133;--profile-grid-item-bg:#1f2937e6;--profile-grid-item-border:#3741514d;--profile-form-section-bg:#1f2937cc;--profile-form-section-border:#37415166;--profile-actions-bg:#1f293799}[data-theme=light]{--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#374151;--color-gray-700:#1f2937;--color-gray-800:#111827;--color-gray-900:#000;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-border:#d1d5db;--color-border-strong:#9ca3af;--color-border-subtle:#d1d5db99;--color-border-light:#d1d5db4d;--color-text-sidebar-active:var(--color-text-primary);--color-text-sidebar-normal:var(--color-text-secondary);--color-text-sidebar-muted:var(--color-text-muted);--btn-secondary-bg:#fff;--btn-secondary-text:#374151;--btn-secondary-border:#d1d5db;--btn-ghost-hover-bg:#6366f11a;--btn-ghost-hover-text:var(--color-primary);--footer-bg-start:#f3f4f6;--footer-bg-end:#e5e7eb;--footer-text:#1f2937;--hero-text-on-gradient:#fff;--dashboard-card-header-start:#f8fafc;--dashboard-card-header-end:#f1f5f9;--dashboard-section-title:#111827;--dashboard-icon-text:#fff;--dashboard-premium-text:#1f2937;--dashboard-premium-desc:#374151;--dashboard-disabled-start:#f8fafc;--dashboard-disabled-end:#f1f5f9;--dashboard-completion-bg:#fffc;--dashboard-completion-border:#fff3;--auth-card-bg:#fffffff2;--auth-card-border:#fff3;--auth-overlay-1:#ffffff1a;--auth-overlay-2:#ffffff0d;--auth-divider-bg:#ffffffe6;--auth-error-bg-start:#fef2f2;--auth-error-bg-end:#fee2e2;--auth-error-border:#fecaca;--auth-error-text:#dc2626;--auth-input-error-bg:#fef2f2;--profile-card-bg:#fffffff2;--profile-card-border:#fff3;--profile-header-bg-start:#fffc;--profile-header-bg-end:#fff9;--profile-header-border:#fff3;--profile-message-success-bg:#10b9811a;--profile-message-success-border:#10b98133;--profile-message-success-text:#065f46;--profile-message-error-bg:#ef44441a;--profile-message-error-border:#ef444433;--profile-message-error-text:#991b1b;--profile-message-info-bg:#3b82f61a;--profile-message-info-border:#3b82f633;--profile-message-info-text:#1e40af;--profile-badge-success-bg:#10b9811a;--profile-grid-item-bg:#ffffffe6;--profile-grid-item-border:#fff3;--profile-form-section-bg:#fffc;--profile-form-section-border:#ffffff4d;--profile-actions-bg:#fff9}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;line-height:1;text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{height:2rem;padding:0 var(--spacing-3)}.btn-md,.btn-sm{font-size:var(--font-size-sm)}.btn-md{height:2.5rem;padding:0 var(--spacing-4)}.btn-lg{font-size:var(--font-size-base);height:3rem;padding:0 var(--spacing-6)}.btn-primary{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);color:var(--hero-text-on-gradient)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #4092f04d;transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--btn-secondary-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--btn-secondary-border,#d1d5db);color:#374151;color:var(--btn-secondary-text,#374151)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-ghost{background-color:initial;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--btn-ghost-hover-bg);color:var(--btn-ghost-hover-text);transform:translateY(-1px)}.btn-edit{background-color:var(--color-primary-100);border:1px solid var(--color-primary-200);color:var(--color-primary-700)}.btn-edit:hover:not(:disabled){background-color:var(--color-primary-200);border-color:var(--color-primary-300);box-shadow:0 2px 8px #4092f033;transform:translateY(-1px)}.btn-edit:active{transform:translateY(0)}.btn-delete{background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-error)}.btn-delete:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5;box-shadow:0 2px 8px #ef444433;transform:translateY(-1px)}.btn-delete:active{transform:translateY(0)}.btn-cancel{background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);color:var(--color-gray-600)}.btn-cancel:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-300);box-shadow:0 2px 8px #6b728026;color:var(--color-gray-700);transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.file-upload-btn{cursor:pointer;position:relative}.file-upload-btn input[type=file]{opacity:0;pointer-events:none;position:absolute}.file-upload-btn:hover input[type=file]{pointer-events:auto}@media (max-width:640px){.btn{min-height:44px;padding:0 var(--spacing-4)}.btn-sm{height:40px;padding:0 var(--spacing-3)}.btn-md{height:44px;padding:0 var(--spacing-5)}.btn-lg{height:48px;padding:0 var(--spacing-6)}}@media (max-width:480px){[style*="display: 'flex'"][style*="flexWrap: 'wrap'"]{align-items:stretch!important;flex-direction:column!important}.btn{justify-content:center!important;margin-bottom:var(--spacing-2);width:100%!important}}.badge{border-radius:var(--radius-md);white-space:nowrap}.badge-warning{background-color:#fef3cd;border:1px solid #fed7aa;color:#92400e}.badge-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.badge-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.badge-info{background-color:var(--color-primary-100);border:1px solid var(--color-primary-200);color:var(--color-primary-700)}.card{background-color:#fff;background-color:var(--color-bg-primary,#fff);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#1f2937;color:var(--color-text-primary,#1f2937);overflow:hidden}.card-elevated{box-shadow:var(--shadow-md)}.card-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between}.card-body,.card-header{padding:var(--spacing-6)}.card-body{color:#1f2937;color:var(--color-text-primary,#1f2937)}.card-footer{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:var(--spacing-6)}.form-group,.form-group-card{margin-bottom:var(--spacing-4)}.form-group-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.form-group-card .form-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.form-upload-area{display:flex;gap:var(--spacing-3);margin:var(--spacing-3) 0}.form-image-preview{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;height:150px;justify-content:center;margin-top:var(--spacing-3);overflow:visible;position:relative;width:200px}.form-image-preview img{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.form-image-preview-actions{display:flex;gap:var(--spacing-2);position:absolute;right:var(--spacing-2);top:var(--spacing-2)}.form-image-remove-btn{background:#ef4444e6;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px;transition:background-color .2s}.form-image-remove-btn:hover{background:#dc2626}.card-type-input-wrapper{position:relative}.card-type-input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-3);transition:border-color .2s;width:100%}.card-type-input:focus{border-color:var(--color-primary);outline:none}.card-type-suggestions{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.card-type-suggestion-item{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;transition:background-color .2s}.card-type-suggestion-item:last-child{border-bottom:none}.card-type-suggestion-item:hover{background-color:var(--color-gray-50)}.card-type-suggestion-item.selected{background-color:var(--color-primary-50)}.card-type-badge{background-color:var(--color-primary-100);border-radius:var(--radius-sm);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px}.card-type-custom-hint{align-items:center;background-color:var(--color-blue-50);border-top:1px solid var(--color-blue-200);color:var(--color-blue-700);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-3)}.card-type-add-btn{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 16px;transition:background-color .2s;white-space:nowrap}.card-type-add-btn:hover{background:var(--color-primary-600)}.card-type-add-btn:active{transform:scale(.98)}.form-image-preview-placeholder{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-3);text-align:center}.form-image-preview.drag-drop-enabled{cursor:pointer;transition:all .3s ease}.form-image-preview.drag-drop-enabled:hover{background:#3b82f60d;background:var(--color-primary-50,#3b82f60d);border-color:var(--color-primary)}.form-image-preview.drag-over{background:#3b82f61a;background:var(--color-primary-100,#3b82f61a);border-color:var(--color-primary);transform:scale(1.02)}.form-image-overlay{align-items:center;background:#000000b3;border-radius:var(--radius-md);bottom:0;color:#fff;display:flex;font-weight:var(--font-weight-medium);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.form-image-preview.drag-over .form-image-overlay,.form-image-preview:hover .form-image-overlay{opacity:1}.placeholder-icon{font-size:2rem;margin-bottom:var(--spacing-2)}.placeholder-text{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.drag-instructions{font-size:var(--font-size-xs);opacity:.7}.btn-disabled{cursor:not-allowed;opacity:.6}.form-hint{font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.card-type-suggestion-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-3);transition:background-color .2s ease}.card-type-suggestion-item:hover{background-color:var(--color-bg-secondary)}.card-type-suggestion-item.high-match{border-left:3px solid var(--color-primary)}.suggestion-main{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.suggestion-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.suggestion-name mark{background-color:#3b82f633;background-color:var(--color-primary-100,#3b82f633);border-radius:2px;color:var(--color-primary);padding:1px 2px}.suggestion-acronym{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.suggestion-details{align-items:center;display:flex;gap:var(--spacing-2);justify-content:space-between}.match-confidence{color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.suggestion-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.3;margin-top:var(--spacing-1)}.form-title{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.form-input,.form-label,.form-select,.form-textarea{color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4092f01a;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-input-error{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #ef44441a!important}.form-help-text,.form-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.form-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-6)}@media (max-width:480px){.form-actions{align-items:stretch;flex-direction:column}}.form-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--spacing-6) 0;padding:var(--spacing-6)}.form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--spacing-1) var(--spacing-2)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--profile-badge-success-bg);color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error{background-color:#ef44441a;color:var(--color-error)}.alert{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.alert-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.alert-content{flex:1 1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert-info{background-color:#3b82f61a;color:var(--color-info)}.alert-success{background-color:#10b9811a;color:var(--color-success)}.alert-warning{background-color:#f59e0b1a;color:var(--color-warning)}.alert-error{background-color:#ef44441a;color:var(--color-error)}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.modal{background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}.modal-body{flex:1 1;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}.spinner{animation:spin .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;display:inline-block;height:1em;width:1em}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 0,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-gray-200);border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin-bottom:var(--spacing-4);width:32px}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-checkbox{accent-color:var(--color-primary);height:16px;margin-right:var(--spacing-2);width:16px}.table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.table th{border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-800);font-weight:var(--font-weight-medium);text-align:left}.table td,.table th{padding:var(--spacing-3)}.table td{border-bottom:1px solid var(--color-gray-100)}.table tr:hover{background-color:var(--color-gray-50)}.nav{display:flex;gap:var(--spacing-1)}.nav-item{border-radius:var(--radius-md);color:var(--color-gray-700);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-item.active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.tooltip{display:inline-block;position:relative}.tooltip-content{background-color:var(--color-gray-900);border-radius:var(--radius-md);bottom:100%;color:var(--color-gray-50);font-size:var(--font-size-sm);left:50%;opacity:0;padding:var(--spacing-2) var(--spacing-3);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-.5rem);transition:opacity var(--transition-fast);white-space:nowrap;z-index:var(--z-index-tooltip)}.tooltip:hover .tooltip-content{opacity:1}[data-theme=dark] .card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--color-gray-600);border-color:var(--color-gray-500)}[data-theme=dark] .btn-ghost{color:var(--color-text-secondary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--btn-ghost-hover-bg);color:var(--btn-ghost-hover-text)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{box-shadow:0 0 0 3px #4092f033}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)!important}.landing-page{display:flex;flex-direction:column;min-height:100vh}.landing-main{flex:1 1}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--hero-text-on-gradient);overflow:hidden;padding:5rem 0 4rem;position:relative;text-align:center}.hero-background{background:radial-gradient(circle at 20% 50%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 80%,#78dbff4d 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4);position:relative;z-index:2}.hero-logo{animation:fadeInDown .8s ease-out;margin-bottom:var(--spacing-6)}.hero-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:120px;margin:0 auto;width:auto}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-6)}.hero-description{animation:fadeInUp .8s ease-out .4s both;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;margin:0 auto var(--spacing-8);max-width:700px;opacity:.95}.hero-actions{animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.features-section{background-color:var(--color-bg-secondary);padding:5rem 0}.features-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.features-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-12);position:relative;text-align:center}.features-title:after{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);bottom:-var(--spacing-4);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.features-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{border:1px solid var(--color-border);overflow:hidden;position:relative;transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);color:var(--hero-text-on-gradient);display:flex;height:48px;justify-content:center;margin-bottom:var(--spacing-4);width:48px}.feature-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.feature-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:0}.landing-footer{background:linear-gradient(135deg,var(--footer-bg-start) 0,var(--footer-bg-end) 100%);color:var(--footer-text);padding:var(--spacing-8) 0;text-align:center}.footer-content{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.footer-text{font-size:var(--font-size-lg);margin:0;opacity:.9}@media (max-width:768px){.hero-section{padding:3rem 0 2rem}.hero-actions{align-items:center;flex-direction:column}.hero-actions .btn{max-width:280px;width:100%}.features-section{padding:3rem 0}.features-grid{gap:var(--spacing-6);grid-template-columns:1fr}.features-container{padding:0 var(--spacing-3)}}@media (max-width:480px){.hero-content{padding:0 var(--spacing-3)}.hero-title{font-size:2rem}.hero-description{font-size:1rem}}.dashboard-container{margin:0 auto;max-width:1200px;padding:var(--spacing-10) var(--spacing-6)}.dashboard-welcome{margin-bottom:var(--spacing-8);position:relative;text-align:center}.dashboard-welcome:after{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);bottom:-var(--spacing-4);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.dashboard-title{color:var(--color-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.dashboard-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);margin:0}.dashboard-section{margin-bottom:var(--spacing-12);position:relative}.dashboard-section-title{align-items:center;color:var(--dashboard-section-title);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.dashboard-section-icon{align-items:center;border-radius:var(--radius-full);color:var(--dashboard-icon-text);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dashboard-section-icon.personal{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.dashboard-section-icon.professional{background:linear-gradient(135deg,#10b981,#047857)}.dashboard-section-icon.financial{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard-section-icon.tools{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);overflow:hidden;position:relative;transition:all var(--transition-base)}.dashboard-card:before{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.dashboard-card:hover{box-shadow:0 12px 24px #0000001a,0 0 0 1px #3b82f61a;transform:translateY(-4px)}.dashboard-card:hover:before{opacity:1}.dashboard-card-header{align-items:center;background:linear-gradient(135deg,var(--dashboard-card-header-start) 0,var(--dashboard-card-header-end) 100%);border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;padding:var(--spacing-6)}.dashboard-card-title{align-items:center;color:var(--color-secondary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}.dashboard-card-icon{height:20px;opacity:.8;width:20px}.dashboard-card-body{padding:var(--spacing-6)}.dashboard-card-description{color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-5)}.dashboard-card-action{gap:var(--spacing-2);justify-content:center;width:100%}.completion-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--dashboard-completion-bg);border:1px solid var(--dashboard-completion-border);border-radius:var(--radius-full);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.completion-circle{flex-shrink:0;position:relative}.completion-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.dashboard-card.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:var(--dashboard-premium-text)}.dashboard-card.premium .dashboard-card-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-bottom-color:#fff3}.dashboard-card.premium .dashboard-card-title{color:var(--dashboard-premium-text)}.dashboard-card.premium .dashboard-card-description{color:var(--dashboard-premium-desc)}.dashboard-card.disabled{background:linear-gradient(135deg,var(--dashboard-disabled-start) 0,var(--dashboard-disabled-end) 100%);opacity:.7}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:400px}.dashboard-loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}.dashboard-loading-text{color:var(--color-gray-600);font-size:var(--font-size-lg)}.auth-page{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-6);position:relative}.auth-page:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,var(--auth-overlay-1) 0,#0000 50%),radial-gradient(circle at 75% 75%,var(--auth-overlay-2) 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.auth-container{max-width:500px;position:relative;width:100%;z-index:1}.auth-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--auth-card-bg);border:1px solid var(--auth-card-border);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a;padding:var(--spacing-8)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:var(--spacing-8);text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-3)}.auth-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:1.5;margin:0}.auth-error{align-items:center;background:linear-gradient(135deg,var(--auth-error-bg-start),var(--auth-error-bg-end));border:1px solid var(--auth-error-border);border-radius:var(--radius-md);color:var(--auth-error-text);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.auth-error:before{content:"⚠️";font-size:var(--font-size-base)}.auth-social-section{margin-bottom:var(--spacing-8)}.auth-social-button{margin-bottom:var(--spacing-3)}.auth-social-button:last-child{margin-bottom:0}.auth-divider{align-items:center;color:var(--color-gray-500);display:flex;margin:var(--spacing-8) 0}.auth-divider-line{background:linear-gradient(90deg,#0000,var(--color-gray-300),#0000);flex:1 1;height:1px}.auth-divider-text{background:var(--auth-divider-bg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 var(--spacing-4)}.auth-form{margin-bottom:var(--spacing-6)}.auth-field{margin-bottom:var(--spacing-5)}.auth-field:last-child{margin-bottom:var(--spacing-8)}.auth-label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.auth-input{background:var(--color-bg-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base);width:100%}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4092f01a;outline:none;transform:translateY(-1px)}.auth-input:hover:not(:focus){border-color:var(--color-gray-400)}.auth-input-error{background:var(--auth-input-error-bg);border-color:var(--auth-error-border)}.auth-input-error:focus{border-color:var(--auth-error-border);box-shadow:0 0 0 3px #dc26261a}.auth-field-error{color:var(--auth-error-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1)}.auth-submit-btn{overflow:hidden;position:relative;width:100%}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.auth-submit-btn:hover:before{left:100%}.auth-footer{margin-top:var(--spacing-6);text-align:center}.auth-footer-text{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.auth-link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:inherit;font-weight:var(--font-weight-medium);padding:0;text-decoration:none;transition:all var(--transition-base)}.auth-link-button:hover{color:var(--color-secondary);text-decoration:underline}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 4px 20px #0000001a;color:var(--hero-text-on-gradient);position:relative;z-index:100}.header:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-4) var(--spacing-6);position:relative;z-index:1}.header-logo-section{align-items:center;display:flex;gap:var(--spacing-3)}.header-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-2);position:relative;transition:all var(--transition-base)}.header-logo:hover{background:#ffffff26;transform:translateY(-1px)}.header-logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:40px;width:auto}.header-brand{color:var(--hero-text-on-gradient);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);position:relative;text-decoration:none;transition:all var(--transition-base)}.header-brand:after{background:linear-gradient(90deg,#fffc,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.header-brand:hover:after{width:100%}.header-nav{align-items:center;display:flex;gap:var(--spacing-2)}.header-nav-link{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);position:relative;text-decoration:none;transition:all var(--transition-base)}.header-nav-link:before{background:#ffffff1a;border-radius:var(--radius-md);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.header-nav-link:hover{color:var(--hero-text-on-gradient);transform:translateY(-1px)}.header-nav-link:hover:before{opacity:1}.header-actions{gap:var(--spacing-3)}.header-actions,.header-theme-toggle{align-items:center;display:flex}.header-auth-buttons,.header-btn{align-items:center;display:flex;gap:var(--spacing-2)}.header-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff3;overflow:hidden;position:relative;transition:all var(--transition-base)}.header-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.header-btn:hover:before{left:100%}.header-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.header-btn-icon{flex-shrink:0;height:16px;width:16px}.header-logout-btn{background:#ffffff1a;color:#ffffffe6}.header-logout-btn:hover{background:#ffffff26;color:var(--hero-text-on-gradient)}@media (max-width:768px){.header-container{padding:var(--spacing-3) var(--spacing-4)}.header-nav{display:none}.header-brand{font-size:var(--font-size-lg)}.header-logo-image{height:32px}.header-auth-buttons{gap:var(--spacing-1)}.header-btn{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.header-actions{gap:var(--spacing-2)}}@media (max-width:480px){.header-container{padding:var(--spacing-2) var(--spacing-3)}.header-logo-section{gap:var(--spacing-2)}.header-brand{font-size:var(--font-size-base)}.header-btn{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.header-btn-icon{height:14px;width:14px}.header-logo{padding:var(--spacing-1)}.header-logo-image{height:28px}}@media (max-width:768px){.auth-page{padding:var(--spacing-4)}.auth-card{padding:var(--spacing-6)}.auth-title{font-size:var(--font-size-2xl)}.auth-container{max-width:100%}}@media (max-width:480px){.auth-card{padding:var(--spacing-4)}.auth-title{font-size:var(--font-size-xl)}.auth-header,.auth-social-section{margin-bottom:var(--spacing-6)}.auth-divider{margin:var(--spacing-6) 0}}.page{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);background-image:radial-gradient(circle at 25% 25%,#6366f105 0,#0000 50%),radial-gradient(circle at 75% 75%,#a855f705 0,#0000 50%);min-height:100vh;position:relative}.page-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:var(--spacing-6)}.page-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,var(--profile-header-bg-start),var(--profile-header-bg-end));border:1px solid var(--profile-header-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-6) 0;position:relative;text-align:center}.page-header-actions{left:var(--spacing-4);position:absolute;top:var(--spacing-4);z-index:10}.page-header:before{animation:headerShimmer 8s ease-in-out infinite;background:linear-gradient(135deg,#0000,#6366f10d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes headerShimmer{0%,to{opacity:.5}50%{opacity:.8}}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.page-subtitle,.page-title{position:relative;z-index:1}.page-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.page-content{position:relative;z-index:1}.page-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--profile-card-bg);border:1px solid var(--profile-card-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014;overflow:hidden;padding:var(--spacing-8);position:relative;transition:all var(--transition-base)}.page-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.page-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.page-card:hover:before{opacity:1}.page-form{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6)}.page-form-section{background:var(--profile-form-section-bg);border:1px solid var(--profile-form-section-border);border-radius:var(--radius-lg);padding:var(--spacing-6)}.page-form-section-title{align-items:center;color:var(--color-gray-800);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.page-form-section-icon{color:var(--color-primary);height:20px;width:20px}.page-form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.page-form-grid-full{grid-column:1/-1}.page-actions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--profile-actions-bg);border:1px solid #fff3;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);justify-content:flex-start;padding:var(--spacing-6)}.page-actions-right{justify-content:flex-end}.page-actions-center{justify-content:center}.page-message{align-items:center;animation:slideInDown .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-message-success{background:linear-gradient(135deg,var(--profile-message-success-bg),#10b9810d);border:1px solid var(--profile-message-success-border);color:var(--profile-message-success-text)}.page-message-error{background:linear-gradient(135deg,var(--profile-message-error-bg),#ef44440d);border:1px solid var(--profile-message-error-border);color:var(--profile-message-error-text)}.page-message-info{background:linear-gradient(135deg,var(--profile-message-info-bg),#3b82f60d);border:1px solid var(--profile-message-info-border);color:var(--profile-message-info-text)}.page-message-icon{flex-shrink:0;height:20px;width:20px}.page-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:400px}.page-loading-spinner{animation:spin 1s linear infinite;border:4px solid #6366f11a;border-radius:50%;border-top:4px solid var(--color-primary);height:48px;width:48px}.page-loading-text{color:var(--color-gray-600);font-size:var(--font-size-lg);text-align:center}.page-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-8)}.page-grid-item{background:var(--profile-grid-item-bg);border:1px solid var(--profile-grid-item-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000d;overflow:hidden;padding:var(--spacing-6);position:relative;transition:all var(--transition-base)}.page-grid-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.page-grid-item:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.page-grid-item:hover:before{transform:scaleX(1)}@media (max-width:768px){.page-container,.page-header{padding:var(--spacing-4)}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-base)}.page-card{padding:var(--spacing-6)}.page-form-grid{grid-template-columns:1fr}.page-actions{align-items:stretch;flex-direction:column}.page-grid{gap:var(--spacing-4);grid-template-columns:1fr}}@media (max-width:480px){.page-container,.page-header{padding:var(--spacing-3)}.page-title{font-size:var(--font-size-xl)}.page-card,.page-form-section{padding:var(--spacing-4)}}.dashboard-progress-overview{animation:slideDown .5s ease-out;background:var(--color-bg-primary);border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000d;margin-bottom:var(--spacing-6);overflow:hidden;padding:var(--spacing-4);position:relative;transition:all var(--transition-base)}.dashboard-progress-animated-border{animation:borderGradient 4s ease infinite;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary),var(--color-primary),var(--color-secondary));background-size:300% 300%;border-radius:var(--radius-xl);bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-progress-overview.almost-complete{animation:completionPulse 2s ease-in-out infinite}@keyframes completionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.dashboard-progress-content{position:relative;z-index:2}.dashboard-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.dashboard-progress-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.dashboard-progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.dashboard-progress-bar-container{background:var(--color-gray-200);height:12px;margin-bottom:var(--spacing-3)}.dashboard-progress-bar-container,.dashboard-progress-bar-fill{border-radius:var(--radius-full);overflow:hidden;position:relative}.dashboard-progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dashboard-progress-bar-shimmer{animation:shimmer 2.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.dashboard-progress-info{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between}.dashboard-progress-text{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dashboard-progress-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}@media (max-width:768px){.dashboard-container{padding:var(--spacing-6) var(--spacing-4)}.dashboard-grid{gap:var(--spacing-4);grid-template-columns:1fr}.dashboard-section{margin-bottom:var(--spacing-8)}.dashboard-section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}.dashboard-progress-info{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.dashboard-progress-hint{margin-top:var(--spacing-1)}}@media (max-width:480px){.dashboard-card-body,.dashboard-card-header{padding:var(--spacing-4)}.dashboard-welcome{margin-bottom:var(--spacing-6)}}.pricing-page{background-color:var(--color-bg-secondary);min-height:100vh}.pricing-container{margin:0 auto;max-width:1200px;padding:var(--spacing-12) var(--spacing-6)}.pricing-header{margin-bottom:var(--spacing-16);position:relative;text-align:center}.pricing-header:after{border-radius:var(--radius-full);bottom:-var(--spacing-6);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.pricing-header:after,.pricing-title{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.pricing-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-4)}.pricing-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1.6;margin:0 auto;max-width:600px}.pricing-grid{grid-gap:var(--spacing-8);align-items:start;display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:var(--spacing-16)}.pricing-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000d;overflow:hidden;position:relative;transition:all var(--transition-base)}.pricing-card:hover{box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f61a;transform:translateY(-8px)}.pricing-card.popular{background:linear-gradient(135deg,#fff,#f8faff);border:2px solid var(--color-primary);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.pricing-card.popular:before{content:"";height:4px;left:0;right:0;top:0}.pricing-badge,.pricing-card.popular:before{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);position:absolute}.pricing-badge{border-radius:var(--radius-full);box-shadow:0 4px 12px #3b82f64d;color:var(--hero-text-on-gradient);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:50%;padding:var(--spacing-2) var(--spacing-5);top:-12px;transform:translateX(-50%);z-index:10}.pricing-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-10) var(--spacing-6) var(--spacing-8);text-align:center}.pricing-card.popular .pricing-card-header{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.pricing-card-name{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.pricing-card-name,.pricing-card-price{margin-bottom:var(--spacing-4)}.pricing-price-amount{color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1}.pricing-price-period{font-weight:var(--font-weight-normal)}.pricing-card-description,.pricing-price-period{color:var(--color-text-secondary);font-size:var(--font-size-base)}.pricing-card-description{line-height:1.5}.pricing-card-body{padding:var(--spacing-8) var(--spacing-6)}.pricing-features{list-style:none;margin:0;padding:0}.pricing-feature{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-4)}.pricing-feature:last-child{margin-bottom:0}.pricing-feature-icon{color:var(--color-success);flex-shrink:0;height:20px;margin-right:var(--spacing-3);margin-top:2px;width:20px}.pricing-card-footer{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-top:1px solid var(--color-gray-100);padding:var(--spacing-6)}.pricing-card.popular .pricing-card-footer{background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.pricing-cta-button{font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;transition:all var(--transition-base);width:100%}.pricing-cta-button:hover{transform:translateY(-1px)}.pricing-card.popular .pricing-cta-button{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 4px 12px #3b82f64d}.pricing-faq{margin-bottom:var(--spacing-16)}.pricing-faq-header{margin-bottom:var(--spacing-12);text-align:center}.pricing-faq-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.pricing-faq-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);margin:0 auto;max-width:800px}.pricing-faq-item{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.pricing-faq-item:hover{border-color:var(--color-primary);box-shadow:0 8px 16px #0000001a}.pricing-faq-question{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.pricing-faq-answer{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.pricing-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-xl);color:var(--hero-text-on-gradient);overflow:hidden;padding:var(--spacing-16) var(--spacing-8);position:relative;text-align:center}.pricing-cta:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pricing-cta-content{margin:0 auto;max-width:600px;position:relative;z-index:2}.pricing-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-4)}.pricing-cta-subtitle{font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--spacing-8);opacity:.95}.pricing-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.pricing-cta-button-primary{background:var(--color-bg-primary);border:2px solid var(--color-bg-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.pricing-cta-button-primary:hover{background:#ffffffe6;transform:translateY(-2px)}.pricing-cta-button-secondary{background:#0000;border:2px solid #ffffff80;color:var(--hero-text-on-gradient);font-weight:var(--font-weight-semibold)}.pricing-cta-button-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.pricing-testimonials{margin:var(--spacing-16) 0;text-align:center}.pricing-testimonials-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-12)}.pricing-testimonials-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-testimonial{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;padding:var(--spacing-8);transition:all var(--transition-base)}.pricing-testimonial:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.pricing-testimonial-quote{color:var(--color-text-primary);font-size:var(--font-size-lg);font-style:italic;line-height:1.6;margin-bottom:var(--spacing-4)}.pricing-testimonial-author{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.pricing-testimonial-role{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (max-width:768px){.pricing-container{padding:var(--spacing-8) var(--spacing-4)}.pricing-grid{gap:var(--spacing-6);grid-template-columns:1fr}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-4px)}.pricing-testimonials-grid{gap:var(--spacing-6);grid-template-columns:1fr}.pricing-cta-buttons{align-items:center;flex-direction:column}.pricing-cta-buttons .btn{max-width:280px;width:100%}}@media (max-width:480px){.pricing-card-body,.pricing-card-header{padding:var(--spacing-6) var(--spacing-4)}.pricing-card-footer{padding:var(--spacing-4)}.pricing-cta{padding:var(--spacing-12) var(--spacing-4)}}.navigation-horizontal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000d;margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.navigation-horizontal-nav{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.navigation-horizontal-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;text-decoration:none;transition:all var(--transition-base)}.navigation-horizontal-item:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.navigation-horizontal-item:hover:before{opacity:.1}.navigation-horizontal-item:hover{color:var(--color-primary);transform:translateY(-1px)}.navigation-horizontal-item.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--hero-text-on-gradient)}.navigation-horizontal-item.active:before{opacity:0}.navigation-horizontal-icon{flex-shrink:0;opacity:.8}.navigation-horizontal-label{white-space:nowrap}.navigation-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000d;min-width:280px;padding:var(--spacing-6)}.navigation-sidebar-header{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.navigation-sidebar-header h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.navigation-sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.navigation-sidebar-item{align-items:flex-start;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-4);position:relative;text-align:left;transition:all var(--transition-base);width:100%}.navigation-sidebar-item:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.navigation-sidebar-item:hover:before{opacity:.05}.navigation-sidebar-item:hover{transform:translateX(4px)}.navigation-sidebar-item.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--hero-text-on-gradient)}.navigation-sidebar-item.active:before{opacity:0}.navigation-sidebar-icon{flex-shrink:0;margin-top:2px;opacity:.8}.navigation-sidebar-content{flex:1 1}.navigation-sidebar-label{color:var(--color-gray-900);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.navigation-sidebar-item.active .navigation-sidebar-label{color:var(--hero-text-on-gradient)}.navigation-sidebar-description{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);line-height:1.4}.navigation-sidebar-item.active .navigation-sidebar-description{color:#ffffffe6}.navigation-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;min-width:200px;padding:var(--spacing-4);position:relative;z-index:100}.navigation-dropdown-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.navigation-dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-gray-700);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);text-align:left;transition:all var(--transition-base);width:100%}.navigation-dropdown-item:hover{background:linear-gradient(135deg,#6366f11a,#a855f71a);color:var(--color-primary);transform:translateX(2px)}.navigation-dropdown-item.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--hero-text-on-gradient)}.navigation-dropdown-icon{flex-shrink:0;opacity:.8}.navigation-dropdown-label{white-space:nowrap}[data-theme=dark] .navigation-dropdown,[data-theme=dark] .navigation-horizontal,[data-theme=dark] .navigation-sidebar{background:#1f2937f2;border-color:var(--color-border)}[data-theme=dark] .navigation-dropdown-item,[data-theme=dark] .navigation-horizontal-item,[data-theme=dark] .navigation-sidebar-item{color:var(--color-text-secondary)}[data-theme=dark] .navigation-dropdown-item:hover,[data-theme=dark] .navigation-horizontal-item:hover,[data-theme=dark] .navigation-sidebar-item:hover{color:var(--color-primary)}[data-theme=dark] .navigation-sidebar-label{color:var(--color-text-primary)}[data-theme=dark] .navigation-sidebar-description{color:var(--color-text-secondary)}[data-theme=dark] .navigation-sidebar-header h3{color:var(--color-text-primary)}[data-theme=dark] .navigation-sidebar-header{border-bottom-color:var(--color-border)}@media (max-width:768px){.navigation-horizontal-nav{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-2)}.navigation-horizontal-item{flex-shrink:0}.navigation-sidebar{min-width:auto;width:100%}}@media (max-width:480px){.navigation-horizontal{padding:var(--spacing-3)}.navigation-horizontal-item{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.navigation-horizontal-label{display:none}.navigation-sidebar{padding:var(--spacing-4)}.navigation-sidebar-item{padding:var(--spacing-3)}}.image-upload-container{width:100%}.image-upload-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-4)}.image-upload-preview{align-items:center;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-base)}.image-upload-preview:hover{background:#6366f10d;border-color:var(--color-primary)}.image-upload-preview.drag-over{background:#6366f11a;border-color:var(--color-primary);transform:scale(1.02)}.image-preview-container{overflow:hidden;position:relative}.image-preview,.image-preview-container{border-radius:var(--radius-lg);height:100%;width:100%}.image-preview{object-fit:cover}.image-overlay{align-items:center;background:#000000b3;bottom:0;color:var(--hero-text-on-gradient);display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.image-preview-container:hover .image-overlay{opacity:1}.image-placeholder{align-items:center;color:var(--color-gray-500);display:flex;flex-direction:column;gap:var(--spacing-3);height:100%;justify-content:center;padding:var(--spacing-4);text-align:center}.image-placeholder svg{opacity:.6}.image-placeholder span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.image-upload-actions{flex-wrap:wrap}.image-upload-actions,.image-upload-actions .btn{align-items:center;display:flex;gap:var(--spacing-2)}.image-upload-preview.w-16{height:4rem;width:4rem}.image-upload-preview.w-24{height:6rem;width:6rem}.image-upload-preview.w-32{height:8rem;width:8rem}.profile-image-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.profile-image-info{flex:1 1;min-width:200px}.profile-image-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.profile-image-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.profile-avatar{display:inline-block;position:relative}.profile-avatar.w-8{height:2rem;width:2rem}.profile-avatar.h-8{height:2rem}.profile-avatar.w-12{height:3rem;width:3rem}.profile-avatar.h-12{height:3rem}.profile-avatar.w-16{height:4rem;width:4rem}.profile-avatar.h-16{height:4rem}.profile-avatar.w-20{height:5rem;width:5rem}.profile-avatar.h-20{height:5rem}.profile-avatar.text-sm .profile-avatar-placeholder{font-size:.875rem}.profile-avatar.text-base .profile-avatar-placeholder{font-size:1rem}.profile-avatar.text-xl .profile-avatar-placeholder{font-size:1.25rem}.profile-avatar.text-2xl .profile-avatar-placeholder{font-size:1.5rem}.profile-avatar.cursor-pointer{cursor:pointer}.profile-avatar.cursor-pointer:hover{transform:scale(1.05);transition:transform var(--transition-base)}.profile-avatar-image{object-fit:cover}.profile-avatar-image,.profile-avatar-placeholder{border:3px solid var(--color-bg-primary);border-radius:50%;box-shadow:0 4px 12px #00000026;height:100%;width:100%}.profile-avatar-placeholder{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--hero-text-on-gradient);font-size:2rem;font-weight:var(--font-weight-bold)}.profile-avatar-placeholder,.profile-avatar-status{align-items:center;display:flex;justify-content:center}.profile-avatar-status{background:var(--color-success);border:3px solid var(--color-bg-primary);border-radius:50%;bottom:0;height:24px;position:absolute;right:0;width:24px}.profile-avatar-status svg{color:var(--hero-text-on-gradient);height:12px;width:12px}[data-theme=dark] .image-upload-preview{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .image-upload-preview:hover{background:#6366f11a;border-color:var(--color-primary)}[data-theme=dark] .image-placeholder{color:var(--color-text-secondary)}[data-theme=dark] .profile-avatar-image,[data-theme=dark] .profile-avatar-placeholder,[data-theme=dark] .profile-avatar-status{border-color:var(--color-bg-secondary)}@media (max-width:768px){.profile-image-section{align-items:center;flex-direction:column;text-align:center}.image-upload-actions{justify-content:center}}@media (max-width:480px){.image-upload-actions{align-items:stretch;flex-direction:column}.image-upload-actions .btn{justify-content:center}}.profile-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.profile-header-info{flex:1 1}.profile-header-name{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.profile-header-details{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.profile-header-address{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0}.profile-header-badges{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.profile-nav{margin-bottom:var(--spacing-8)}.draft-modal{max-width:500px;width:90%}.draft-message{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);text-align:center}.draft-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.draft-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.draft-detail:last-child{margin-bottom:0}.draft-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.draft-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.draft-progress{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2);margin-left:var(--spacing-4)}.draft-progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);flex:1 1;height:8px;overflow:hidden}.draft-progress-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.draft-progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:35px;text-align:right}.draft-question{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:var(--spacing-4) 0 0 0;text-align:center}.draft-actions{display:flex;gap:var(--spacing-3);justify-content:center}.page-actions-group{align-items:center;display:flex;gap:var(--spacing-3)}[data-theme=dark] .draft-info{background:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .draft-progress-bar{background:var(--color-gray-700)}@media (max-width:768px){.draft-modal{margin:var(--spacing-4);max-width:calc(100vw - var(--spacing-4)*2)}.draft-actions{flex-direction:column;gap:var(--spacing-2)}.page-actions-group{align-items:stretch;flex-direction:column;width:100%}.draft-detail{align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}.draft-progress{margin-left:0;width:100%}}.profile-info-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3)}.profile-quick-actions-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-quick-action{gap:var(--spacing-3);justify-content:flex-start;padding:var(--spacing-3);text-align:left}.profile-quick-action:disabled{opacity:.6}.profile-quick-action-icon{flex-shrink:0;font-size:1.2rem}.profile-quick-action-content{flex:1 1}.profile-quick-action-title{align-items:center;display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.profile-quick-action-description{font-size:var(--font-size-sm);opacity:.7}.profile-quick-action-badge{font-size:var(--font-size-xs)}.profile-image-actions{margin-top:var(--spacing-4)}@media (max-width:768px){.profile-header-content{flex-direction:column;text-align:center}.profile-quick-actions-grid{grid-template-columns:1fr}}.skills-cards-container{margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.skills-cards-header{margin-bottom:var(--spacing-10);text-align:center}.skills-cards-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.skills-cards-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}.skills-cards-form{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.skills-cards-form-title{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.skills-cards-form-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-6)}.skills-cards-form-group{display:flex;flex-direction:column}.skills-cards-form-label{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.skills-cards-form-input,.skills-cards-form-select{background-color:var(--color-bg-primary);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all var(--transition-base)}.skills-cards-form-input:focus,.skills-cards-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4092f01a;outline:none}.skills-cards-form-input.error,.skills-cards-form-select.error{border-color:var(--color-error)}.skills-cards-form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.skills-cards-image-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-6)}.skills-cards-image-section{display:flex;flex-direction:column}.skills-cards-image-actions{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.skills-cards-camera-btn{align-items:center;background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);border:none;border-radius:var(--radius-md);color:var(--hero-text-on-gradient);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base)}.skills-cards-camera-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.skills-cards-upload-btn{align-items:center;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);border-radius:var(--radius-md);color:var(--hero-text-on-gradient);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base)}.skills-cards-upload-btn:hover{box-shadow:0 4px 12px #00d2ff4d;transform:translateY(-1px)}.skills-cards-image-url{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all var(--transition-base)}.skills-cards-image-url:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4092f01a;outline:none}.skills-cards-image-status{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-top:var(--spacing-2)}.skills-cards-form-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6)}.skills-cards-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.skills-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-6);position:relative;transition:all var(--transition-base)}.skills-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.skills-card-clickable{cursor:pointer}.skills-card-clickable:hover{box-shadow:0 16px 32px #00000026;transform:translateY(-3px)}.skills-card:before{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.skills-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.skills-card-info h3{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.skills-card-registration{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skills-card-status{border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.skills-card-status.valid{background-color:var(--color-success);color:var(--hero-text-on-gradient)}.skills-card-status.expiring{background-color:var(--color-warning);color:var(--hero-text-on-gradient)}.skills-card-status.expired{background-color:var(--color-error);color:var(--hero-text-on-gradient)}.skills-card-details{margin-bottom:var(--spacing-4)}.skills-card-expiry{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.skills-card-images{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.skills-card-image{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);height:75px;object-fit:cover;transition:all var(--transition-base);width:120px}.skills-card-image:hover{border-color:var(--color-primary);transform:scale(1.05)}.skills-card-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3)}.skills-card-alert.warning{background-color:#fef3c7;border:1px solid var(--color-warning);color:#92400e}.skills-card-alert.error{background-color:#fef2f2;border:1px solid var(--color-error);color:var(--color-error)}.skills-cards-empty{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-16) var(--spacing-8);text-align:center}.skills-cards-empty-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.skills-cards-empty-description{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:500px}.skills-cards-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-16);text-align:center}@media (max-width:768px){.skills-cards-container{padding:var(--spacing-4)}.skills-cards-title{font-size:var(--font-size-2xl)}.skills-cards-form-grid,.skills-cards-image-grid{grid-template-columns:1fr}.skills-cards-form-actions{flex-direction:column}.skills-cards-grid{grid-template-columns:1fr}.skills-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}}@media (max-width:480px){.skills-cards-form{padding:var(--spacing-6)}.skills-cards-image-actions{flex-direction:column}.skills-card{padding:var(--spacing-4)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-6)}.modal-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-body{padding:var(--spacing-6)}.modal-body p{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.modal-card-info{background:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.modal-card-info p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.modal-card-info p:last-child{margin-bottom:0}.modal-actions{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);justify-content:flex-end;padding:var(--spacing-6)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.modal-content{margin:var(--spacing-4);width:95%}.modal-actions{flex-direction:column}}.card-detail-modal{animation:slideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:95%}.card-detail-header{align-items:flex-start;background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-secondary-100) 100%);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-8)}.card-detail-header-info{flex:1 1}.card-detail-title{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.card-detail-registration{color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.card-detail-header-actions{align-items:center;display:flex;gap:var(--spacing-4)}.card-detail-status{border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.card-detail-status.valid{background-color:var(--color-success);color:var(--hero-text-on-gradient)}.card-detail-status.expiring{background-color:var(--color-warning);color:var(--hero-text-on-gradient)}.card-detail-status.expired{background-color:var(--color-error);color:var(--hero-text-on-gradient)}.card-detail-content{padding:var(--spacing-8)}.card-detail-section-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-6) 0}.card-detail-section-title:before{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-primary) 100%);border-radius:var(--radius-sm);content:"";height:20px;width:4px}.card-detail-images-section{margin-bottom:var(--spacing-8)}.card-detail-images{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-detail-image-container{align-items:center;display:flex;flex-direction:column}.card-detail-image{border:3px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;height:200px;max-width:300px;object-fit:cover;transition:all var(--transition-base);width:100%}.card-detail-image:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #4092f033;transform:scale(1.02)}.card-detail-image-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-3);text-align:center}.card-detail-no-images{align-items:center;background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-500);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-12);text-align:center}.card-detail-no-images svg{margin-bottom:var(--spacing-4);opacity:.5}.card-detail-info-section{margin-bottom:var(--spacing-8)}.card-detail-info-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-detail-info-item{background:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.card-detail-info-item label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.card-detail-info-item span{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.card-detail-renewal-alert{border:2px solid;border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.card-detail-renewal-alert.expiring{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:var(--color-warning)}.card-detail-renewal-alert.expired{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:var(--color-error)}.card-detail-renewal-alert-content{align-items:center;display:flex;gap:var(--spacing-4)}.card-detail-renewal-alert-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.card-detail-renewal-alert-text{flex:1 1}.card-detail-renewal-alert-text h4{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.card-detail-renewal-alert-text p{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.card-detail-renewal-btn{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-2)}.card-detail-actions{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);justify-content:flex-end;padding:var(--spacing-8)}.image-zoom-overlay{animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1100}.image-zoom-container,.image-zoom-overlay{align-items:center;display:flex;justify-content:center}.image-zoom-container{max-height:90%;max-width:90%;position:relative}.image-zoom-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:100%;max-width:100%;object-fit:contain}.image-zoom-close{align-items:center;background:var(--color-bg-primary);border:none;border-radius:50%;color:var(--color-gray-700);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-50px;top:-50px;transition:all var(--transition-base);width:40px}.image-zoom-close:hover{background:var(--color-gray-100);transform:scale(1.1)}@media (max-width:768px){.card-detail-modal{margin:var(--spacing-2);max-height:95vh;width:98%}.card-detail-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-4)}.card-detail-header-actions{justify-content:space-between;width:100%}.card-detail-content{padding:var(--spacing-6)}.card-detail-images,.card-detail-info-grid{grid-template-columns:1fr}.card-detail-renewal-alert-content{flex-direction:column;gap:var(--spacing-6);text-align:center}.card-detail-actions{flex-direction:column;padding:var(--spacing-6)}.image-zoom-close{right:10px;top:10px}}.test-centers-container{margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.test-centers-header{margin-bottom:var(--spacing-10);position:relative;text-align:center}.test-centers-header-actions{align-items:center;display:flex;left:0;position:absolute;top:0}.test-centers-back-btn{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--color-gray-900);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base)}.test-centers-back-btn:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:0 4px 8px #0000001a;color:var(--color-primary);transform:translateX(-2px)}.test-centers-back-btn svg{transition:transform var(--transition-base)}.test-centers-back-btn:hover svg{transform:translateX(-2px)}.back-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;color:var(--color-gray-900);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-base)}.back-button:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-200);box-shadow:0 4px 8px #0000001a;color:var(--color-primary);transform:translateX(-2px)}.back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.back-button:active{box-shadow:0 2px 4px #0000001a;transform:translateX(-1px)}.back-button svg{flex-shrink:0;transition:transform var(--transition-base)}.back-button:hover svg{transform:translateX(-2px)}.back-button.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.back-button.btn-primary:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.back-button.btn-secondary{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-700)}.back-button.btn-secondary:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400);color:var(--color-gray-900)}@media (max-width:768px){.back-button{font-size:var(--font-size-xs);gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3)}.back-button svg{height:14px;width:14px}}@media (prefers-color-scheme:dark){.back-button{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-gray-100)}.back-button:hover{background-color:var(--color-gray-700);border-color:var(--color-primary-400);color:var(--color-primary-300)}}.test-centers-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.test-centers-card-info{background:linear-gradient(135deg,var(--color-primary-100) 0,var(--color-secondary-100) 100%);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);display:inline-block;padding:var(--spacing-4) var(--spacing-6)}.test-centers-card-info p{color:var(--color-gray-700);font-weight:var(--font-weight-medium);margin:0}.test-centers-expiry{color:var(--color-gray-600)!important;font-size:var(--font-size-sm);margin-top:var(--spacing-1)!important}.test-centers-content{margin-top:var(--spacing-8)}.location-selector{padding:var(--spacing-12) var(--spacing-6);text-align:center}.location-selector-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-8)}.location-selector-options{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.location-option-card{background:var(--color-bg-primary);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);color:inherit;cursor:pointer;padding:var(--spacing-8);text-align:center;text-decoration:none;transition:all var(--transition-base)}.location-option-card:hover{border-color:var(--color-primary);box-shadow:0 12px 24px #4092f026;transform:translateY(-4px)}.location-option-icon{font-size:3rem;margin-bottom:var(--spacing-4)}.location-option-card h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.location-option-card p{color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.location-option-card.loading{border-color:var(--color-gray-300);cursor:not-allowed;opacity:.7}.location-option-card.loading:hover{border-color:var(--color-gray-300);box-shadow:none;transform:none}.location-option-card:disabled{pointer-events:none}.search-section{margin-bottom:var(--spacing-8)}.search-header{align-items:center;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.search-header h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.search-input-section{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-8)}.search-input-group{display:flex;gap:var(--spacing-4);margin:0 auto;max-width:600px}.search-input{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-4);transition:all var(--transition-base)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4092f01a;outline:none}.search-btn{align-items:center;display:flex;gap:var(--spacing-2);white-space:nowrap}.search-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results{margin-top:var(--spacing-8)}.results-header{margin-bottom:var(--spacing-6)}.results-header h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.results-header p{color:var(--color-gray-600);margin:0}.test-centers-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.test-center-card{background:var(--color-bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-6);position:relative;transition:all var(--transition-base)}.test-center-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.test-center-card.sponsored{background:linear-gradient(135deg,#fefce8,#fef3c7);border:2px solid var(--color-warning)}.sponsored-badge{background:var(--color-warning);border-radius:var(--radius-lg);color:var(--hero-text-on-gradient);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.test-center-header{margin-bottom:var(--spacing-4);padding-right:var(--spacing-16)}.test-center-name{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.test-center-rating{align-items:center;display:flex;gap:var(--spacing-2)}.rating-stars{color:var(--color-warning);font-size:var(--font-size-lg)}.rating-text{color:var(--color-gray-600);font-size:var(--font-size-sm)}.test-center-details{margin-bottom:var(--spacing-6)}.test-center-address{align-items:flex-start;color:var(--color-gray-700);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.test-center-address svg{flex-shrink:0;margin-top:2px}.test-center-distance{color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.test-center-card-types,.test-center-price{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.test-center-contact{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.contact-item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.contact-item svg{color:var(--color-gray-500);flex-shrink:0}.contact-item a{color:var(--color-primary);text-decoration:none}.contact-item a:hover{text-decoration:underline}.test-center-actions{display:flex;gap:var(--spacing-3)}.test-center-actions .btn{flex:1 1;justify-content:center}.search-loading{padding:var(--spacing-16);text-align:center}.search-loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:48px;margin:0 auto var(--spacing-6);width:48px}.search-loading h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.search-loading p{color:var(--color-gray-600);margin:0}@media (max-width:768px){.test-centers-container{padding:var(--spacing-4)}.test-centers-title{font-size:var(--font-size-2xl)}.location-selector-options{gap:var(--spacing-4);grid-template-columns:1fr}.location-option-card{padding:var(--spacing-6)}.search-input-group{flex-direction:column}.search-input{margin-bottom:var(--spacing-4)}.test-centers-grid{gap:var(--spacing-4);grid-template-columns:1fr}.test-center-card{padding:var(--spacing-4)}.test-center-header{padding-right:var(--spacing-12)}.test-center-actions{flex-direction:column}.test-center-distance{display:none}.test-center-distance-mobile{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}}.search-error{align-items:flex-start;border:1px solid;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.search-error.error-warning{background-color:#fef3cd;border-color:#facc15;color:#92400e}.search-error.error-info{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.error-icon{font-size:var(--font-size-xl);line-height:1}.error-content{flex:1 1}.error-content h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.error-content p{line-height:1.5;margin:0 0 var(--spacing-2) 0}.fallback-info{font-size:var(--font-size-sm);opacity:.9}.error-dismiss,.error-retry{flex-shrink:0;min-width:80px}.sponsored-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.fallback-badge,.sponsored-badge{border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-2) var(--spacing-3);position:absolute;right:var(--spacing-4);top:var(--spacing-4);z-index:2}.fallback-badge{background:linear-gradient(135deg,#6b7280,#4b5563)}.test-center-card.sponsored{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24;box-shadow:0 4px 6px #fbbf241a}.test-center-card.sponsored:hover{border-color:#f59e0b;box-shadow:0 12px 24px #fbbf2426}.test-center-card.fallback-center{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#6b7280;border-style:dashed}.test-center-card.fallback-center:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#4b5563}.test-center-distance-mobile{display:none}@media (max-width:768px){.test-center-distance{display:none}.test-center-distance-mobile{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2)}}.file-input-hidden{display:none}.card-actions{gap:var(--spacing-2)}.modal-warning-text,.text-error{color:var(--color-error)}.modal-warning-text{font-size:var(--font-size-sm);margin-top:var(--spacing-4)}.card-footer{gap:12px;justify-content:space-between;margin:1rem}.card-badges,.card-footer{align-items:center;display:flex;flex-wrap:wrap}.card-badges{gap:8px}.card-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.dashboard-progress-loading{align-items:center;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;margin:var(--spacing-6);min-height:60vh;padding:var(--spacing-12);text-align:center}.dashboard-progress-loading-spinner{margin-bottom:var(--spacing-8);position:relative}.spinner-ring{display:inline-block;height:64px;position:relative;width:64px}.spinner-ring:after{animation:spinner-ring-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#0000;border-bottom:4px solid var(--color-primary);border-left:4px solid var(--color-secondary);border-radius:50%;border-right:4px solid var(--color-secondary);border-top:4px solid var(--color-primary);content:" ";display:block;height:48px;margin:8px;width:48px}@keyframes spinner-ring-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-progress-loading-text{color:var(--color-gray-600)}.dashboard-progress-loading-text h3{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.dashboard-progress-loading-text p{color:var(--color-gray-500);font-size:var(--font-size-base);margin:0;opacity:.8}.card-pulse-critical{animation:criticalPulse 1.5s ease-in-out infinite;border:2px solid #dc2626;box-shadow:0 0 0 0 #dc2626b3}.card-pulse-urgent{animation:urgentPulse 2s ease-in-out infinite;border:2px solid #f59e0b;box-shadow:0 0 0 0 #f59e0bb3}.card-pulse-warning{animation:warningPulse 2.5s ease-in-out infinite;border:2px solid #f97316;box-shadow:0 0 0 0 #f9731699}@keyframes criticalPulse{0%{box-shadow:0 0 0 0 #dc2626b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #dc262600;transform:scale(1.03)}to{box-shadow:0 0 0 0 #dc262600;transform:scale(1)}}@keyframes urgentPulse{0%{box-shadow:0 0 0 0 #f59e0bb3;transform:scale(1)}50%{box-shadow:0 0 0 6px #f59e0b00;transform:scale(1.02)}to{box-shadow:0 0 0 0 #f59e0b00;transform:scale(1)}}@keyframes warningPulse{0%{box-shadow:0 0 0 0 #f9731699;transform:scale(1)}50%{box-shadow:0 0 0 4px #f9731600;transform:scale(1.015)}to{box-shadow:0 0 0 0 #f9731600;transform:scale(1)}}.sharing-centre-content{display:flex;flex-direction:column;gap:var(--spacing-8);margin:0 auto;max-width:800px}.sharing-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.section-header{margin-bottom:var(--spacing-6)}.section-header h2{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.section-header p{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.sharing-toggles{display:flex;flex-direction:column;gap:var(--spacing-4)}.sharing-toggle-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);transition:all var(--transition-base)}.sharing-toggle-item:hover:not(.disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a}.sharing-toggle-item.disabled{background-color:var(--color-gray-50);opacity:.6}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-3);margin:0}.sharing-toggle-item.disabled .toggle-label{cursor:not-allowed}.toggle-switch{background-color:var(--color-gray-300);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background-color var(--transition-base);width:48px}.toggle-switch:after{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}input[type=checkbox]:checked+.toggle-switch{background-color:var(--color-primary)}input[type=checkbox]:checked+.toggle-switch:after{transform:translateX(24px)}input[type=checkbox]{display:none}.toggle-content{display:flex;flex-direction:column;gap:var(--spacing-1)}.toggle-content strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.toggle-content span{color:var(--color-gray-600);font-size:var(--font-size-sm)}.premium-badge,.pro-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1);padding:2px var(--spacing-2)}.pro-badge{background-color:var(--color-secondary);color:#fff}.premium-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.preview-container{background-color:var(--color-gray-50);border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4)}.preview-section{margin-bottom:var(--spacing-4)}.preview-section:last-child{margin-bottom:0}.preview-section h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.preview-data{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-3)}.preview-data p{color:var(--color-gray-700);font-size:var(--font-size-sm);margin:0}.email-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin:0}.checkbox-label input[type=checkbox]{display:block;height:16px;margin:0;width:16px}.download-options{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}@media (max-width:768px){.sharing-centre-content{max-width:none}.sharing-section{padding:var(--spacing-4)}.toggle-label{gap:var(--spacing-2)}.download-options{flex-direction:column}.download-options .btn{width:100%}}*,:after,:before{box-sizing:border-box}*{color:inherit;margin:0}html{-webkit-text-size-adjust:100%;font-size:16px}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal)}#root{height:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-lg)}h5,h6{margin-bottom:var(--spacing-2)}h6{font-size:var(--font-size-base)}p{color:#1f2937;color:var(--color-text-primary,#1f2937);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}ol,ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-2)}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}code{background-color:var(--color-gray-100);border-radius:var(--radius-sm);font-size:.875em;padding:.125rem .25rem}code,pre{font-family:var(--font-family-mono)}pre{background-color:var(--color-gray-900);border-radius:var(--radius-md);color:var(--color-gray-100);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);overflow-x:auto;padding:var(--spacing-4)}pre code{background-color:initial;padding:0}::selection{background-color:var(--color-primary-100);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border:3px solid var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}@media (max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transition-slow) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease-out}.animate-spin{animation:spin 1s linear infinite}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .2s ease-in-out;width:280px;z-index:1000}.sidebar-collapsed{width:72px}.sidebar-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;min-height:64px;padding:16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{flex:1 1;gap:12px;min-width:0}.sidebar-logo-icon{border-radius:8px;flex-shrink:0;height:32px;overflow:hidden;width:32px}.sidebar-logo-image{height:100%;object-fit:cover;width:100%}.sidebar-logo-text{color:var(--sidebar-text);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease-in-out;width:32px}.sidebar-toggle:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text)}.sidebar-toggle-icon{transition:transform .2s ease-in-out}.sidebar-toggle-icon-collapsed{transform:rotate(180deg)}.sidebar-content{flex:1 1;overflow-y:auto;padding:16px 0;scrollbar-color:var(--sidebar-border) #0000;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--sidebar-text-muted)}.sidebar-section{margin-bottom:24px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{color:var(--sidebar-text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.sidebar-section-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--sidebar-text-normal);display:flex;font-size:14px;font-weight:500;gap:12px;min-height:40px;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s ease-in-out}.sidebar-nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.sidebar-nav-item-active{background:var(--sidebar-primary-light);color:var(--sidebar-primary);font-weight:600}.sidebar-nav-item-active:before{background:var(--sidebar-primary);border-radius:1px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px}.sidebar-nav-item-collapsed{justify-content:center;padding:8px}.sidebar-nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-nav-item-icon svg{height:100%;width:100%}.sidebar-nav-item-label{align-items:center;display:flex;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-coming-soon-badge{background:var(--sidebar-primary-light);border:1px solid var(--sidebar-border);border-radius:4px;color:var(--sidebar-primary);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.05em;opacity:.8;padding:2px 6px;text-transform:uppercase}.sidebar-nav-item-coming-soon{cursor:not-allowed!important;opacity:.7}.sidebar-nav-item-coming-soon:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-muted)}.sidebar-footer{border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:12px;padding:16px}.sidebar-theme-toggle{display:flex}.sidebar-theme-toggle,.sidebar-theme-toggle-collapsed{justify-content:center}.sidebar-user{align-items:center;display:flex;gap:12px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-email{color:var(--sidebar-text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-status{color:var(--sidebar-success);font-size:11px;font-weight:500}.sidebar-logout{align-items:center;background:none;border:none;border-radius:6px;color:var(--sidebar-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;padding:6px 8px;transition:all .2s ease-in-out}.sidebar-logout:hover{background:var(--sidebar-danger-light);color:var(--sidebar-danger)}.sidebar-logout svg{height:16px;width:16px}.sidebar-auth{display:flex;flex-direction:column;gap:8px}.sidebar-auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out}.sidebar-auth-btn-secondary{background:var(--sidebar-bg-hover);border:1px solid var(--sidebar-border);color:var(--sidebar-text)}.sidebar-auth-btn-secondary:hover{background:var(--sidebar-bg-hover);border-color:var(--sidebar-border)}.sidebar-auth-btn-primary{background:var(--sidebar-primary);color:#fff}.sidebar-auth-btn-primary:hover{background:var(--sidebar-primary-hover)}.sidebar-auth-btn svg{height:16px;width:16px}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .2s ease-in-out}.sidebar.sidebar-mobile-open{transform:translateX(0)}.sidebar-collapsed{width:280px}.sidebar-nav-item{justify-content:flex-start;padding:12px 16px;text-align:left}.sidebar-nav-item-label{display:block;flex:1 1}.sidebar-logo-text,.sidebar-nav-item-label{margin-left:4px;text-align:left}.sidebar-section-title{padding-left:20px;text-align:left}.sidebar-user-email,.sidebar-user-info{text-align:left}.sidebar-auth-btn{padding:12px 16px}.sidebar-auth-btn,.sidebar-logout{justify-content:flex-start;text-align:left}.sidebar-logout{padding:8px 12px}}.sidebar{--sidebar-bg:var(--color-bg-primary);--sidebar-bg-hover:var(--color-bg-secondary);--sidebar-text:var(--color-text-primary);--sidebar-text-active:var(--color-text-sidebar-active);--sidebar-text-normal:var(--color-text-sidebar-normal);--sidebar-text-muted:var(--color-text-sidebar-muted);--sidebar-border:var(--color-border-subtle);--sidebar-border-strong:var(--color-border);--sidebar-primary:var(--color-primary);--sidebar-primary-hover:var(--color-primary-dark);--sidebar-primary-light:var(--color-primary-100);--sidebar-success:var(--color-success);--sidebar-danger:var(--color-error);--sidebar-danger-light:#ef44441a}
/*# sourceMappingURL=main.7f37c381.css.map*/