html{scroll-behavior:smooth}body{font-family:Outfit,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,[role=button]{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}::selection{background:#0aa9c640}h1,h2,h3{text-wrap:balance}.font-mono{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark ::-webkit-scrollbar-track{background:#2d2d2d}.dark ::-webkit-scrollbar-thumb{background:#4a4a4a}.dark ::-webkit-scrollbar-thumb:hover{background:#6b6b6b}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:root{--ui-control-height: 3rem;--ui-control-radius: .875rem;--ui-control-padding-x: 1rem;--ui-control-padding-y: .625rem;--modern-bg: radial-gradient(1200px 600px at 5% 0%, rgba(10, 169, 198, .16), transparent 60%), radial-gradient(900px 460px at 95% 0%, rgba(236, 201, 12, .18), transparent 55%), linear-gradient(180deg, #f4f8fb 0%, #eef2f7 100%);--modern-shell-bg: rgba(255, 255, 255, .84);--modern-panel-bg: rgba(255, 255, 255, .62);--modern-border: rgba(17, 24, 39, .12);--modern-border-soft: rgba(17, 24, 39, .08);--modern-shadow: 0 28px 55px -30px rgba(15, 23, 42, .45);--modern-shadow-soft: 0 20px 40px -30px rgba(15, 23, 42, .4)}.dark{--modern-bg: radial-gradient(1200px 640px at 5% 0%, rgba(10, 169, 198, .22), transparent 60%), radial-gradient(900px 500px at 95% 0%, rgba(202, 45, 127, .2), transparent 60%), linear-gradient(180deg, #151515 0%, #101010 100%);--modern-shell-bg: rgba(29, 29, 29, .86);--modern-panel-bg: rgba(43, 43, 43, .62);--modern-border: rgba(255, 255, 255, .16);--modern-border-soft: rgba(255, 255, 255, .1);--modern-shadow: 0 30px 60px -34px rgba(0, 0, 0, .75);--modern-shadow-soft: 0 20px 40px -30px rgba(0, 0, 0, .7)}.modern-app{background-image:var(--modern-bg);background-attachment:fixed}.modern-shell{background:var(--modern-shell-bg);border-radius:1.5rem;border:1px solid var(--modern-border);box-shadow:var(--modern-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modern-header{background:linear-gradient(180deg,var(--modern-panel-bg) 0%,transparent 100%);border-bottom:1px solid var(--modern-border-soft)}.modern-nav{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.16) 100%)}.dark .modern-nav{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.04) 100%)}.modern-main{background:linear-gradient(180deg,#ffffff4d,#f5f7fa26)!important}.dark .modern-main{background:linear-gradient(180deg,#14141459,#0e0e0e14)!important}.modern-icon-button{border:1px solid transparent;transition:all .18s ease}.modern-icon-button:hover{background:#0aa9c61f;border-color:#0aa9c659}.dark .modern-icon-button:hover{background:#0aa9c62e;border-color:#0aa9c673}.modern-tab-button{transition:all .18s ease}.modern-tab-button:hover{background:#0aa9c614}.dark .modern-tab-button:hover{background:#0aa9c624}.modern-shell button,.modern-modal button,.onboarding-modern-shell button{transition:all .18s ease}.modern-button:not(:disabled),.onboarding-modern-primary:not(:disabled){box-shadow:0 12px 26px -20px #0aa9c6cc}.modern-button:not(:disabled):hover,.onboarding-modern-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 30px -18px #0aa9c6d9}.modern-button:not(:disabled):active,.onboarding-modern-primary:not(:disabled):active{transform:translateY(0) scale(.98)}.modern-shell button:not(:disabled):active,.modern-modal button:not(:disabled):active,.onboarding-modern-shell button:not(:disabled):active{filter:brightness(.94)}.modern-shell button:focus-visible,.modern-modal button:focus-visible,.onboarding-modern-shell button:focus-visible,.modern-shell a:focus-visible,.modern-modal a:focus-visible,.onboarding-modern-shell a:focus-visible{outline:2px solid rgba(10,169,198,.85);outline-offset:2px}.modern-shell input,.modern-shell select,.modern-shell textarea,.modern-modal input,.modern-modal select,.modern-modal textarea,.onboarding-modern-shell input,.onboarding-modern-shell select,.onboarding-modern-shell textarea{background:#ffffffe0;border:1px solid var(--modern-border-soft);border-radius:var(--ui-control-radius);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.modern-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.modern-shell select,.modern-modal input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.modern-modal select,.onboarding-modern-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.onboarding-modern-shell select{min-height:var(--ui-control-height);padding:var(--ui-control-padding-y) var(--ui-control-padding-x);font-size:1rem;line-height:1.25rem;box-sizing:border-box}.modern-shell select,.modern-modal select,.onboarding-modern-shell select{height:var(--ui-control-height);padding-right:2.75rem;text-overflow:ellipsis}.modern-shell textarea,.modern-modal textarea,.onboarding-modern-shell textarea{min-height:6rem;padding:.75rem var(--ui-control-padding-x);line-height:1.5rem;box-sizing:border-box}.modern-shell input[type=checkbox],.modern-shell input[type=radio],.modern-modal input[type=checkbox],.modern-modal input[type=radio],.onboarding-modern-shell input[type=checkbox],.onboarding-modern-shell input[type=radio]{min-height:auto;padding:0}.modern-shell .modern-button,.modern-modal .modern-button,.onboarding-modern-shell .onboarding-modern-primary,.modern-shell button[class*=py-2]:not(.modern-icon-button):not([class*=rounded-full]),.modern-shell button[class*=py-3]:not(.modern-icon-button):not([class*=rounded-full]),.modern-modal button[class*=py-2]:not(.modern-icon-button):not([class*=rounded-full]),.modern-modal button[class*=py-3]:not(.modern-icon-button):not([class*=rounded-full]),.onboarding-modern-shell button[class*=py-2]:not(.modern-icon-button):not([class*=rounded-full]),.onboarding-modern-shell button[class*=py-3]:not(.modern-icon-button):not([class*=rounded-full]){min-height:2.75rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;line-height:1.25rem}.modern-shell button[class*=p-2][class*=bg-]:not(.modern-icon-button):not([class*=rounded-full]),.modern-modal button[class*=p-2][class*=bg-]:not(.modern-icon-button):not([class*=rounded-full]),.onboarding-modern-shell button[class*=p-2][class*=bg-]:not(.modern-icon-button):not([class*=rounded-full]){min-width:2.75rem;min-height:2.75rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center}.modern-shell nav[role=tablist] button[role=tab]{justify-content:flex-start!important;text-align:left}.modern-shell nav[role=tablist] button[role=tab] .lucide{flex-shrink:0}.modern-shell nav[role=tablist] button[role=tab] span{text-align:left}.dark .modern-shell input,.dark .modern-shell select,.dark .modern-shell textarea,.dark .modern-modal input,.dark .modern-modal select,.dark .modern-modal textarea,.dark .onboarding-modern-shell input,.dark .onboarding-modern-shell select,.dark .onboarding-modern-shell textarea{background:#2c2c2cd9}.modern-shell input:focus,.modern-shell select:focus,.modern-shell textarea:focus,.modern-modal input:focus,.modern-modal select:focus,.modern-modal textarea:focus,.onboarding-modern-shell input:focus,.onboarding-modern-shell select:focus,.onboarding-modern-shell textarea:focus{border-color:#0aa9c673;box-shadow:0 0 0 3px #0aa9c629;outline:none}.modern-shell .shadow-sm,.modern-shell .shadow-md,.modern-shell .shadow-lg,.modern-shell .shadow-xl,.onboarding-modern-shell .shadow-sm,.onboarding-modern-shell .shadow-md,.onboarding-modern-shell .shadow-lg{box-shadow:var(--modern-shadow-soft)!important}.modern-shell div[class*=bg-white][class*=rounded],.modern-shell section[class*=bg-white][class*=rounded],.modern-shell article[class*=bg-white][class*=rounded]{border:1px solid var(--modern-border-soft)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .25s ease-out both}.animate-fade-in-up{animation:fade-in-up .32s cubic-bezier(.22,1,.36,1) both}.modern-modal-overlay{background:#0b10198f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .2s ease-out both}.modern-modal{background:#fff;border:1px solid var(--modern-border);box-shadow:var(--modern-shadow)}.dark .modern-modal{background:#2d2d2d}.modern-modal-header{background:linear-gradient(180deg,rgba(255,255,255,.26),transparent)}.dark .modern-modal-header{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)}button.sync-button{transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}button.sync-button:not(:disabled):hover{transform:scale(1.08)}button.sync-button:not(:disabled):active{transform:scale(.92);filter:none}.sync-button--pending{animation:sync-pulse 2s ease-out infinite}.sync-button--busy{animation:none}.sync-button--settled{animation:sync-pop .5s cubic-bezier(.34,1.56,.64,1)}.sync-button__icon{animation:sync-icon-in .24s ease-out both}@keyframes sync-pulse{0%{box-shadow:0 0 #ecc90c80}70%{box-shadow:0 0 0 7px #ecc90c00}to{box-shadow:0 0 #ecc90c00}}@keyframes sync-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes sync-icon-in{0%{opacity:0;transform:scale(.6) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.modern-toast{background:linear-gradient(135deg,#0aa9c6,#1ca1bb 55%,#2ab97f);border:1px solid rgba(255,255,255,.4);box-shadow:0 18px 40px -18px #0aa9c68c}.onboarding-modern-shell{background:var(--modern-shell-bg);border:1px solid var(--modern-border);box-shadow:var(--modern-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.onboarding-modern-header,.onboarding-modern-footer{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent)}.dark .onboarding-modern-header,.dark .onboarding-modern-footer{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}body.mobile-view{padding:0;font-size:14px}body.mobile-view>div:first-child>.p-4{padding:0}body.mobile-view>div:first-child>.p-2{padding:0}.mobile-view .max-w-5xl{max-width:100vw;height:100vh;border-radius:0;box-shadow:none}.mobile-view .h-\[calc\(100vh-2rem\)\],.mobile-view .h-\[calc\(100vh-1rem\)\]{height:100vh}.mobile-view .modern-shell{border-radius:0;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-view header{padding:.75rem 1rem}.mobile-view header h1{font-size:1.25rem}.mobile-view header .lucide{width:20px;height:20px}.mobile-view nav ul{justify-content:space-around;space-x:0}.mobile-view nav button{padding:.75rem 1rem}.mobile-view main.p-2,.mobile-view main.p-4,.mobile-view main.p-8{padding:1rem}.mobile-view footer{padding-top:.5rem;padding-bottom:.5rem}.welcome-entry{max-height:calc(100vh - .5rem)}.welcome-brand-panel,.welcome-access-panel{min-height:0}.welcome-access-panel{overflow-y:auto}@media(max-width:1024px)and (orientation:portrait){.welcome-entry{max-height:none;min-height:calc(100vh - 1rem)}}@media(max-width:900px)and (orientation:landscape){.welcome-entry{min-height:calc(100vh - .5rem);border-radius:1.25rem}.welcome-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.95fr)}.welcome-brand-panel{padding-top:1rem;padding-bottom:1rem;overflow-y:auto}.welcome-access-panel{padding-top:1rem;padding-bottom:1rem}}@media(max-width:639px){.welcome-entry{border-radius:1.25rem}.welcome-brand-panel{padding-bottom:1.25rem}}@media(max-width:639px)and (orientation:landscape){.welcome-brand-title{font-size:2rem;line-height:1.1}.welcome-brand-tagline{font-size:1.125rem;line-height:1.25}.welcome-brand-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports (height: 100dvh){body:not(.mobile-view) .modern-shell{height:calc(100dvh - 1rem)!important}@media(min-width:640px){body:not(.mobile-view) .modern-shell{height:calc(100dvh - 2rem)!important}}@media(min-width:1024px){body:not(.mobile-view) .modern-shell{height:calc(100dvh - 3rem)!important}}.mobile-view .modern-shell{height:100dvh!important}.welcome-entry{max-height:calc(100dvh - .5rem)}@media(max-width:1024px)and (orientation:portrait){.welcome-entry{max-height:none;min-height:calc(100dvh - 1rem)}}@media(max-width:900px)and (orientation:landscape){.welcome-entry{min-height:calc(100dvh - .5rem)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}