:root{--preview-banner-height:3.5rem;--app-header-height:80px}.app-shell{font-size:16px;line-height:1.5}.app-shell[data-preview=true]{min-height:calc(100dvh - var(--preview-banner-height))}.app-sidebar{background:var(--sidebar);color:var(--sidebar-foreground);scrollbar-width:thin;scrollbar-color:#514a68 transparent;border:0;max-height:calc(100dvh - 3rem);overflow-y:auto}.app-brand{height:var(--app-header-height);border-color:var(--sidebar-border);flex-shrink:0;padding-inline:26px}.app-brand p:first-child{letter-spacing:-.4px;color:#f5f4ff;font-size:16px}.app-brand p:last-child{color:#9c99b5;font-size:14px}.app-shell[data-collapsed=true] .app-brand{justify-content:center;padding-inline:12px}.app-navigation a{color:var(--sidebar-foreground);border-radius:8px;gap:11px;padding:12px;font-size:16px}.app-navigation a:hover{color:var(--sidebar-accent-foreground);background:var(--sidebar-accent)}.app-navigation a[aria-current=page]{color:var(--sidebar-primary-foreground);background:var(--sidebar-primary);font-weight:650;box-shadow:0 5px 20px #0e0a3b20}.app-navigation a:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:3px}.app-sidebar-footer{color:#9c93af;border-color:var(--sidebar-border);letter-spacing:1.4px;text-transform:uppercase;font-size:14px}.app-topbar{height:var(--app-header-height);border-bottom:1px solid var(--border);background:var(--card);padding-inline:36px;position:relative}.app-breadcrumb{display:block}.app-topbar>div:last-child{margin-left:auto}.app-profile .text-sm,.app-logout{font-size:16px}.app-content{width:100%;padding:36px 40px 40px}.app-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:12px 0 5px;display:flex}.app-page-header>div:first-child{flex:360px}.app-eyebrow{color:var(--muted-foreground);letter-spacing:1.65px;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:550;display:flex}.app-eyebrow:before{content:"";background:var(--primary);border-radius:2px;width:5px;height:5px}.app-page-header h1{letter-spacing:-1.5px;color:var(--foreground);font-size:clamp(26px,2.5vw,38px);font-weight:650;line-height:1.2}.app-title-dot{color:var(--primary)}.app-page-description{color:var(--muted-foreground);margin-top:9px;font-size:16px;line-height:1.8}.app-page-actions{max-width:100%}.app-page-actions :is(button,a).bg-primary{background:var(--action);color:var(--action-foreground)}.app-page-actions :is(button,a).bg-primary:hover{opacity:.9}@layer components{:where(.app-content) :where(table:not(.mg-table)){font-size:16px}:where(.app-content) :where(table:not(.mg-table) thead){background:var(--muted);color:var(--muted-foreground)}:where(.app-content) :where(table:not(.mg-table) th){font-size:14px;font-weight:500}:where(.app-content) :where(table:not(.mg-table) tbody tr:hover){background:color-mix(in srgb, var(--secondary) 35%, transparent)}:where(.app-content,[data-slot=dialog-content],[data-slot=alert-dialog-content]) :where(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}:where(.app-content,[data-slot=dialog-content]) :where(select,input,textarea):focus-visible{outline-color:var(--ring)}[data-slot=dialog-content],[data-slot=alert-dialog-content]{background:var(--card);border-color:var(--border);border-radius:16px;box-shadow:0 24px 90px #211f3226}[data-slot=dialog-overlay],[data-slot=alert-dialog-overlay]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#211f3280}[data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content]{border-radius:10px;box-shadow:0 10px 35px #211f3214}[data-slot=tabs-trigger][data-state=active]{color:var(--primary);background:var(--card)}}.auth-page{background:var(--background);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-brand{color:#f5f4ff;background:#163d32;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,100px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";pointer-events:none;border:1px solid #a99af814;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-140px;right:-160px;box-shadow:0 0 0 65px #a99af806,0 0 0 130px #a99af803}.auth-brand-mark{color:#fff;background:#7161ef;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:35px;display:flex}.auth-brand-name{letter-spacing:-2.8px;font-size:clamp(38px,4.5vw,68px);font-weight:550;line-height:1.08}.auth-brand-name span{color:#a99af8}.auth-brand p:last-child{color:#aba8bf;margin-top:24px;font-size:14px}.auth-form-area{justify-content:center;align-items:center;padding:40px 28px;display:flex}.auth-card{border:1px solid var(--border);background:var(--card);border-radius:16px;width:100%;max-width:440px;padding:36px;box-shadow:0 8px 35px #211f3204}.auth-card h1{letter-spacing:-.8px}.auth-card form>button{background:var(--action);color:var(--action-foreground);transition:opacity .15s}.auth-card form>button:hover:not(:disabled){opacity:.9}@media (min-width:1024px){.app-sidebar{width:288px;max-height:100dvh;overflow:visible}.app-shell[data-collapsed=true] .app-sidebar{width:72px}.app-shell[data-preview=true] .app-sidebar{top:var(--preview-banner-height);height:calc(100dvh - var(--preview-banner-height));max-height:calc(100dvh - var(--preview-banner-height))}.app-shell[data-collapsed=true] .app-navigation a{gap:0;padding-inline:0}.app-shell[data-collapsed=true] .app-navigation a>span{white-space:nowrap;max-width:0}.app-navigation{min-height:0;overflow-y:auto}}@media (max-width:1350px){.app-content,.app-topbar{padding-inline:24px}}@media (max-width:767px){.app-content{padding:20px 16px 24px}.app-page-header{gap:16px;padding-top:0}.app-page-header h1{letter-spacing:-1px;font-size:27px}.app-eyebrow{letter-spacing:1px;font-size:14px}.app-page-description{font-size:16px}.app-page-actions{width:100%}.auth-page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.auth-brand{padding:26px 24px}.auth-brand-mark{border-radius:10px;width:36px;height:36px;margin-bottom:14px}.auth-brand-mark svg{width:20px}.auth-brand-name{letter-spacing:-1px;font-size:30px}.auth-brand-name br{display:none}.auth-brand p:last-child{margin-top:10px;font-size:12px}.auth-form-area{padding:24px 16px}.auth-card{padding:26px 22px}}body:has(.app-shell){--text-xs:.875rem;--text-xs--line-height:1.5;--text-sm:1rem;--text-sm--line-height:1.5;--text-base:1.0625rem;--text-base--line-height:1.6;font-size:17px}.app-shell{font-size:17px}.app-sidebar{border-right:1px solid var(--sidebar-border)}.app-navigation{padding:20px 16px}.app-navigation a{min-height:48px;font-size:16px}.app-navigation a>span{white-space:normal;max-width:220px}.app-navigation a>svg{width:20px;height:20px}.app-profile{border:1px solid var(--border);background:var(--secondary);border-radius:10px;padding:8px 12px}.app-profile>span:first-child{width:40px;height:40px}.app-profile .text-sm{font-size:16px}.app-profile .text-xs{font-size:14px}.app-profile>span:last-child{max-width:260px}.app-logout{min-height:44px;font-size:16px}.app-page-header h1{font-size:clamp(30px,2.5vw,38px)}.app-page-description{font-size:17px}.app-metric-card{padding:24px}.app-metric-card>div>div>p:first-child{font-size:16px}.app-metric-card .text-2xl{font-size:32px}.app-data-panel h2{font-size:20px}.app-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}body:has(.app-shell) :is([data-slot=dialog-content],[data-slot=alert-dialog-content]) :is(input,select,textarea){font-size:16px}.app-content :is([data-slot=button],[data-slot=input],[data-slot=select-trigger]){min-height:44px}body:has(.app-shell) :is([data-slot=dialog-content],[data-slot=alert-dialog-content]) :is([data-slot=button],[data-slot=input],[data-slot=select-trigger]){min-height:44px}.app-shell :is(.text-xs,[class~="text-[10px]"],[class~="text-[11px]"],[class~="text-[12px]"]){font-size:14px;line-height:1.5}.app-shell .text-sm{font-size:16px;line-height:1.5}.app-content table:not(.mg-table){font-size:16px}.app-content table:not(.mg-table) th{padding-block:14px;font-size:14px}.app-content table:not(.mg-table) td{padding-block:16px}.app-content .recharts-cartesian-axis-tick-value{fill:var(--muted-foreground);font-size:14px}.app-content .recharts-legend-wrapper{font-size:14px}.app-content .recharts-default-tooltip{font-size:16px}body:has(.app-shell) :is([data-slot=dialog-content],[data-slot=alert-dialog-content],[data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content]){font-size:16px}@media (max-width:1200px) and (min-width:1024px){.app-topbar{padding-inline:24px}.app-topbar .app-breadcrumb{max-width:170px}.app-topbar .app-profile>span:last-child{max-width:160px}}@media (max-width:1023px){.app-mobile-header{gap:8px;height:auto;min-height:76px;padding-block:10px}.app-mobile-header .app-profile{background:0 0;border:0;gap:8px;padding:0}.app-mobile-header .app-profile>span:last-child{max-width:170px}.app-mobile-header .app-logout{min-width:40px;padding:8px;font-size:0;display:inline-flex}.app-sidebar{max-height:calc(100dvh - 76px);top:76px}.app-shell[data-preview=true] .app-mobile-header{top:var(--preview-banner-height)}.app-shell[data-preview=true] .app-sidebar{top:calc(76px + var(--preview-banner-height));max-height:calc(100dvh - 76px - var(--preview-banner-height))}.app-mobile-header>div:last-child{gap:4px}.app-mobile-header>div:last-child>button{min-width:40px;min-height:40px}}@media (max-width:600px){.app-mobile-header .app-profile>span:last-child{max-width:130px}.app-metric-card{padding:18px}.app-metric-card .text-2xl{font-size:28px}}