:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-contrast:#ffffff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--font-sans:var(
    --font-inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
  );--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",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 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-50);min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next{isolation:isolate}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-xl)}h5,h6{margin-bottom:var(--spacing-2)}h6{font-size:var(--font-size-lg)}p{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}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width:768px){.container{padding:0 var(--spacing-6)}}@media (min-width:1024px){.container{padding:0 var(--spacing-8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.account-page{min-height:100vh;background:#fafbfc;padding:var(--spacing-6) 0 var(--spacing-12)}.account-header{margin-bottom:var(--spacing-8)}.account-title{font-size:2rem;font-weight:600;color:#1a1f36;margin-bottom:var(--spacing-2)}.account-subtitle{font-size:1rem;color:#6b7280;margin:0}.account-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:var(--spacing-8);gap:var(--spacing-8);max-width:1200px;margin:0 auto}.account-sidebar{position:-webkit-sticky;position:sticky;top:var(--spacing-6);height:-moz-fit-content;height:fit-content}.account-sidebar-content{background:white;border:1px solid #e6e6e6;border-radius:8px;padding:var(--spacing-2);box-shadow:0 1px 3px rgba(0,0,0,.1)}.account-menu-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);border:none;background:none;color:#6b7280;border-radius:6px;transition:all .15s ease;cursor:pointer;font-size:.875rem;font-weight:500}.account-menu-item:hover{background:#f3f4f6;color:#374151}.account-menu-item-active{background:#dbeafe;color:#1d4ed8}.account-content{min-height:600px}.account-section{margin-bottom:var(--spacing-6)}.account-section-group{display:flex;flex-direction:column;gap:var(--spacing-6)}.account-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6)}.account-section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-section-description{font-size:.875rem;color:#6b7280;margin:0}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6)}.account-form-field,.account-form-field-full{display:flex;flex-direction:column;gap:var(--spacing-2)}.account-form-field-full{grid-column:1/-1}.account-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;font-weight:500;color:#374151}.account-input,.account-textarea{padding:var(--spacing-3);border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:white;transition:all .15s ease}.account-input:focus,.account-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.account-value{padding:var(--spacing-3);background:#f9fafb;border-radius:6px;font-size:.875rem;color:#374151;border:1px solid #e5e7eb}.account-field-note{font-size:.75rem;color:#6b7280;margin-top:var(--spacing-1)}.account-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid #e5e7eb}.account-security-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc}.account-security-item-content{display:flex;align-items:center;gap:var(--spacing-3)}.account-security-item-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-security-item-content p{font-size:.75rem;color:#6b7280;margin:0}.account-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid #e5e7eb}.account-toggle-item:last-child{border-bottom:none}.account-toggle-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-toggle-content p{font-size:.75rem;color:#6b7280;margin:0}.account-toggle{position:relative;display:inline-block;width:48px;height:24px}.account-toggle input{opacity:0;width:0;height:0}.account-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.account-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}.account-toggle input:checked+.account-toggle-slider{background-color:#3b82f6}.account-toggle input:checked+.account-toggle-slider:before{transform:translateX(24px)}.account-payment-method{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc;margin-bottom:var(--spacing-4)}.account-payment-method-content{display:flex;align-items:center;gap:var(--spacing-3)}.account-payment-method-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-payment-method-content p{font-size:.75rem;color:#6b7280;margin:0}.account-payment-settings{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-4)}.account-payment-setting{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:#f9fafb;border-radius:6px}.account-payment-setting h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-payment-setting p{font-size:.75rem;color:#6b7280;margin:0}.account-billing-history{display:flex;flex-direction:column;gap:var(--spacing-3)}.account-billing-item{padding:var(--spacing-4);border:1px solid #e5e7eb;border-radius:8px;background:white}.account-billing-content,.account-billing-item{display:flex;justify-content:space-between;align-items:center}.account-billing-content{flex:1 1;gap:var(--spacing-4)}.account-billing-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-billing-content p{font-size:.75rem;color:#6b7280;margin:0}.account-billing-status{padding:var(--spacing-1) var(--spacing-3);background:#d1fae5;color:#065f46;border-radius:4px;font-size:.75rem;font-weight:500}.account-data-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border:1px solid #e5e7eb;border-radius:8px;background:#fafbfc}.account-data-content{display:flex;align-items:center;gap:var(--spacing-3)}.account-data-content h3{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 var(--spacing-1) 0}.account-data-content p{font-size:.75rem;color:#6b7280;margin:0}.account-danger-section{border-color:#fecaca;background:#fef2f2}.account-danger-zone{padding:var(--spacing-4);border:1px solid #fecaca;border-radius:8px;background:white;display:flex;justify-content:space-between;align-items:center}.account-danger-content{display:flex;align-items:center;gap:var(--spacing-3)}.account-danger-content h3{font-size:.875rem;font-weight:600;color:#dc2626;margin:0 0 var(--spacing-1) 0}.account-danger-content p{font-size:.75rem;color:#6b7280;margin:0}.account-danger-icon{color:#dc2626}.account-danger-button{color:#dc2626;border-color:#fecaca}.account-danger-button:hover{background:#fef2f2}.account-loading-state{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:#6b7280}.account-error{background:#fef2f2;color:#dc2626;padding:var(--spacing-3) var(--spacing-4);border-radius:6px;margin-bottom:var(--spacing-4);font-size:.875rem;border:1px solid #fecaca}.account-notifications-list{display:flex;flex-direction:column;gap:var(--spacing-4)}@media (max-width:768px){.account-layout{grid-template-columns:1fr;gap:var(--spacing-6)}.account-sidebar{position:static}.account-sidebar-content{display:flex;overflow-x:auto;padding:var(--spacing-3);gap:var(--spacing-2)}.account-menu-item{min-width:max-content;padding:var(--spacing-2) var(--spacing-3);border-radius:6px}.account-form-grid{grid-template-columns:1fr}.account-form-actions{flex-direction:column}.account-form-actions button{width:100%}.account-billing-item,.account-danger-zone,.account-data-item,.account-payment-method,.account-section-header,.account-security-item,.account-toggle-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.account-billing-content,.account-payment-setting{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}@media (max-width:480px){.account-page{padding:var(--spacing-4) 0}.account-title{font-size:1.5rem}.account-content{min-height:auto}}