:root{--font-sans:"Rubik", "Heebo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-numeric:"Plus Jakarta Sans", "Rubik", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-layout:.32s cubic-bezier(.16, 1, .3, 1);--ease-natural:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-in-fast:cubic-bezier(.4, 0, 1, 1)}:root[data-theme=light]{--bg-app:#f8fafc;--bg-mesh:radial-gradient(at 10% 10%, #2563eb0a 0px, transparent 50%), radial-gradient(at 90% 90%, #10b98108 0px, transparent 50%);--surface-panel:#fff;--surface-card:#fff;--surface-subtle:#f1f5f9;--surface-elevated:#fff;--surface-overlay:#ffffffa6;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-subtle:#eff6ff;--accent-border:#bfdbfe;--status-success:#059669;--status-success-bg:#ecfdf5;--status-success-border:#a7f3d0;--status-warning:#d97706;--status-warning-bg:#fffbeb;--status-warning-border:#fde68a;--status-danger:#dc2626;--status-danger-bg:#fef2f2;--status-danger-border:#fecaca;--status-info:#0284c7;--status-info-bg:#f0f9ff;--status-info-border:#bae6fd;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a12, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 28px -4px #0f172a1a, 0 4px 8px -2px #0f172a0d;--shadow-modal:0 20px 40px -8px #0f172a33;--double-bezel-outer:#f1f5f9;--double-bezel-border:#0f172a0f}:root[data-theme=dark]{--bg-app:#080c14;--bg-mesh:radial-gradient(at 15% 15%, #3b82f614 0px, transparent 60%), radial-gradient(at 85% 85%, #10b9810d 0px, transparent 60%);--surface-panel:#0e1422;--surface-card:#131b2e;--surface-subtle:#19233a;--surface-elevated:#1e2945;--surface-overlay:#0f172aa6;--border-subtle:#ffffff14;--border-strong:#ffffff29;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--accent-subtle:#3b82f626;--accent-border:#3b82f64d;--status-success:#10b981;--status-success-bg:#10b9811f;--status-success-border:#10b98147;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1f;--status-warning-border:#f59e0b47;--status-danger:#ef4444;--status-danger-bg:#ef44441f;--status-danger-border:#ef444447;--status-info:#38bdf8;--status-info-bg:#38bdf81f;--status-info-border:#38bdf847;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px -2px #00000080, 0 2px 4px -2px #0000004d;--shadow-lg:0 14px 32px -4px #0009, 0 4px 8px -2px #0006;--shadow-modal:0 24px 50px -10px #000000d9;--double-bezel-outer:#0f1626;--double-bezel-border:#ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:all .15s}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;direction:rtl;font-size:16px}html[dir=ltr]{direction:ltr}.language-toggle{border-radius:var(--radius-full);letter-spacing:.04em;min-width:38px;height:38px;padding:0 8px;font-size:.75rem;font-weight:700}body{background-color:var(--bg-app);background-image:var(--bg-mesh);min-height:100dvh;color:var(--text-primary);background-attachment:fixed;line-height:1.5;overflow-x:hidden}::selection{background-color:var(--accent-subtle);color:var(--accent-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.tabular-nums,.metric-value,.currency-val,.counter-num{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.app-container{max-width:1320px;padding-inline:var(--space-4);margin-inline:auto;padding-block-end:var(--space-12)}@media (width>=768px){.app-container{padding-inline:var(--space-6)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);text-wrap:balance;font-weight:600;line-height:1.25}h1{letter-spacing:-.02em;font-size:1.875rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.375rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}h4{font-size:1rem;font-weight:600}p,span,div{text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding-inline:var(--space-4);padding-block:var(--space-2);border-radius:var(--radius-md);transition-property:transform,opacity,background-color,border-color,box-shadow;transition-duration:var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;font-size:.9375rem;font-weight:500;display:inline-flex}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);box-shadow:0 1px 3px #2563eb40}.btn-primary:hover:not(:disabled){background-color:var(--accent-primary-hover);box-shadow:0 3px 8px #2563eb59}.btn-secondary{background-color:var(--surface-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background-color:var(--border-subtle)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--surface-subtle);color:var(--text-primary)}.btn-sm{min-height:34px;padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:.8125rem}.btn-lg{min-height:48px;padding-inline:var(--space-6);border-radius:var(--radius-lg);font-size:1rem}.form-group{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);display:flex}.form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;display:flex}.form-input,.form-select,.form-textarea{width:100%;min-height:44px;padding-inline:var(--space-3);padding-block:var(--space-2);background-color:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition-property:border-color,box-shadow,background-color;transition-duration:var(--transition-fast);font-size:1rem}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--surface-card);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}.form-textarea{resize:vertical;min-height:84px}.double-bezel{background:var(--double-bezel-outer);border:1px solid var(--double-bezel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition-property:transform,box-shadow;transition-duration:var(--transition-fast);padding:5px}.double-bezel-core{background:var(--surface-card);border-radius:calc(var(--radius-xl) - 4px);padding:var(--space-5);border:1px solid var(--border-subtle)}.card{background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition-property:transform,box-shadow,border-color;transition-duration:var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.site-header{top:var(--space-3);z-index:40;padding-block:var(--space-2);margin-block-end:var(--space-6);position:sticky}.header-island{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--surface-overlay);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);padding-inline:var(--space-3);padding-block:var(--space-2);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex}.nav-tabs{align-items:center;gap:var(--space-1);background:var(--surface-subtle);border-radius:var(--radius-full);border:1px solid var(--border-subtle);scrollbar-width:none;max-width:100%;padding:4px;display:flex;position:relative;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-sliding-pill{border-radius:var(--radius-full);background-color:var(--surface-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);pointer-events:none;z-index:1;transition:transform var(--transition-layout), width var(--transition-layout), height var(--transition-layout), opacity var(--transition-fast);will-change:transform, width, height;position:absolute;top:0;left:0}.nav-tab-btn{z-index:2;min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;transition-property:color,transform;transition-duration:var(--transition-fast);background:0 0;padding-block:6px;font-size:.875rem;font-weight:500;position:relative}.nav-tab-btn:hover{color:var(--text-primary)}.nav-tab-btn[data-active=true]{color:var(--accent-primary);font-weight:600}.segmented-control{background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:3px;display:inline-flex;position:relative}.segmented-sliding-pill{border-radius:calc(var(--radius-md) - 2px);background-color:var(--accent-primary);pointer-events:none;z-index:1;transition:transform var(--transition-layout), width var(--transition-layout), height var(--transition-layout), opacity var(--transition-fast);will-change:transform, width;position:absolute;top:0;left:0;box-shadow:0 1px 4px #2563eb59}.segmented-btn{z-index:2;min-height:32px;padding-inline:var(--space-3);border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;padding-block:4px;font-size:.8125rem;font-weight:500;position:relative}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn[data-active=true]{color:#fff;font-weight:600}.badge{padding-inline:var(--space-2);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding-block:3px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success-border)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning);border-color:var(--status-warning-border)}.badge-danger{background-color:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info-border)}.badge-neutral{background-color:var(--surface-subtle);color:var(--text-secondary);border-color:var(--border-subtle)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);overscroll-behavior:contain;animation:modalOverlayEnter .24s var(--ease-natural) both;background-color:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modalOverlayEnter{0%{opacity:0}to{opacity:1}}.modal-overlay.is-closing{animation:modalOverlayExit .22s var(--ease-in-fast) both;pointer-events:none}@keyframes modalOverlayExit{0%{opacity:1}to{opacity:0}}.modal-dialog{background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:580px;min-height:0;max-height:min(90vh,820px);box-shadow:var(--shadow-modal);animation:modalEnter .36s var(--ease-spring) both;will-change:transform, opacity;flex-direction:column;display:flex;overflow:hidden}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-dialog.is-closing{animation:modalExit .26s var(--ease-in-fast) both}@keyframes modalExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.97)translateY(12px)}}.modal-header{padding:var(--space-5);border-block-end:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-5);overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));border-block-start:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex:none;display:flex}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);background-color:var(--surface-card);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);margin-block:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-full);background-color:var(--surface-subtle);width:56px;height:56px;color:var(--accent-primary);justify-content:center;align-items:center;margin-block-end:var(--space-4);display:flex}.empty-state-title{margin-block-end:var(--space-1);font-size:1.125rem;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:42ch;margin-block-end:var(--space-5);font-size:.875rem}.view-enter{animation:viewFadeIn .24s var(--ease-natural) forwards}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}[data-flip-id]{will-change:transform}.mobile-bottom-nav{display:none}@media (width<=767px){.app-container{padding-inline:var(--space-3);padding-block-end:calc(86px + env(safe-area-inset-bottom,16px))}.site-header{top:var(--header-top-offset);transition:top .18s var(--ease-natural), padding-block-start .18s var(--ease-natural);margin-block-end:var(--space-4);padding-block-start:var(--header-padding-start)}.header-island{gap:var(--header-island-gap);padding-block:var(--header-island-padding-block);padding-inline:var(--header-island-padding-inline);transition:gap .18s var(--ease-natural), padding .18s var(--ease-natural), opacity .18s var(--ease-natural)}.header-logo{transition:width .18s var(--ease-natural), height .18s var(--ease-natural);width:var(--header-logo-size)!important;height:var(--header-logo-size)!important}.header-brand{transition:font-size .18s var(--ease-natural);font-size:var(--header-brand-size)!important}.header-greeting{transition:font-size .18s var(--ease-natural);font-size:var(--header-greeting-size)!important}.header-actions{transition:gap .18s var(--ease-natural);gap:var(--header-actions-gap)!important}.header-actions .btn-ghost{transition:width .18s var(--ease-natural), height .18s var(--ease-natural), color var(--transition-fast), background-color var(--transition-fast);width:var(--header-action-size)!important;height:var(--header-action-size)!important}.site-header .nav-tabs{display:none!important}.mobile-bottom-nav{bottom:max(12px, env(safe-area-inset-bottom,12px));background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);z-index:90;justify-content:space-around;align-items:center;height:64px;padding:4px;display:flex;position:fixed;left:12px;right:12px;overflow:hidden;box-shadow:0 10px 30px #00000040,0 1px 3px #0000001a}.mobile-nav-pill{border-radius:var(--radius-full);background-color:var(--accent-subtle);border:1px solid var(--accent-border);pointer-events:none;z-index:1;transition:transform var(--transition-layout), width var(--transition-layout), height var(--transition-layout), opacity var(--transition-fast);will-change:transform, width;position:absolute;top:0;left:0}.mobile-nav-item{z-index:2;border-radius:var(--radius-full);min-height:48px;color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:.6875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-nav-item[data-active=true]{color:var(--accent-primary);font-weight:600}.mobile-nav-item:active{transform:scale(.92)}.modal-overlay{align-items:flex-end;padding:0}.modal-dialog{max-width:100%;max-height:min(90dvh,820px);animation:modalSlideUp .38s var(--ease-spring) both;border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-dialog.is-closing{animation:modalSlideDown .28s var(--ease-in-fast) both}.modal-header,.modal-body{padding:var(--space-4)}.modal-header h2{min-width:0;font-size:1.125rem!important}.modal-body form>div[style*=grid-template-columns]{grid-template-columns:1fr!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes modalSlideDown{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(100%)}}.card,.double-bezel{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-dialog,.modal-overlay.is-closing,.modal-dialog.is-closing{animation-duration:1ms}}.onboarding-shell{gap:var(--space-5);flex-direction:column;display:flex}.onboarding-intro{align-items:flex-start;gap:var(--space-3);display:flex}.onboarding-icon{width:46px;height:46px;color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-md);flex:0 0 46px;place-items:center;display:grid}.onboarding-kicker{color:var(--accent-primary);margin-block-end:var(--space-1);font-size:.8125rem;font-weight:600}.onboarding-description,.onboarding-help{color:var(--text-secondary);max-width:58ch;font-size:.875rem}.onboarding-progress{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.onboarding-progress span{border-radius:var(--radius-full);background:var(--surface-subtle);height:5px;transition:background-color var(--transition-normal), transform var(--transition-normal)}.onboarding-progress span.is-active{background:var(--accent-primary)}.onboarding-step{animation:onboardingStepEnter .24s var(--ease-natural)}@keyframes onboardingStepEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}.onboarding-step h3{margin-block-end:var(--space-1)}.onboarding-help{margin-block-end:var(--space-5)}.onboarding-choice-grid,.onboarding-form-grid,.onboarding-status-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-form-grid-three,.onboarding-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-choice{align-items:flex-start;gap:var(--space-3);min-height:84px;padding:var(--space-4);color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition-property:border-color,background-color,transform;transition-duration:var(--transition-fast);display:flex}.onboarding-choice:hover{border-color:var(--border-strong)}.onboarding-choice.is-selected{color:var(--accent-primary);background:var(--accent-subtle);border-color:var(--accent-border)}.onboarding-choice input{block-size:18px;inline-size:18px;accent-color:var(--accent-primary);flex:none}.onboarding-choice span{gap:var(--space-1);flex-direction:column;display:flex}.onboarding-choice strong{color:var(--text-primary);font-size:.9375rem}.onboarding-choice small{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.onboarding-fieldset{border:0;margin-block-end:var(--space-4)}.onboarding-fieldset legend{color:var(--text-secondary);margin-block-end:var(--space-2);font-size:.875rem;font-weight:500}.onboarding-topic-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-topic-item{align-items:center;gap:var(--space-2);min-width:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding-inline-end:var(--space-2);display:flex}.onboarding-topic-status{width:auto;min-width:92px;margin-inline-start:auto;padding-block:6px;font-size:.75rem}.onboarding-check{align-items:center;gap:var(--space-2);min-height:42px;padding-inline:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:.875rem;display:flex}.onboarding-check input{block-size:18px;inline-size:18px;accent-color:var(--accent-primary)}.onboarding-review{gap:var(--space-2);padding:var(--space-3);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--space-5);display:grid}.onboarding-review div{min-width:0;padding:var(--space-2);flex-direction:column;gap:2px;display:flex}.onboarding-review span{color:var(--text-muted);font-size:.75rem}.onboarding-review strong{overflow-wrap:break-word;font-size:.875rem}.onboarding-error{color:var(--status-danger);font-size:.875rem;font-weight:500}.onboarding-footer-content{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.onboarding-actions{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:1px solid var(--border-subtle);padding-block-start:var(--space-3);display:flex}.onboarding-actions-end{align-items:center;gap:var(--space-2);display:flex}.dashboard-empty-state{min-height:min(56vh,520px)}@media (width<=600px){.onboarding-choice-grid,.onboarding-form-grid,.onboarding-form-grid-three,.onboarding-status-grid,.onboarding-review,.onboarding-topic-grid{grid-template-columns:1fr}.onboarding-footer-content{flex-direction:column-reverse;align-items:stretch}.onboarding-actions-end{justify-content:flex-end}.onboarding-actions-end button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}