:root{--cf-page-max:1240px;--cf-page-x:1.25rem;--cf-card-radius:16px;--cf-card-radius-lg:18px;--cf-control-radius:12px;--cf-row-py:.65rem;--cf-card-pad:1rem;--cf-card-pad-lg:1.125rem;--cf-shadow-card-compact:0 8px 22px #0f172a0b;--cf-shadow-hover-compact:0 12px 28px #0f172a12}html,body{min-height:100%}body{background:var(--gradient-page)}.phone-shell,.app-shell{background:var(--gradient-page)!important}.app-shell{color:var(--color-ink)}@media (min-width:1024px){.app-shell{padding-left:232px}.app-shell.sidebar-collapsed{padding-left:76px}.app-shell>section,.app-shell>div>section{width:min(100%, var(--cf-page-max));margin-inline:auto}}.app-shell>section>div:first-child:not(.fixed),.app-shell>div>section>div:first-child:not(.fixed),.app-header{padding-top:.875rem!important;padding-bottom:.75rem!important}@media (min-width:1024px){.app-header{padding-inline:1.25rem!important}}.glass-card,.dashboard-card,[class*="rounded-[24px]"].border,[class*="rounded-[26px]"].border,[class*="rounded-[28px]"].border{border-color:var(--color-line)!important;background-color:color-mix(in srgb, var(--color-bg-surface-elevated) 96%, transparent)!important;box-shadow:var(--cf-shadow-card-compact)!important}.glass-card,.dashboard-card{border-radius:var(--cf-card-radius-lg)!important}.glass-card:not(.p-0),.dashboard-card:not(.p-0){padding:var(--cf-card-pad)!important}@media (min-width:1024px){.glass-card:not(.p-0),.dashboard-card:not(.p-0){padding:var(--cf-card-pad-lg)!important}}.glass-card-hover:hover,.dashboard-hover:hover,button.glass-card:hover{box-shadow:var(--cf-shadow-hover-compact)!important;transform:translateY(-1px)!important}.app-shell h1,.dashboard-screen h1{letter-spacing:-.015em!important;font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)!important;line-height:1.15!important}.app-shell h2,.dashboard-screen h2{font-size:clamp(1.05rem,.98rem + .25vw,1.22rem)!important;line-height:1.25!important}.app-shell h3,.dashboard-screen h3{font-size:1rem!important;line-height:1.3!important}.app-shell p,.app-shell li,.dashboard-screen p,.dashboard-screen li{line-height:1.48!important}.app-shell .text-sm,.dashboard-screen .text-sm{font-size:.875rem!important;line-height:1.45!important}.app-shell .text-xs,.dashboard-screen .text-xs{font-size:.75rem!important;line-height:1.35!important}.app-shell .text-muted,.dashboard-screen .text-muted{color:color-mix(in srgb, var(--color-muted) 88%, var(--color-ink))!important}.tap,button.tap,.app-shell button:not(.unstyled){min-height:38px}.app-shell button[class*=rounded],.app-shell input,.app-shell select,.app-shell textarea{border-radius:var(--cf-control-radius)!important}.app-shell input,.app-shell select,.app-shell textarea,.app-shell label[class*=border]{min-height:40px!important}.app-shell input,.app-shell select,.app-shell textarea{font-size:.875rem!important}.app-shell button[class*=px-4]{padding-inline:.875rem!important}.app-shell button[class*=py-2\.5]{padding-top:.5rem!important;padding-bottom:.5rem!important}.app-shell .bg-success-soft,.dashboard-screen .bg-success-soft{background-color:var(--color-success-soft)!important;color:var(--color-success)!important}.app-shell .bg-warning-soft,.dashboard-screen .bg-warning-soft{background-color:var(--color-warning-soft)!important;color:var(--color-warning)!important}.app-shell .bg-danger-soft,.dashboard-screen .bg-danger-soft{background-color:var(--color-danger-soft)!important;color:var(--color-danger)!important}.app-shell .bg-accent-soft,.dashboard-screen .bg-accent-soft{background-color:var(--color-accent-primary-soft)!important;color:var(--color-primary)!important}.app-shell .rounded-full[class*=px-3],.dashboard-screen .rounded-full[class*=px-3]{letter-spacing:.03em!important;padding-block:.18rem!important;padding-inline:.55rem!important;font-size:.68rem!important}.app-shell table th,.app-shell table td{padding-top:.65rem!important;padding-bottom:.65rem!important}.app-shell [class*=py-5].border-b,.app-shell [class*=py-4].border-b,.app-shell [class*=py-3\.5].border-b,.dashboard-screen [class*=py-5].border-b,.dashboard-screen [class*=py-4].border-b,.dashboard-screen [class*=py-3\.5].border-b{padding-top:var(--cf-row-py)!important;padding-bottom:var(--cf-row-py)!important}.app-shell [class*=space-y-5]{row-gap:1rem!important}.app-shell [class*=gap-5]{gap:1rem!important}.app-shell [class*=gap-6]{gap:1.125rem!important}.app-shell [class*=p-6],.dashboard-screen [class*=p-6],.app-shell [class*=p-5],.dashboard-screen [class*=p-5]{padding:1rem!important}.app-shell [class*=px-8]{padding-left:var(--cf-page-x)!important;padding-right:var(--cf-page-x)!important}.app-shell .my-4.grid.place-items-center,.dashboard-screen .my-4.grid.place-items-center{min-height:150px!important;margin-block:.75rem!important;padding:1rem!important}.app-shell .my-4.grid.place-items-center img,.dashboard-screen .my-4.grid.place-items-center img{max-height:104px!important}.app-shell .animate-pulse.h-28,.dashboard-screen .animate-pulse.h-28{border-radius:14px!important;height:72px!important}@media (min-width:1024px){nav.lg\:top-0{width:232px!important;padding:.9rem .75rem!important}.sidebar-collapsed~nav,nav.lg\:top-0.lg\:w-\[84px\]{width:76px!important}nav.lg\:top-0>div:first-child{padding-bottom:1rem!important}nav.lg\:top-0 button[class*=lg\:min-h-12]{border-radius:14px!important;min-height:42px!important}nav.lg\:top-0 button[class*=lg\:min-h-12] span[class*=h-10]{border-radius:12px!important;width:34px!important;height:34px!important}nav.lg\:top-0 [class*=grid\ h-5]{width:auto!important;min-width:1.05rem!important;height:1.05rem!important;font-size:.62rem!important}nav.lg\:top-0 button[aria-label="Thu gọn sidebar"],nav.lg\:top-0 button[aria-label="Mở rộng sidebar"]{border-radius:999px!important;width:30px!important;height:30px!important;bottom:.45rem!important;right:-20px!important;box-shadow:0 8px 20px #040c1c2e!important}nav.lg\:top-0>div:last-child{gap:.65rem!important;padding-top:.8rem!important}nav.lg\:top-0>div:last-child button[aria-label=Đăng\ xuất]{border-radius:12px!important;min-height:38px!important}nav.lg\:top-0>div:last-child .grid.h-11.w-11{border-radius:12px!important;width:38px!important;height:38px!important}}.app-shell button .block.truncate.text-sm.font-black,.app-shell button p.truncate.text-sm.font-black,.app-shell .settings-title-no-truncate{white-space:normal!important;text-overflow:clip!important;line-height:1.28!important;overflow:visible!important}.app-shell,.dashboard-screen,.glass-card,.dashboard-card{min-width:0}.app-shell img,.dashboard-screen img,.app-shell svg,.dashboard-screen svg{max-width:100%}@media (max-width:767px){:root{--cf-page-x:1rem;--cf-card-pad:.875rem}.app-shell>section>div:first-child:not(.fixed),.app-shell>div>section>div:first-child:not(.fixed){padding-top:.65rem!important}.app-shell h1,.dashboard-screen h1{font-size:1.35rem!important}.glass-card:not(.p-0),.dashboard-card:not(.p-0){padding:.875rem!important}}
@media (min-width:1280px){.calendar-command-row{align-items:stretch}.calendar-command-row>:first-child,.calendar-command-row>:nth-child(2){min-height:148px}.calendar-command-row>:nth-child(2){flex-direction:column;justify-content:center;height:100%;display:flex;overflow:visible}}@media (min-width:1024px){.phone-shell.app-shell:has(>.app-header){padding-left:0!important}.phone-shell.app-shell:has(>.app-header)>section{width:min(100%,1240px);margin-inline:auto}.phone-shell.app-shell:has(>.app-header)>div>section{width:min(100%,1240px);margin-inline:auto}}.fixed.inset-0.z-50,.fixed.inset-0.z-50.grid.place-items-end{overscroll-behavior:contain;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.fixed.inset-0.z-50>[role=dialog],.fixed.inset-0.z-50.grid.place-items-end>[role=dialog]{overscroll-behavior:contain;flex:0 auto;min-height:0;max-height:calc(100dvh - 12px)!important;margin:0!important;overflow-y:auto!important}@media (min-width:640px){.fixed.inset-0.z-50,.fixed.inset-0.z-50.grid.place-items-end{justify-content:center!important;align-items:flex-start!important;padding:0!important}.fixed.inset-0.z-50>[role=dialog],.fixed.inset-0.z-50.grid.place-items-end>[role=dialog]{max-height:calc(100dvh - 48px)!important;bottom:auto!important;left:50%!important;right:auto!important;top:max(24px, env(safe-area-inset-top))!important;width:min(42rem,100vw - 32px)!important;margin:0!important;position:fixed!important;transform:translate(-50%)!important}.fixed.inset-0.z-50>[role=dialog]>:first-child,.fixed.inset-0.z-50.grid.place-items-end>[role=dialog]>:first-child{z-index:10;position:sticky;top:0}}@media (min-width:768px){.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3){max-width:min(960px,100vw - 48px)!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:first-child{min-height:58px;padding:.75rem 1rem!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2){padding:1rem!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem!important;display:grid!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>*{margin-top:0!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:first-child{grid-column:span 12/span 12;min-height:auto;padding:1rem!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:first-child h3{font-size:clamp(1.35rem,1.8vw,1.9rem)!important;line-height:1.12!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:not(:first-child):not(:last-child){grid-column:span 3/span 3;min-height:70px;background:color-mix(in srgb, var(--color-bg-surface-elevated) 76%, var(--color-bg-muted))!important;border-radius:14px!important;padding:.7rem .8rem!important}:is(.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:nth-child(5),.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:nth-child(6),.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:nth-child(9),.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:nth-child(10)){grid-column:span 6/span 6}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:not(:first-child):not(:last-child) p:first-child{letter-spacing:.02em;margin-bottom:.15rem;font-size:.68rem!important;line-height:1.2!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:not(:first-child):not(:last-child) p:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.96rem!important;font-weight:800!important;line-height:1.25!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:last-child{border-top:1px solid var(--color-line);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;padding-top:.25rem;gap:.5rem!important;display:flex!important}.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3)>div:nth-child(2)>.space-y-3>div:last-child button{flex:none;min-height:38px!important}}@media (min-width:1024px) and (min-height:720px){.fixed.inset-0 [role=dialog]:has(>div:nth-child(2)>.space-y-3>div:first-child h3){max-height:calc(100dvh - 72px)!important}}label:has(>span+select){cursor:pointer}label:has(>span+select) select{cursor:pointer}.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;padding:.9rem 1rem!important}.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]>:first-child{min-width:0}.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]>:last-child{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]>:last-child>button{white-space:normal;min-width:0;min-height:42px;padding:.55rem .65rem!important}.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]>:last-child>button>span{line-height:1.15;display:block;text-overflow:clip!important;white-space:normal!important;overflow:visible!important}@media (min-width:760px){.fixed.inset-0.z-50>[role=dialog] [class*="lg:grid-cols-[minmax(240px,1fr)_minmax(460px,1.35fr)]"]>:last-child{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
:root{--font-sans:var(--font-centerflow-body), var(--font-centerflow-fallback), "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-centerflow-heading:var(--font-centerflow-body);--bg-app:#f6f9fe;--bg-page:#f8fbff;--bg-surface:#fff;--bg-surface-soft:#f1f6ff;--bg-elevated:#fff;--bg-sidebar:#071b3a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#7c8aa0;--text-disabled:#a8b3c4;--text-inverse:#fff;--text-link:#2563eb;--text-success:#047857;--text-warning:#b45309;--text-danger:#dc2626;--text-info:#1d4ed8;--border-subtle:#e6edf7;--border-default:#d8e2f0;--border-strong:#bfd0e6;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eaf2ff;--primary-surface:#dbeafe;--secondary:#14b8a6;--secondary-hover:#0f9f90;--secondary-soft:#e6fffb;--accent:#7c3aed;--accent-soft:#f1eaff;--success:#10b981;--success-soft:#e8fff5;--warning:#f59e0b;--warning-soft:#fff7e6;--danger:#ef4444;--danger-soft:#fff1f2;--info:#3b82f6;--info-soft:#eff6ff;--radius-card:18px;--radius-card-lg:22px;--radius-control:12px;--shadow-card:0 10px 28px #0f172a0f;--shadow-card-hover:0 16px 38px #0f172a17;--shadow-elevated:0 20px 54px #0f172a1f;--shadow-popover:0 24px 70px #0f172a2e;--shadow-button:0 12px 26px #2563eb38;--gradient-page:linear-gradient(180deg, var(--bg-page) 0%, var(--bg-app) 48%, #eef5ff 100%);--color-ink:var(--text-primary);--color-muted:var(--text-muted);--color-muted-strong:var(--text-secondary);--color-line:var(--border-subtle);--color-primary:var(--primary);--color-bg-app:var(--bg-app);--color-bg-page:var(--bg-page);--color-bg-sidebar:var(--bg-sidebar);--color-bg-sidebar-active:#ffffff1f;--color-bg-sidebar-icon:#ffffff1a;--color-bg-surface:var(--bg-surface);--color-bg-surface-elevated:var(--bg-elevated);--color-bg-surface-hover:var(--bg-surface-soft);--color-bg-muted:var(--bg-surface-soft);--color-bg-input:#fff;--color-bg-table-header:#f1f6ff;--color-border-subtle:var(--border-subtle);--color-border-strong:var(--border-default);--color-border-sidebar:#ffffff1a;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-sidebar:#f8fafc;--color-text-sidebar-muted:#b9c7db;--color-text-sidebar-active:#fff;--color-text-placeholder:var(--text-subtle);--color-accent-primary:var(--primary);--color-accent-primary-hover:var(--primary-hover);--color-accent-primary-soft:var(--primary-soft);--color-success:var(--text-success);--color-success-strong:var(--text-success);--color-success-soft:var(--success-soft);--color-warning:var(--text-warning);--color-warning-strong:var(--text-warning);--color-warning-soft:var(--warning-soft);--color-danger:var(--text-danger);--color-danger-strong:var(--text-danger);--color-danger-soft:var(--danger-soft);--color-info:var(--text-info);--color-info-strong:var(--text-info);--color-info-soft:var(--info-soft);--color-on-primary:#fff;--color-on-danger:#fff;--surface-education-soft:#eef6ff;--surface-education-card:#fff;--surface-education-highlight:#e6fffb}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#07111f;--bg-page:#091527;--bg-surface:#0f1b2e;--bg-surface-soft:#14233a;--bg-elevated:#182843;--bg-sidebar:#07111f;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--text-link:#93c5fd;--text-success:#6ee7b7;--text-warning:#fcd34d;--text-danger:#fda4af;--text-info:#bfdbfe;--border-subtle:#94a3b824;--border-default:#94a3b838;--border-strong:#bfdbfe52;--primary:#7ca7ff;--primary-hover:#a8c4ff;--primary-soft:#2563eb2e;--primary-surface:#3b82f638;--secondary:#5eead4;--secondary-hover:#99f6e4;--secondary-soft:#14b8a629;--accent:#c4b5fd;--accent-soft:#7c3aed2e;--success:#6ee7b7;--success-soft:#10b98129;--warning:#fcd34d;--warning-soft:#f59e0b29;--danger:#fda4af;--danger-soft:#ef444429;--info:#bfdbfe;--info-soft:#3b82f629;--shadow-card:0 12px 30px #0003;--shadow-card-hover:0 18px 42px #00000047;--shadow-elevated:0 24px 64px #00000057;--shadow-button:0 14px 30px #2563eb38;--gradient-page:linear-gradient(180deg, var(--bg-page) 0%, var(--bg-app) 100%);--color-bg-input:#111f34;--color-bg-table-header:#14233a;--color-bg-sidebar-active:#7ca7ff24;--color-bg-sidebar-icon:#7ca7ff24;--color-text-sidebar-muted:#cbd5e1;--color-on-primary:#07111f;--color-on-danger:#280a10;--surface-education-soft:#14233a;--surface-education-card:#0f1b2e;--surface-education-highlight:#14b8a629}html{background:var(--bg-app);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gradient-page);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);font-feature-settings:"tnum" 1, "cv02" 1, "cv03" 1, "cv04" 1;font-variant-numeric:tabular-nums}::selection{background:var(--primary-surface);color:var(--text-primary)}::placeholder{color:var(--text-subtle)!important;opacity:1!important}.phone-shell,.app-shell,.public-page{color:var(--text-primary);font-family:var(--font-sans);background:var(--gradient-page)!important}.text-ink,.text-text-primary{color:var(--text-primary)!important}.text-muted,.text-text-muted{color:var(--text-muted)!important}.text-text-secondary{color:var(--text-secondary)!important}.bg-surface,.bg-surface-elevated,.glass-card,.dashboard-card{background-color:var(--bg-elevated)!important}.bg-surface-muted{background-color:var(--bg-surface-soft)!important}.border-line,.border-border-subtle{border-color:var(--border-subtle)!important}.border-border-strong{border-color:var(--border-default)!important}.glass-card,.dashboard-card,.app-shell [class*="rounded-[20px]"].border,.app-shell [class*="rounded-[22px]"].border,.app-shell [class*="rounded-[24px]"].border,.app-shell [class*="rounded-[26px]"].border,.app-shell [class*="rounded-[28px]"].border,.app-shell [class*="rounded-[30px]"].border{border-color:var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}.glass-card,.dashboard-card{border-radius:var(--radius-card)!important}.glass-card-hover:hover,.dashboard-hover:hover,.cf-card-hover:hover,button.glass-card:hover{border-color:var(--border-default)!important;box-shadow:var(--shadow-card-hover)!important;transform:translateY(-2px)!important}.app-shell h1,.dashboard-screen h1,.cf-page-title{font-family:var(--font-sans);color:var(--text-primary)!important;letter-spacing:0!important;font-size:clamp(1.625rem,1.24rem + 1vw,2.25rem)!important;font-weight:700!important;line-height:1.18!important}.app-shell h2,.dashboard-screen h2,.cf-section-title{color:var(--text-primary)!important;letter-spacing:0!important;font-size:clamp(1.25rem,1.08rem + .44vw,1.5rem)!important;font-weight:700!important;line-height:1.25!important}.app-shell h3,.dashboard-screen h3,.cf-card-title{color:var(--text-primary)!important;font-size:clamp(1.0625rem,1rem + .18vw,1.25rem)!important;font-weight:700!important;line-height:1.3!important}.app-shell p,.app-shell li,.dashboard-screen p,.dashboard-screen li{color:inherit;line-height:1.58!important}.app-shell .text-base,.dashboard-screen .text-base{font-size:1rem!important;line-height:1.58!important}.app-shell .text-sm,.dashboard-screen .text-sm{font-size:.9375rem!important;line-height:1.55!important}.app-shell .text-xs,.dashboard-screen .text-xs,.app-shell [class*="text-[10px]"],.dashboard-screen [class*="text-[10px]"],.app-shell [class*="text-[11px]"],.dashboard-screen [class*="text-[11px]"]{font-size:.8125rem!important;line-height:1.45!important}.app-shell [class*="text-[9px]"],.dashboard-screen [class*="text-[9px]"]{font-size:.75rem!important;line-height:1.35!important}.app-shell .font-black,.dashboard-screen .font-black{font-weight:700!important}.app-shell [class*=uppercase],.dashboard-screen [class*=uppercase]{letter-spacing:.04em!important}.app-shell [class*=text-muted\/],.dashboard-screen [class*=text-muted\/]{color:var(--text-muted)!important}.tabular-nums,.metric-value,.money-value,.app-shell [class*=whitespace-nowrap],.dashboard-screen [class*=whitespace-nowrap]{font-variant-numeric:tabular-nums}.money-value,.app-shell td,.app-shell th{overflow-wrap:normal}.tap,button.tap,.app-shell button:not(.unstyled),.public-page button:not(.unstyled),.app-shell a[class*=min-h],.public-page a[class*=min-h]{min-height:40px}.app-shell input,.app-shell select,.app-shell textarea,.public-page input,.public-page select,.public-page textarea{color:var(--text-primary)!important;border-color:var(--border-default)!important;background-color:var(--color-bg-input)!important;font-size:.9375rem!important}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus,.public-page input:focus,.public-page select:focus,.public-page textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)!important}.app-shell button:focus-visible,.public-page button:focus-visible,.app-shell a:focus-visible,.public-page a:focus-visible{outline-offset:3px;outline:3px solid color-mix(in srgb, var(--primary) 36%, transparent)!important}.app-shell button:disabled,.public-page button:disabled{color:var(--text-disabled)!important;opacity:1!important;box-shadow:none!important}.app-shell .rounded-full[class*=px-2],.app-shell .rounded-full[class*=px-3],.dashboard-screen .rounded-full[class*=px-2],.dashboard-screen .rounded-full[class*=px-3]{padding-block:.35rem!important;font-size:.8125rem!important;line-height:1.3!important}.app-shell .bg-success-soft,.dashboard-screen .bg-success-soft{background-color:var(--success-soft)!important;color:var(--text-success)!important}.app-shell .bg-warning-soft,.dashboard-screen .bg-warning-soft{background-color:var(--warning-soft)!important;color:var(--text-warning)!important}.app-shell .bg-danger-soft,.dashboard-screen .bg-danger-soft{background-color:var(--danger-soft)!important;color:var(--text-danger)!important}.app-shell .bg-info-soft,.dashboard-screen .bg-info-soft,.app-shell .bg-accent-soft,.dashboard-screen .bg-accent-soft{color:var(--text-info)!important}.public-page .font-black{font-weight:700!important}.public-page .text-xs,.public-page [class*="text-[10px]"],.public-page [class*="text-[11px]"]{font-size:.8125rem!important;line-height:1.45!important}.app-shell table th,.app-shell table td{color:var(--text-secondary);font-size:.9375rem}.app-shell table th{color:var(--text-primary);font-weight:700}.public-page h1,.public-page h2,.public-page h3{font-family:var(--font-sans);letter-spacing:0!important}.public-page h1{font-weight:700;line-height:1.08}.public-page p,.public-page li{line-height:1.62}@media (min-width:1024px){nav.lg\:top-0 button p.truncate,nav.lg\:top-0 button span.truncate{font-size:.9375rem!important;font-weight:600!important}nav.lg\:top-0 [class*=grid\ h-5]{font-size:.75rem!important}}@media (max-width:767px){.app-shell h1,.dashboard-screen h1,.cf-page-title{font-size:1.625rem!important}.app-shell h2,.dashboard-screen h2,.cf-section-title{font-size:1.25rem!important}.app-shell .text-xs,.dashboard-screen .text-xs{font-size:.8125rem!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.landing-page>section:first-of-type .cf-reveal.min-h-\[360px\] .min-h-\[330px\]>div:nth-of-type(n+4){display:none!important}.landing-page>section:first-of-type .cf-reveal.min-h-\[360px\] .min-h-\[330px\]{box-shadow:inset 0 0 0 1px #ffffff0e}.landing-page .cf-product-frame{width:100%;max-width:720px;border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-border-subtle))!important;background:linear-gradient(135deg,#fffffffa,#ecf9fff5)!important;box-shadow:0 24px 70px #2563eb1f,inset 0 0 0 1px #ffffffc7!important}.landing-page .cf-product-frame>div:first-child{background:radial-gradient(circle at 18% 8%,#2563eb1f,#0000 16rem),radial-gradient(circle at 82% 4%,#0d948817,#0000 15rem),linear-gradient(135deg,#2563eb0b,#0d94880a)!important}.theme-dark .landing-page .cf-product-frame{background:linear-gradient(135deg,#0b2a63 0%,#10245a 100%)!important;border-color:#ffffff26!important;box-shadow:0 24px 70px #00000042!important}.theme-dark .landing-page .cf-product-frame>div:first-child{background:radial-gradient(circle at 18% 8%,#5eead433,#0000 16rem),linear-gradient(135deg,#2563eb1f,#0d948814)!important}@media (min-width:1024px){.landing-page .cf-product-frame{max-width:660px}}@media (min-width:1180px){.landing-page .cf-product-frame{max-width:720px}}.landing-page #showcase .grid:has(.cf-product-frame){max-width:780px;margin-inline:auto;display:block!important}.landing-page #showcase .cf-reveal:has(.cf-product-frame){display:none!important}.landing-page .cf-product-frame [class*="118px_88px"]{-moz-column-gap:.75rem!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:.5rem .75rem!important}.landing-page .cf-product-frame [class*="118px_88px"]>div{grid-column:1;min-width:0}.landing-page .cf-product-frame [class*="118px_88px"]>span{white-space:normal;grid-column:1;justify-self:start;max-width:min(100%,13rem);line-height:1.25}.landing-page .cf-product-frame [class*="118px_88px"]>p:last-child{white-space:nowrap;grid-area:1/2/span 2;place-self:center end}@media (max-width:520px){.landing-page .cf-product-frame [class*="118px_88px"]{grid-template-columns:1fr!important}.landing-page .cf-product-frame [class*="118px_88px"]>p:last-child{grid-area:auto/1;justify-self:start}}.landing-page #pricing dl>div:nth-child(3),.landing-page #pricing .cf-reveal.mt-5>div:first-child>span,.landing-page #pricing .cf-reveal.mt-5>div:first-child p{display:none!important}.landing-page>section:first-of-type .cf-reveal.max-w-\[640px\]:after{content:"CenterFlow xây sản phẩm với tinh thần cầu thị: lắng nghe góp ý thật từ các trung tâm, hỗ trợ sát trong giai đoạn dùng thử và liên tục cập nhật công nghệ AI mới để quản lý ngày càng nhàn hơn.";border:1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border-subtle));background:linear-gradient(135deg, #2563eb14, #0d948814), color-mix(in srgb, var(--color-bg-surface-elevated) 92%, transparent);max-width:38rem;color:var(--color-text-primary);border-radius:1.5rem;margin-top:1rem;padding:.95rem 1rem;font-size:.9rem;font-weight:800;line-height:1.65;display:block;box-shadow:0 16px 36px #2563eb1a}.theme-dark .landing-page>section:first-of-type .cf-reveal.max-w-\[640px\]:after{background:linear-gradient(135deg, #7aa2ff24, #5eead41a), color-mix(in srgb, var(--color-bg-surface-elevated) 88%, transparent);box-shadow:0 18px 42px #00000047}.landing-page #contact .cf-reveal.mb-6:after{content:"Góp ý càng thật, CenterFlow càng update sát nghiệp vụ: từ import dữ liệu, học phí, điểm danh đến các tính năng AI giúp giảm việc lặp lại cho quản lý.";border:1px solid color-mix(in srgb, var(--color-success) 22%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-bg-surface-elevated) 88%, transparent);max-width:46rem;color:var(--color-text-primary);border-radius:1.25rem;margin-top:1rem;padding:.8rem .95rem;font-size:.86rem;font-weight:800;line-height:1.6;display:block}@media (max-width:640px){.landing-page>section:first-of-type .cf-reveal.max-w-\[640px\]:after,.landing-page #contact .cf-reveal.mb-6:after{padding:.8rem .85rem;font-size:.82rem;line-height:1.55}}
.app-shell .nav-mobile-item{min-height:52px!important}@media (min-width:640px){.app-shell .nav-mobile-item{min-height:56px!important}}.app-shell .nav-mobile-active{background-color:var(--primary-soft)!important;color:var(--primary)!important}.app-shell .nav-mobile-inactive{color:var(--text-muted)!important}.theme-dark .app-shell .nav-mobile-active{background-color:var(--primary-surface)!important;color:var(--primary-hover)!important}.app-shell .nav-more-menu{color:var(--text-primary)}.app-shell .nav-more-menu button{min-height:48px!important}.theme-dark .app-shell .nav-more-menu{background-color:var(--bg-elevated)!important;border-color:var(--border-default)!important}@media (min-width:1024px){.app-shell .cf-bottom-nav button[data-active=true][aria-current=page]{color:#0b1b3d!important;box-shadow:inset 4px 0 0 0 var(--color-accent-primary), inset 0 1px 0 #ffffffe6, 0 16px 34px #040c1c3d!important;background:linear-gradient(135deg,#fffffffa,#e8f4fff0)!important;border:1px solid #ffffffad!important}.app-shell .cf-bottom-nav button[data-active=true][aria-current=page]:hover{color:#0b1b3d!important;background:linear-gradient(135deg,#fff,#eef7fffa)!important}.app-shell .cf-bottom-nav button[data-active=true][aria-current=page]>span>span:first-child{background:color-mix(in srgb, var(--color-accent-primary) 14%, #fff)!important;border:1px solid color-mix(in srgb, var(--color-accent-primary) 26%, transparent)!important;color:var(--color-accent-primary)!important;box-shadow:0 10px 22px #2563eb29!important}.theme-dark .app-shell .cf-bottom-nav button[data-active=true][aria-current=page]{color:#f8fbff!important;box-shadow:inset 4px 0 0 0 var(--color-accent-primary), inset 0 1px 0 #ffffff1f, 0 16px 36px #00000057, 0 0 0 1px #7aa2ff1f!important;background:linear-gradient(135deg,#8fb5ff42,#67e8f929)!important;border-color:#bfdbfe4d!important}.theme-dark .app-shell .cf-bottom-nav button[data-active=true][aria-current=page]:hover{color:#fff!important;background:linear-gradient(135deg,#a1c2ff52,#67e8f933)!important}.theme-dark .app-shell .cf-bottom-nav button[data-active=true][aria-current=page]>span>span:first-child{color:var(--color-accent-primary-hover)!important;background:#8fb5ff29!important;border-color:#bfdbfe33!important;box-shadow:0 10px 24px #2563eb33!important}.app-shell nav[class*=lg\:top-0]>div:last-child p:first-child{color:var(--color-text-sidebar)!important}.app-shell nav[class*=lg\:top-0]>div:last-child p:last-child{color:var(--color-text-sidebar-muted)!important}.app-shell nav[class*=lg\:top-0]>div:last-child>div{gap:.75rem}.app-shell nav[class*=lg\:top-0]>div:last-child>div>div:first-child{min-width:0}}
html{scroll-behavior:smooth}.blog-heading-anchor{scroll-margin-top:104px}.blog-heading-anchor a{color:inherit;align-items:baseline;gap:.5rem;text-decoration:none;display:inline-flex}.blog-heading-anchor a span{color:var(--color-primary);opacity:0;font-size:.9em;transition:opacity .18s,transform .18s;transform:translateY(-1px)}.blog-heading-anchor:hover a span,.blog-heading-anchor:focus-within a span{opacity:1;transform:translateY(0)}.blog-content .blog-heading-anchor a:hover{color:var(--color-primary)}.blog-content :target{animation:1.2s ease-out blog-target-pulse}@keyframes blog-target-pulse{0%{background:color-mix(in srgb, var(--color-accent-primary-soft) 78%, transparent);box-shadow:0 0 0 10px color-mix(in srgb, var(--color-primary) 10%, transparent)}to{background:0 0;box-shadow:0 0 #0000}}.theme-dark .blog-heading-anchor a span{color:color-mix(in srgb, var(--color-primary) 78%, white)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-content :target{animation:none}}
.app-shell .cf-admissions-drawer,.app-shell .fixed.inset-0 aside,.app-shell .fixed.inset-y-0.right-0 aside{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg-elevated)!important;color:var(--text-primary)!important}.theme-dark .app-shell .cf-admissions-drawer,.theme-dark .app-shell .fixed.inset-0 aside,.theme-dark .app-shell .fixed.inset-y-0.right-0 aside{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell .cf-admissions-drawer>.sticky,.app-shell .fixed.inset-0 aside>.sticky,.app-shell .fixed.inset-y-0.right-0 aside>.sticky{background:color-mix(in srgb, var(--bg-elevated) 94%, transparent)!important;color:var(--text-primary)!important}.app-shell .cf-admissions-drawer h2,.app-shell .cf-admissions-drawer h3,.app-shell .cf-admissions-drawer label,.app-shell .cf-admissions-drawer button[aria-label=Đóng],.app-shell .fixed.inset-0 aside h2,.app-shell .fixed.inset-0 aside h3,.app-shell .fixed.inset-0 aside label,.app-shell .fixed.inset-0 aside button[aria-label=Đóng],.app-shell .fixed.inset-y-0.right-0 aside h2,.app-shell .fixed.inset-y-0.right-0 aside h3,.app-shell .fixed.inset-y-0.right-0 aside label,.app-shell .fixed.inset-y-0.right-0 aside button[aria-label=Đóng]{color:var(--text-primary)!important}.app-shell .cf-admissions-drawer input,.app-shell .cf-admissions-drawer select,.app-shell .cf-admissions-drawer textarea,.app-shell .fixed.inset-0 aside input,.app-shell .fixed.inset-0 aside select,.app-shell .fixed.inset-0 aside textarea,.app-shell .fixed.inset-y-0.right-0 aside input,.app-shell .fixed.inset-y-0.right-0 aside select,.app-shell .fixed.inset-y-0.right-0 aside textarea{caret-color:var(--primary);background-color:var(--color-bg-input)!important;color:var(--text-primary)!important}.app-shell .cf-admissions-drawer input::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .cf-admissions-drawer textarea::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .fixed.inset-0 aside input::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .fixed.inset-0 aside textarea::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .fixed.inset-y-0.right-0 aside input::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .fixed.inset-y-0.right-0 aside textarea::-moz-placeholder{color:var(--text-subtle)!important}.app-shell .cf-admissions-drawer input::placeholder,.app-shell .cf-admissions-drawer textarea::placeholder,.app-shell .fixed.inset-0 aside input::placeholder,.app-shell .fixed.inset-0 aside textarea::placeholder,.app-shell .fixed.inset-y-0.right-0 aside input::placeholder,.app-shell .fixed.inset-y-0.right-0 aside textarea::placeholder{color:var(--text-subtle)!important}.app-shell input[type=date],.app-shell input[type=datetime-local],.app-shell input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:16px;min-height:48px;font-weight:700;background-color:var(--color-bg-input)!important;color:var(--text-primary)!important}.theme-dark .app-shell input[type=date],.theme-dark .app-shell input[type=datetime-local],.theme-dark .app-shell input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell input[type=date]::-webkit-datetime-edit{color:var(--text-primary);padding-block:0}.app-shell input[type=datetime-local]::-webkit-datetime-edit{color:var(--text-primary);padding-block:0}.app-shell input[type=time]::-webkit-datetime-edit{color:var(--text-primary);padding-block:0}.app-shell input[type=date]::-webkit-datetime-edit-fields-wrapper{color:var(--text-primary)}.app-shell input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{color:var(--text-primary)}.app-shell input[type=time]::-webkit-datetime-edit-fields-wrapper{color:var(--text-primary)}.app-shell input[type=date]::-webkit-datetime-edit-text{color:var(--text-muted);padding-inline:.08rem}.app-shell input[type=datetime-local]::-webkit-datetime-edit-text{color:var(--text-muted);padding-inline:.08rem}.app-shell input[type=time]::-webkit-datetime-edit-text{color:var(--text-muted);padding-inline:.08rem}.app-shell input[type=date]::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 12%, transparent);cursor:pointer;opacity:1;border-radius:9999px;width:1.3rem;height:1.3rem;margin-left:.4rem;padding:.28rem}.app-shell input[type=datetime-local]::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 12%, transparent);cursor:pointer;opacity:1;border-radius:9999px;width:1.3rem;height:1.3rem;margin-left:.4rem;padding:.28rem}.app-shell input[type=time]::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 12%, transparent);cursor:pointer;opacity:1;border-radius:9999px;width:1.3rem;height:1.3rem;margin-left:.4rem;padding:.28rem}.app-shell input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 20%, transparent)}.app-shell input[type=datetime-local]:focus::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 20%, transparent)}.app-shell input[type=time]:focus::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb, var(--primary) 20%, transparent)}@supports selector(input::-webkit-calendar-picker-indicator){.app-shell input[type=date],.app-shell input[type=datetime-local],.app-shell input[type=time]{padding-right:.75rem}}.app-shell button[class*="grid-cols-[44px_1fr_auto]"]{align-items:flex-start!important}.app-shell button[class*="grid-cols-[44px_1fr_auto]"] .truncate{overflow-wrap:anywhere;word-break:normal;text-overflow:clip!important;white-space:normal!important;overflow:visible!important}.app-shell button[class*="grid-cols-[44px_1fr_auto]"] .text-sm.truncate{line-height:1.3!important}.app-shell button[class*="grid-cols-[44px_1fr_auto]"] .text-xs.truncate{line-height:1.35!important}.app-shell button[class*="grid-cols-[44px_1fr_auto]"] span.flex.items-center.gap-2>span.rounded-full{display:none!important}.app-shell [class*=rounded-]>p{overflow-wrap:anywhere;word-break:normal}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cf-primary-blue:#2563eb;--cf-flow-cyan:#06b6d4;--cf-teal-accent:#10b981;--cf-indigo:#4f46e5;--cf-soft-indigo:#6366f1;--cf-warm-amber:#f59e0b;--cf-success-green:#16a34a;--cf-error-red:#ef4444;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--text-disabled:#9aa7b8;--text-success:#047857;--text-warning:#b45309;--text-danger:#dc2626;--text-info:#1d4ed8;--text-inverse:#fff;--bg-page:#fbfdff;--bg-app:#f3f8ff;--bg-surface:#ffffffe0;--bg-surface-soft:#eef6ff;--bg-elevated:#fffffff5;--bg-sidebar:#0f2a57;--bg-input:#fffffff0;--border-subtle:#2563eb21;--border-default:#2563eb33;--border-strong:#2563eb4d;--primary:var(--cf-primary-blue);--primary-hover:#1d4ed8;--primary-soft:#2563eb1a;--primary-surface:#2563eb29;--secondary:var(--cf-flow-cyan);--secondary-soft:#06b6d41f;--accent:var(--cf-teal-accent);--accent-soft:#10b9811f;--success:var(--cf-success-green);--success-soft:#16a34a1f;--warning:var(--cf-warm-amber);--warning-soft:#f59e0b24;--danger:var(--cf-error-red);--danger-soft:#ef44441f;--info:var(--cf-primary-blue);--info-soft:#2563eb1a;--cf-gradient-primary-flow:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--cf-gradient-calm-future:linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--cf-gradient-indigo-air:linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--cf-gradient-warm-signal:linear-gradient(135deg, #f59e0b 0%, #fb7185 100%);--cf-gradient-success-glow:linear-gradient(135deg, #16a34a 0%, #22d3ae 100%);--gradient-page:radial-gradient(circle at 10% -10%, #2563eb1f, transparent 30rem), radial-gradient(circle at 82% -12%, #06b6d421, transparent 28rem), radial-gradient(circle at 95% 18%, #10b98114, transparent 22rem), linear-gradient(180deg, #fbfdff 0%, #f3f8ff 46%, #edfafa 100%);--gradient-primary:var(--cf-gradient-primary-flow);--gradient-brand:var(--cf-gradient-primary-flow);--gradient-aqua:linear-gradient(145deg, #eff6ffeb, #ecfdfdc7);--gradient-brand-signal:linear-gradient(135deg, #2563eb21, #06b6d424 52%, #10b9811a);--shadow-card:0 14px 38px #0f172a12;--shadow-soft:var(--shadow-card);--shadow-card-hover:0 20px 48px #0f172a1a, 0 0 0 1px #2563eb1a;--shadow-elevated:var(--shadow-card-hover);--shadow-popover:0 26px 72px #0f172a2e;--shadow-button:0 14px 30px #2563eb38, 0 10px 22px #06b6d424;--shadow-lift:var(--shadow-card-hover);--radius-card:20px;--radius-card-lg:24px;--radius-control:14px;--color-ink:var(--text-primary);--color-muted:var(--text-muted);--color-muted-strong:var(--text-secondary);--color-line:var(--border-subtle);--color-primary:var(--primary);--color-cyan:var(--secondary);--color-bg-app:var(--bg-app);--color-bg-page:var(--bg-page);--color-bg-sidebar:var(--bg-sidebar);--color-bg-sidebar-active:#ffffff26;--color-bg-sidebar-hover:#ffffff17;--color-bg-sidebar-icon:#ffffff21;--color-bg-surface:var(--bg-surface);--color-bg-surface-elevated:var(--bg-elevated);--color-bg-surface-hover:#eff6ffeb;--color-bg-muted:var(--bg-surface-soft);--color-bg-input:var(--bg-input);--color-bg-table-header:#eff6ffe0;--color-bg-table-row:#ffffffeb;--color-bg-table-row-alt:#f8fbffeb;--color-bg-table-row-hover:#e5f6ffdb;--color-bg-table-row-selected:#2563eb1a;--color-border-subtle:var(--border-subtle);--color-border-strong:var(--border-default);--color-border-focus:#2563eb7a;--color-border-sidebar:#ffffff21;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-placeholder:var(--text-subtle);--color-text-disabled:var(--text-disabled);--color-text-sidebar:#f8fafc;--color-text-sidebar-muted:#d7e2f4;--color-text-sidebar-active:#fff;--color-accent-primary:var(--primary);--color-accent-primary-hover:var(--primary-hover);--color-accent-primary-soft:var(--primary-soft);--color-success:var(--text-success);--color-success-strong:#065f46;--color-success-soft:var(--success-soft);--color-warning:var(--text-warning);--color-warning-strong:#92400e;--color-warning-soft:var(--warning-soft);--color-danger:var(--text-danger);--color-danger-strong:#b91c1c;--color-danger-soft:var(--danger-soft);--color-info:var(--text-info);--color-info-strong:#1e40af;--color-info-soft:var(--info-soft);--color-purple:var(--cf-indigo);--color-on-primary:#fff;--color-on-danger:#fff;--surface-page:var(--bg-app);--surface-page-2:var(--bg-page);--surface-card:var(--bg-surface);--surface-card-strong:var(--bg-elevated);--surface-education-soft:#2563eb14;--surface-education-card:#fffffff0;--surface-education-highlight:#10b9811c}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#f8fbff;--text-secondary:#d7e4f7;--text-muted:#b8c7de;--text-subtle:#8ea3bf;--text-disabled:#6f8199;--text-success:#99f6e4;--text-warning:#fde68a;--text-danger:#fecdd3;--text-info:#bfdbfe;--bg-page:#111936;--bg-app:#0f1c37;--bg-surface:#111936d1;--bg-surface-soft:#1e3059bd;--bg-elevated:#142143eb;--bg-sidebar:#0b1630;--bg-input:#0f1d39f0;--border-subtle:#bfdbfe2e;--border-default:#bfdbfe42;--border-strong:#7dd3fc5c;--primary:#8fb5ff;--primary-hover:#bfd6ff;--primary-soft:#8fb5ff29;--primary-surface:#8fb5ff38;--secondary:#67e8f9;--secondary-soft:#67e8f924;--accent:#5eead4;--accent-soft:#5eead424;--success:#99f6e4;--success-soft:#5eead424;--warning:#fde68a;--warning-soft:#fde68a24;--danger:#fecdd3;--danger-soft:#fecdd324;--info:#bfdbfe;--info-soft:#bfdbfe24;--gradient-page:radial-gradient(circle at 12% -12%, #7aa2ff33, transparent 28rem), radial-gradient(circle at 86% -8%, #22d3ee29, transparent 30rem), radial-gradient(circle at 92% 24%, #10b98114, transparent 24rem), linear-gradient(180deg, #111936 0%, #0f1c37 48%, #0b2035 100%);--gradient-primary:linear-gradient(135deg, #2563eb 0%, #22d3ee 100%);--gradient-brand:linear-gradient(135deg, #1d4ed8 0%, #22d3ee 100%);--gradient-aqua:linear-gradient(145deg, #2563eb2e, #06b6d41f);--gradient-brand-signal:linear-gradient(135deg, #8fb5ff33, #67e8f921 52%, #5eead41a);--shadow-card:0 16px 42px #03091857;--shadow-card-hover:0 24px 58px #0309186b, 0 0 0 1px #22d3ee24;--shadow-button:0 16px 34px #2563eb47, 0 10px 28px #06b6d42e;--shadow-popover:0 28px 80px #00000085;--color-on-primary:#fff;--color-on-danger:#fff;--surface-page-2:#111936}html,body,.phone-shell,.app-shell,.public-page,.landing-page,.auth-page{color:var(--text-primary);background:var(--gradient-page)!important}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 16%, color-mix(in srgb, var(--secondary) 10%, transparent), transparent 18rem), radial-gradient(circle at 94% 8%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 22rem);position:fixed;inset:0}.app-shell h1,.dashboard-screen h1,.public-page h1,.landing-page h1,.cf-page-title{text-wrap:balance;color:var(--text-primary)!important;letter-spacing:-.018em!important;font-weight:800!important}.app-shell h2,.dashboard-screen h2,.public-page h2,.landing-page h2,.cf-section-title{text-wrap:balance;color:var(--text-primary)!important;letter-spacing:-.012em!important;font-weight:700!important}.app-shell h3,.dashboard-screen h3,.public-page h3,.landing-page h3,.cf-card-title{color:var(--text-primary)!important;font-weight:700!important}.app-shell p,.app-shell li,.dashboard-screen p,.dashboard-screen li,.public-page p,.public-page li,.landing-page p,.landing-page li{overflow-wrap:anywhere}.app-shell .text-muted,.dashboard-screen .text-muted,.public-page .text-muted,.landing-page .text-muted,.app-shell .text-slate-500,.app-shell .text-slate-600,.app-shell .text-slate-700,.dashboard-screen .text-slate-500,.dashboard-screen .text-slate-600,.dashboard-screen .text-slate-700,.public-page .text-slate-500,.public-page .text-slate-600,.public-page .text-slate-700{color:var(--text-muted)!important}.app-shell .text-ink,.dashboard-screen .text-ink,.public-page .text-ink,.landing-page .text-ink,.app-shell .text-slate-800,.app-shell .text-slate-900,.app-shell .text-slate-950,.dashboard-screen .text-slate-800,.dashboard-screen .text-slate-900,.dashboard-screen .text-slate-950,.public-page .text-slate-800,.public-page .text-slate-900,.public-page .text-slate-950{color:var(--text-primary)!important}.glass-card,.dashboard-card,.auth-card,.app-shell .bg-surface,.app-shell .bg-surface-elevated,.public-page .bg-surface,.public-page .bg-surface-elevated,.landing-page article,.landing-page form,.landing-page footer,.public-page article,.app-shell [class*="rounded-[20px]"].border,.app-shell [class*="rounded-[22px]"].border,.app-shell [class*="rounded-[24px]"].border,.app-shell [class*="rounded-[26px]"].border,.app-shell [class*="rounded-[28px]"].border,.app-shell [class*="rounded-[30px]"].border{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--border-subtle)!important;background:linear-gradient(145deg, var(--bg-elevated), var(--bg-surface))!important;color:var(--text-primary)!important;box-shadow:var(--shadow-card)!important}.glass-card-hover:hover,.dashboard-hover:hover,.cf-card-hover:hover,button.glass-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--border-subtle))!important;box-shadow:var(--shadow-card-hover)!important}.app-shell .bg-surface-muted,.public-page .bg-surface-muted,.app-shell .bg-blue-50,.app-shell .bg-sky-50,.app-shell .bg-slate-50,.public-page .bg-blue-50,.public-page .bg-sky-50,.public-page .bg-slate-50,.landing-page .bg-blue-50,.landing-page .bg-accent-soft{background:var(--gradient-aqua)!important;color:var(--text-primary)!important}.app-shell .bg-white,.app-shell .bg-white\/70,.app-shell .bg-white\/80,.app-shell .bg-white\/85,.app-shell .bg-white\/90,.app-shell .bg-white\/95,.public-page .bg-white,.public-page .bg-white\/80,.public-page .bg-white\/90,.landing-page .bg-white{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.app-shell input,.app-shell select,.app-shell textarea,.public-page input,.public-page select,.public-page textarea,.auth-input{min-width:0;caret-color:var(--primary);border-color:var(--border-default)!important;background:var(--bg-input)!important;color:var(--text-primary)!important}.app-shell input::-moz-placeholder{color:var(--text-subtle)!important}.app-shell textarea::-moz-placeholder{color:var(--text-subtle)!important}.public-page input::-moz-placeholder{color:var(--text-subtle)!important}.public-page textarea::-moz-placeholder{color:var(--text-subtle)!important}.auth-input::-moz-placeholder{color:var(--text-subtle)!important}.app-shell input::placeholder,.app-shell textarea::placeholder,.public-page input::placeholder,.public-page textarea::placeholder,.auth-input::placeholder{color:var(--text-subtle)!important}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus,.public-page input:focus,.public-page select:focus,.public-page textarea:focus,.auth-input:focus{border-color:var(--color-border-focus)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)!important}.app-shell button[class*=bg-primary],.public-page button[class*=bg-primary],.landing-page button[class*=bg-primary],.app-shell a[class*=bg-primary],.public-page a[class*=bg-primary],.app-shell .shadow-button,.public-page .shadow-button,.auth-page .auth-tab-active{background:var(--cf-gradient-primary-flow)!important;color:var(--color-on-primary)!important;box-shadow:var(--shadow-button)!important;border-color:#0000!important}.app-shell button[class*=bg-primary] *,.public-page button[class*=bg-primary] *,.landing-page button[class*=bg-primary] *,.app-shell a[class*=bg-primary] *,.public-page a[class*=bg-primary] *{color:inherit!important}.app-shell button[class*=border-primary],.public-page button[class*=border-primary],.landing-page button[class*=border-primary],.app-shell a[class*=border-primary],.public-page a[class*=border-primary]{border-color:color-mix(in srgb, var(--primary) 46%, transparent)!important;background:color-mix(in srgb, var(--bg-elevated) 86%, transparent)!important;color:var(--primary)!important}.theme-dark .app-shell button[class*=border-primary],.theme-dark .public-page button[class*=border-primary],.theme-dark .landing-page button[class*=border-primary]{color:var(--primary-hover)!important}.app-shell .bg-success-soft,.dashboard-screen .bg-success-soft,.public-page .bg-success-soft,.app-shell .bg-emerald-50,.dashboard-screen .bg-emerald-50{background:color-mix(in srgb, var(--success) 14%, transparent)!important;color:var(--text-success)!important;border-color:color-mix(in srgb, var(--success) 24%, transparent)!important}.app-shell .bg-warning-soft,.dashboard-screen .bg-warning-soft,.public-page .bg-warning-soft,.app-shell .bg-amber-50,.app-shell .bg-orange-50,.dashboard-screen .bg-amber-50,.dashboard-screen .bg-orange-50{background:color-mix(in srgb, var(--warning) 15%, transparent)!important;color:var(--text-warning)!important;border-color:color-mix(in srgb, var(--warning) 24%, transparent)!important}.app-shell .bg-danger-soft,.dashboard-screen .bg-danger-soft,.public-page .bg-danger-soft,.app-shell .bg-red-50,.app-shell .bg-rose-50,.dashboard-screen .bg-red-50,.dashboard-screen .bg-rose-50{background:color-mix(in srgb, var(--danger) 14%, transparent)!important;color:var(--text-danger)!important;border-color:color-mix(in srgb, var(--danger) 24%, transparent)!important}.app-shell .bg-info-soft,.dashboard-screen .bg-info-soft,.public-page .bg-info-soft,.app-shell .bg-accent-soft,.dashboard-screen .bg-accent-soft{background:color-mix(in srgb, var(--primary) 12%, transparent)!important;color:var(--text-info)!important;border-color:color-mix(in srgb, var(--primary) 22%, transparent)!important}.app-shell .text-success,.dashboard-screen .text-success,.public-page .text-success,.app-shell .text-emerald-600,.app-shell .text-emerald-700{color:var(--text-success)!important}.app-shell .text-warning,.dashboard-screen .text-warning,.public-page .text-warning,.app-shell .text-amber-600,.app-shell .text-amber-700,.app-shell .text-orange-600,.app-shell .text-orange-700{color:var(--text-warning)!important}.app-shell .text-danger,.dashboard-screen .text-danger,.public-page .text-danger,.app-shell .text-red-600,.app-shell .text-red-700,.app-shell .text-rose-600,.app-shell .text-rose-700{color:var(--text-danger)!important}.app-shell .text-primary,.dashboard-screen .text-primary,.public-page .text-primary,.landing-page .text-primary,.app-shell .text-blue-600,.app-shell .text-blue-700{color:var(--primary)!important}.app-shell table thead,.dashboard-screen table thead,.app-shell .bg-table-header,.dashboard-screen .bg-table-header{background:var(--color-bg-table-header)!important;color:var(--text-primary)!important}.app-shell table tbody tr:hover,.dashboard-screen table tbody tr:hover{background:var(--color-bg-table-row-hover)!important}.app-shell table th,.app-shell table td,.dashboard-screen table th,.dashboard-screen table td{vertical-align:top;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}.app-shell table th,.dashboard-screen table th{color:var(--text-primary)!important}.app-shell [role=dialog],.app-shell .fixed[class*=inset-0]>[class*=rounded],.public-page [role=dialog],.auth-page [role=dialog]{color:var(--text-primary)}.app-shell .fixed[class*=inset-0],.public-page .fixed[class*=inset-0],.auth-page .fixed[class*=inset-0]{background-color:#0206177a}.app-shell [class*=truncate],.dashboard-screen [class*=truncate],.public-page [class*=truncate]{min-width:0}.app-shell .settings-title-no-truncate,.app-shell button .block.truncate.text-sm.font-black,.app-shell button p.truncate.text-sm.font-black,.dashboard-screen button .block.truncate.text-sm.font-black,.dashboard-screen button p.truncate.text-sm.font-black{overflow-wrap:anywhere;white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.app-shell .rounded-full[class*=px-2],.app-shell .rounded-full[class*=px-3],.dashboard-screen .rounded-full[class*=px-2],.dashboard-screen .rounded-full[class*=px-3],.public-page .rounded-full[class*=px-2],.public-page .rounded-full[class*=px-3]{border-color:color-mix(in srgb, currentColor 18%, transparent);font-weight:700!important}nav.lg\:top-0,.app-shell nav{background:radial-gradient(circle at 20% 0%, #06b6d42e, transparent 16rem), linear-gradient(180deg, color-mix(in srgb, var(--color-bg-sidebar) 92%, #2563eb), var(--color-bg-sidebar))!important;border-color:var(--color-border-sidebar)!important;color:var(--color-text-sidebar)!important}nav.lg\:top-0 button[aria-current=page],.app-shell nav button[aria-current=page],nav.lg\:top-0 .bg-sidebar-active,.app-shell nav .bg-sidebar-active{box-shadow:inset 0 1px #ffffff24,0 10px 24px #00000024;color:var(--color-text-sidebar-active)!important;background:linear-gradient(135deg,#fff3,#67e8f924)!important}.landing-page header,.app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg-elevated) 82%, transparent)!important;border-color:var(--border-subtle)!important}.auth-page .auth-ghost-button{background:var(--bg-elevated)!important}.locked-feature-panel{background:linear-gradient(145deg, var(--bg-elevated), var(--bg-surface))!important;border-color:color-mix(in srgb, var(--primary) 22%, var(--border-subtle))!important;color:var(--text-primary)!important}.locked-feature-benefit,.locked-feature-pill-primary,.locked-feature-pill-muted{background:color-mix(in srgb, var(--bg-elevated) 82%, transparent)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}@media (max-width:767px){:root{--radius-card:18px;--radius-card-lg:20px;--radius-control:13px}.glass-card,.dashboard-card,.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media (prefers-reduced-motion:reduce){.glass-card-hover:hover,.dashboard-hover:hover,.cf-card-hover:hover,button.glass-card:hover{transform:none!important}}
@media (max-width:1023px){.app-shell .cf-bottom-nav{--cf-bottom-nav-offset:max(.65rem, env(safe-area-inset-bottom));--cf-bottom-nav-pad:.36rem;isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(1.12);align-items:center;gap:0;width:min(100vw - 2rem,430px);min-height:64px;overflow:visible;transform:translate(-50%);box-shadow:0 16px 42px #0f172a1f,0 6px 14px #2563eb0f,inset 0 1px #ffffff8f;left:50%!important;right:auto!important;bottom:var(--cf-bottom-nav-offset)!important;border:1px solid color-mix(in srgb, var(--color-line) 66%, transparent)!important;background:linear-gradient(135deg, color-mix(in srgb, var(--surface-card-strong) 86%, transparent), color-mix(in srgb, var(--surface-card-strong) 70%, transparent)), color-mix(in srgb, var(--surface-card-strong) 78%, transparent)!important;padding:var(--cf-bottom-nav-pad)!important;border-radius:999px!important}.app-shell .cf-bottom-nav:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--secondary,#06b6d4) 8%, transparent), transparent 34%), radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--primary,#2563eb) 8%, transparent), transparent 34%);opacity:.62;position:absolute;inset:1px}.theme-dark .app-shell .cf-bottom-nav{box-shadow:0 18px 54px #0000004d,0 8px 18px #2563eb1a,inset 0 1px #ffffff12;background:linear-gradient(135deg,#0d1832b8,#0a152ba8),#0c1832bd!important;border-color:#bfdbfe21!important}.app-shell .cf-bottom-nav-glider{left:var(--cf-bottom-nav-pad);z-index:1;width:calc((100% - var(--cf-bottom-nav-pad) - var(--cf-bottom-nav-pad)) / 5);pointer-events:none;background:linear-gradient(180deg, #ffffffb8, #f1f6ff8a), linear-gradient(135deg, color-mix(in srgb, var(--primary,#2563eb) 8%, transparent), color-mix(in srgb, var(--secondary,#06b6d4) 7%, transparent));transform:translateX(var(--nav-glider-shift,0%));transition:transform .38s var(--motion-ease-soft,cubic-bezier(.22, 1, .36, 1)), background .22s var(--motion-ease-standard,ease), box-shadow .22s var(--motion-ease-standard,ease);border-radius:999px;position:absolute;top:7px;bottom:7px;box-shadow:0 8px 18px #0f172a1a,0 4px 10px #2563eb12,inset 0 1px #ffffffb8}.app-shell .cf-bottom-nav-glider:after{content:"";background:color-mix(in srgb, var(--primary,#2563eb) 44%, transparent);opacity:.72;border-radius:999px;width:18px;height:2px;position:absolute;bottom:5px;left:50%;right:auto;transform:translate(-50%)}.theme-dark .app-shell .cf-bottom-nav-glider{background:linear-gradient(#8fb5ff24,#67e8f914),#ffffff0b;box-shadow:0 10px 24px #00000040,0 6px 14px #2563eb21,inset 0 1px #ffffff14}.theme-dark .app-shell .cf-bottom-nav-glider:after{background:color-mix(in srgb, var(--primary-hover,#67e8f9) 46%, transparent);opacity:.66}.app-shell .cf-bottom-nav .nav-mobile-item{z-index:2;text-shadow:none;transition:color .22s var(--motion-ease-standard,ease), transform .22s var(--motion-ease-out,ease), filter .22s var(--motion-ease-standard,ease);border:0;min-height:52px!important;color:var(--color-text-muted)!important;background:0 0!important;border-radius:999px!important}.app-shell .cf-bottom-nav .nav-mobile-item:hover{background:0 0!important}.app-shell .cf-bottom-nav .nav-mobile-item:active{transform:translateY(0)scale(.97)}.app-shell .cf-bottom-nav .nav-mobile-item svg{transition:transform .24s var(--motion-ease-soft,cubic-bezier(.22, 1, .36, 1)), color .22s var(--motion-ease-standard,ease), filter .22s var(--motion-ease-standard,ease);margin-bottom:0}.app-shell .cf-bottom-nav .nav-mobile-label{letter-spacing:-.01em;max-width:100%;transition:transform .24s var(--motion-ease-soft,cubic-bezier(.22, 1, .36, 1)), color .22s var(--motion-ease-standard,ease)}.app-shell .cf-bottom-nav .nav-mobile-active{font-weight:900;color:color-mix(in srgb, var(--color-text-primary) 72%, var(--primary,#2563eb))!important}.app-shell .cf-bottom-nav .nav-mobile-active svg{color:var(--primary,var(--color-primary));filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--primary,#2563eb) 14%, transparent));transform:translateY(-.5px)scale(1.02)}.app-shell .cf-bottom-nav .nav-mobile-active .nav-mobile-label{transform:translateY(-.5px)}.app-shell .cf-bottom-nav .nav-mobile-inactive:hover{color:color-mix(in srgb, var(--color-text-primary) 78%, var(--primary,#2563eb))!important}.theme-dark .app-shell .cf-bottom-nav .nav-mobile-item{color:color-mix(in srgb, var(--text-muted,var(--color-text-muted)) 88%, white)!important}.theme-dark .app-shell .cf-bottom-nav .nav-mobile-active{color:#dce9ff!important}.theme-dark .app-shell .cf-bottom-nav .nav-mobile-active svg{color:var(--primary-hover,var(--color-primary));filter:drop-shadow(0 4px 10px #67e8f929)}.app-shell .cf-bottom-nav .nav-count-badge{z-index:4;border-width:1px!important;min-width:16px!important;height:16px!important;padding-inline:4px!important;font-size:9px!important;box-shadow:0 5px 12px #ef44443d!important}.app-shell .cf-bottom-nav .nav-mobile-item .nav-count-badge{ring:0!important;top:3px!important;right:4px!important}.app-shell .cf-bottom-nav .nav-more-menu{-webkit-backdrop-filter:blur(22px)saturate(1.14);border-radius:24px;box-shadow:0 24px 72px #0f172a33,inset 0 1px #ffffffb8;background:linear-gradient(180deg, color-mix(in srgb, var(--surface-card-strong) 94%, transparent), var(--surface-card-strong))!important;border-color:color-mix(in srgb, var(--color-line) 90%, transparent)!important}.theme-dark .app-shell .cf-bottom-nav .nav-more-menu{box-shadow:0 28px 80px #0000007a,inset 0 1px #ffffff14;background:linear-gradient(#142143f5,#0f1d39f0)!important;border-color:#bfdbfe29!important}.app-shell .cf-bottom-nav.grid-cols-1 .cf-bottom-nav-glider{width:calc(100% - var(--cf-bottom-nav-pad) - var(--cf-bottom-nav-pad))}.app-shell .cf-bottom-nav.grid-cols-2 .cf-bottom-nav-glider{width:calc((100% - var(--cf-bottom-nav-pad) - var(--cf-bottom-nav-pad)) / 2)}.app-shell .cf-bottom-nav.grid-cols-3 .cf-bottom-nav-glider{width:calc((100% - var(--cf-bottom-nav-pad) - var(--cf-bottom-nav-pad)) / 3)}.app-shell .cf-bottom-nav.grid-cols-4 .cf-bottom-nav-glider{width:calc((100% - var(--cf-bottom-nav-pad) - var(--cf-bottom-nav-pad)) / 4)}}@media (max-width:380px){.app-shell .cf-bottom-nav{--cf-bottom-nav-pad:.32rem;width:min(100vw - 1.25rem,430px);min-height:60px}.app-shell .cf-bottom-nav .nav-mobile-item{font-size:.56rem;min-height:50px!important}.app-shell .cf-bottom-nav .nav-mobile-item svg{width:18px;height:18px}}
.class-detail-route>.cf-class-detail-workbench+.space-y-3{display:block}.class-detail-route>.cf-class-detail-workbench+.space-y-3>div{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-bg-surface-elevated) 92%, transparent);box-shadow:var(--cf-shadow-card-compact,var(--shadow-soft));border-radius:16px;justify-content:flex-end;padding:.75rem}.class-detail-route>.cf-class-detail-workbench+.space-y-3>div>div:first-child,.class-detail-route>.cf-class-detail-workbench+.space-y-3+.grid>div:nth-child(2)>.glass-card:nth-child(3),.class-detail-route>.cf-class-detail-workbench+.space-y-3+.grid>div:nth-child(2)>.glass-card:nth-child(5){display:none}.class-detail-route>.cf-class-detail-workbench+.space-y-3+.grid{align-items:start}.class-detail-route .cf-class-detail-workbench .glass-card{overflow:visible}.class-detail-route>.fixed.inset-0,.class-detail-route .fixed.inset-0.z-50{overscroll-behavior:contain;z-index:10000!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.class-detail-route>.fixed.inset-0>[role=dialog],.class-detail-route .fixed.inset-0.z-50>[role=dialog]{max-height:calc(100dvh - 1rem)!important}@media (max-width:767px){.class-detail-route>.cf-class-detail-workbench+.space-y-3+.grid{gap:1rem}.class-detail-route>.cf-class-detail-workbench+.space-y-3>div>button,.class-detail-route>.cf-class-detail-workbench+.space-y-3>div>span>button{width:100%}}
body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]){justify-content:center!important;align-items:center!important;padding:clamp(12px,2vw,24px)!important}body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]{border:1px solid color-mix(in srgb, var(--color-line) 92%, transparent)!important;border-radius:28px!important;width:min(920px,100vw - clamp(24px,4vw,48px))!important;max-width:min(920px,100vw - clamp(24px,4vw,48px))!important;height:min(860px,100dvh - clamp(24px,4vw,48px))!important;max-height:calc(100dvh - clamp(24px,4vw,48px))!important;box-shadow:0 24px 70px #040c1c57,0 0 0 1px #ffffff14!important}body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]>div:first-child{padding-inline:clamp(16px,2vw,24px)!important}body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]>div:nth-child(2){padding:clamp(16px,2vw,24px)!important}body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]>div:last-child{padding:16px clamp(16px,2vw,24px)!important}.theme-dark body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]{border-color:#94a3b847!important;box-shadow:0 28px 80px #0000007a,0 0 0 1px #94a3b81f!important}@media (max-width:640px){body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]){justify-content:center!important;align-items:flex-end!important;padding:0!important}body>div.fixed.inset-0.z-\[10000\]:has(aside[aria-label="Chi tiết khoản thu"]) aside[aria-label="Chi tiết khoản thu"]{border-inline:0!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;width:100vw!important;max-width:100vw!important;height:min(92dvh,860px)!important;max-height:92dvh!important}}
.dashboard-screen .dashboard-branch-table-shell{background:var(--surface-card);scrollbar-color:color-mix(in srgb, var(--primary) 34%, var(--border-subtle)) transparent}.dashboard-screen .dashboard-branch-table{border-collapse:separate;border-spacing:0;color:var(--text-primary);background:var(--surface-card)!important}.dashboard-screen .dashboard-branch-table thead,.dashboard-screen .dashboard-branch-table thead[class*=bg-]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), color-mix(in srgb, var(--secondary) 8%, transparent)), var(--surface-card-strong)!important;color:var(--text-secondary)!important}.theme-dark .dashboard-screen .dashboard-branch-table thead,.theme-dark .dashboard-screen .dashboard-branch-table thead[class*=bg-]{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--secondary) 12%, transparent)), var(--surface-card-strong)!important}.dashboard-screen .dashboard-branch-table th,.dashboard-screen .dashboard-branch-table td{vertical-align:middle;border-color:var(--border-subtle)!important}.dashboard-screen .dashboard-branch-table thead th{white-space:nowrap;color:var(--text-secondary)!important;letter-spacing:0!important;text-shadow:none!important}.dashboard-screen .dashboard-branch-table tbody tr{background:color-mix(in srgb, var(--surface-card-strong) 82%, transparent)!important}.dashboard-screen .dashboard-branch-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface-card) 88%, var(--primary-soft))!important}.dashboard-screen .dashboard-branch-table tbody tr:hover{transform:none;background:color-mix(in srgb, var(--surface-card-strong) 78%, var(--primary-soft))!important}.theme-dark .dashboard-screen .dashboard-branch-table tbody tr{background:color-mix(in srgb, var(--surface-card-strong) 76%, #020617)!important}.theme-dark .dashboard-screen .dashboard-branch-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--surface-card) 84%, var(--primary-soft))!important}.theme-dark .dashboard-screen .dashboard-branch-table tbody tr:hover{background:color-mix(in srgb, var(--surface-card-strong) 86%, var(--primary-soft))!important}.dashboard-screen .dashboard-branch-table tbody td{color:var(--text-secondary)!important}.dashboard-screen .dashboard-branch-table .dashboard-branch-name,.dashboard-screen .dashboard-branch-table tbody td:nth-child(2),.dashboard-screen .dashboard-branch-table tbody td:nth-child(3),.dashboard-screen .dashboard-branch-table tbody td:nth-child(4),.dashboard-screen .dashboard-branch-table tbody td:nth-child(5),.dashboard-screen .dashboard-branch-table tbody td:nth-child(8){color:var(--text-primary)!important}.dashboard-screen .dashboard-branch-table tbody td:nth-child(6){color:var(--text-success)!important}.dashboard-screen .dashboard-branch-table tbody td:nth-child(7){color:var(--text-warning)!important}.dashboard-screen .dashboard-branch-status{white-space:nowrap;border:1px solid color-mix(in srgb, var(--primary) 24%, transparent)!important;background:color-mix(in srgb, var(--primary) 12%, var(--surface-card-strong))!important;color:var(--primary-hover)!important}.theme-dark .dashboard-screen .dashboard-branch-status{background:color-mix(in srgb, var(--primary) 18%, var(--surface-card-strong))!important;color:var(--primary-hover)!important}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand-navy:#0b1b3d;--color-brand-blue:#2563eb;--color-brand-teal:#14b8a6;--color-brand-aqua:#e6f7f5;--color-brand-cloud:#f2f4f7;--color-brand-sky-mist:#f5f9ff;--font-centerflow-heading:var(--font-centerflow-body);--font-sans:var(--font-centerflow-body), var(--font-centerflow-fallback), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:var(--font-centerflow-body), var(--font-centerflow-fallback), Inter, ui-sans-serif, system-ui, sans-serif;--background:#f7fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--muted:#eef6ff;--muted-foreground:#64748b;--input:#fff;--border:#0f172a1a;--ring:#2563eb38;--primary:var(--color-brand-blue);--primary-foreground:#fff;--accent:var(--color-brand-teal);--accent-foreground:#0b1b3d;--color-bg-app:#f7fafc;--color-bg-sidebar:#0b1b3d;--color-bg-sidebar-active:#fff;--color-bg-sidebar-hover:#ffffff17;--color-bg-sidebar-icon:#ffffff14;--color-bg-surface:#fff;--color-bg-surface-elevated:#fff;--color-bg-surface-hover:#f1f7ff;--color-bg-muted:#f1f5f9;--color-bg-input:#fff;--color-bg-table-header:#f8fafc;--color-bg-table-row:#fff;--color-bg-table-row-alt:#fbfdff;--color-bg-table-row-hover:#f1f7ff;--color-bg-table-row-selected:#eaf2ff;--color-border-subtle:#0f172a18;--color-border-strong:#0f172a28;--color-border-focus:#2563eb75;--color-border-sidebar:#ffffff1f;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--color-text-disabled:#94a3b8;--color-muted-strong:#334155;--color-text-sidebar:#f8fafc;--color-text-sidebar-muted:#c7d2e5;--color-text-sidebar-active:#0b1b3d;--color-accent-primary:var(--color-brand-blue);--color-accent-primary-hover:#1d4ed8;--color-accent-primary-soft:#eaf2ff;--color-success:var(--color-brand-teal);--color-success-strong:#0f766e;--color-success-soft:var(--color-brand-aqua);--color-warning:#b45309;--color-warning-strong:#92400e;--color-warning-soft:#fff4d6;--color-danger:#dc3545;--color-danger-strong:#b42336;--color-danger-soft:#ffe8ed;--color-info:#0284c7;--color-info-strong:#0369a1;--color-info-soft:#e8f5ff;--color-purple:#7c3aed;--color-purple-soft:#f1eaff;--surface-education-soft:#eef7ff;--surface-education-card:#fff;--surface-education-highlight:var(--color-brand-aqua);--gradient-primary:linear-gradient(135deg, var(--color-brand-blue) 0%, var(--color-brand-teal) 100%);--gradient-brand:linear-gradient(135deg, var(--color-brand-navy) 0%, var(--color-brand-blue) 100%);--gradient-aqua:linear-gradient(135deg, #eaf6ff 0%, #f3fcfa 100%);--gradient-page:radial-gradient(circle at 12% -8%, #2563eb13, transparent 26rem), radial-gradient(circle at 88% -10%, #14b8a611, transparent 28rem), linear-gradient(180deg, #f7fafc 0%, #fff 52%, #f3faf9 100%);--gradient-brand-signal:linear-gradient(135deg, #2563eb24 0%, #14b8a624 100%);--shadow-card:0 10px 26px #0f172a0e;--shadow-elevated:0 16px 38px #0f172a18;--shadow-popover:0 24px 66px #0f172a29;--shadow-button:0 10px 20px #2563eb2e;--shadow-glow:0 16px 34px #2563eb1f;--shadow-lift:var(--shadow-elevated);--color-ink:var(--color-text-primary);--color-muted:var(--color-text-muted);--color-line:var(--color-border-subtle);--color-primary:var(--color-accent-primary);--color-cyan:var(--color-info);--surface-page:var(--color-bg-app);--surface-page-2:#fff;--surface-card:var(--color-bg-surface);--surface-card-strong:var(--color-bg-surface-elevated);--surface-nav:var(--color-bg-sidebar);--color-on-primary:#fff;--color-on-danger:#fff}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1224;--foreground:#f8fafc;--card:#142033;--card-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--input:#111c2e;--border:#94a3b826;--ring:#7aa2ff3d;--primary:#8fb0ff;--primary-foreground:#fff;--accent:#5eead4;--accent-foreground:#f8fafc;--color-bg-app:#0b1224;--color-bg-sidebar:#0b1224;--color-bg-sidebar-active:#8fb0ff2b;--color-bg-sidebar-hover:#ffffff0f;--color-bg-sidebar-icon:#ffffff12;--color-bg-surface:#142033;--color-bg-surface-elevated:#1b2940;--color-bg-surface-hover:#26364f;--color-bg-muted:#1e293b;--color-bg-input:#111c2e;--color-bg-table-header:#18243a;--color-bg-table-row:#142033;--color-bg-table-row-alt:#17243a;--color-bg-table-row-hover:#21324b;--color-bg-table-row-selected:#8fb0ff29;--color-border-subtle:#94a3b826;--color-border-strong:#94a3b840;--color-border-focus:#8fb0ff85;--color-border-sidebar:#ffffff1a;--color-text-primary:#f8fafc;--color-text-secondary:#d5deea;--color-text-muted:#a5b4c7;--color-text-placeholder:#7f8ea3;--color-text-disabled:#64748b;--color-muted-strong:#e2e8f0;--color-text-sidebar:#f8fafc;--color-text-sidebar-muted:#aab6c8;--color-text-sidebar-active:#f8fafc;--color-accent-primary:#8fb0ff;--color-accent-primary-hover:#b3c7ff;--color-accent-primary-soft:#8fb0ff29;--color-success:#5eead4;--color-success-strong:#99f6e4;--color-success-soft:#5eead424;--color-warning:#fcd34d;--color-warning-strong:#fde68a;--color-warning-soft:#fcd34d24;--color-danger:#fda4af;--color-danger-strong:#fecdd3;--color-danger-soft:#fda4af24;--color-info:#7dd3fc;--color-info-strong:#bae6fd;--color-info-soft:#7dd3fc24;--color-purple:#c4b5fd;--color-purple-soft:#c4b5fd24;--surface-education-soft:#8fb0ff1a;--surface-education-card:#1b2940;--surface-education-highlight:#5eead421;--gradient-primary:linear-gradient(135deg, #8fb0ff 0%, #5eead4 100%);--gradient-brand:linear-gradient(135deg, #0b1224 0%, #2563eb 100%);--gradient-aqua:linear-gradient(135deg, #8fb0ff21 0%, #5eead41a 100%);--gradient-page:radial-gradient(circle at 14% -6%, #8fb0ff12, transparent 26rem), radial-gradient(circle at 88% -8%, #5eead40d, transparent 28rem), linear-gradient(180deg, #0b1224 0%, #0f172a 56%, #0b1526 100%);--gradient-brand-signal:linear-gradient(135deg, #8fb0ff26 0%, #5eead41c 100%);--shadow-card:0 12px 28px #0003;--shadow-elevated:0 18px 42px #00000047;--shadow-popover:0 24px 66px #0006;--shadow-button:0 10px 22px #13203a4d;--shadow-glow:0 14px 30px #00000038;--surface-page:var(--color-bg-app);--surface-page-2:#0f172a;--surface-card:var(--color-bg-surface);--surface-card-strong:var(--color-bg-surface-elevated);--surface-nav:var(--color-bg-sidebar)}.ui-card{isolation:isolate;border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-card);transition:transform var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), box-shadow var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), border-color var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), background var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1));position:relative}.ui-data-card{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-card)}.ui-data-card:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 32%, var(--color-border-subtle));background:var(--color-bg-surface-elevated);box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.ui-button,.ui-icon-button{color:var(--color-text-primary);transition:transform var(--transition-fast,.12s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), box-shadow var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), border-color var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), background var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), color var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1));border:1px solid #0000}.ui-button--primary{border-color:color-mix(in srgb, var(--color-accent-primary) 88%, #fff 12%);background:var(--gradient-primary);color:var(--color-on-primary);box-shadow:var(--shadow-button)}.ui-button--primary:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 72%, var(--color-success) 28%);box-shadow:var(--shadow-glow)}.ui-button--outline,.ui-icon-button{border-color:var(--color-border-strong);background:var(--color-bg-surface-elevated);color:var(--color-accent-primary)}.ui-button--outline:hover,.ui-icon-button:hover{border-color:var(--color-accent-primary);background:var(--color-accent-primary-soft);color:var(--color-accent-primary);box-shadow:var(--shadow-card)}.ui-button--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.ui-button--ghost:hover{border-color:var(--color-border-subtle);background:var(--color-bg-muted);color:var(--color-accent-primary)}.ui-button--destructive{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);background:var(--color-danger-soft);color:var(--color-danger-strong)}.ui-button--destructive:hover{background:var(--color-danger);color:var(--color-on-danger)}.ui-button:disabled,.ui-icon-button:disabled{border-color:var(--color-border-subtle);background:var(--color-bg-muted);color:var(--color-text-disabled);box-shadow:none;transform:none}.ui-field{border:1px solid var(--color-border-strong);background:var(--color-bg-input);color:var(--color-text-primary);transition:box-shadow var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), border-color var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), background var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1));box-shadow:inset 0 1px #ffffff8a}.theme-dark .ui-field{box-shadow:inset 0 1px #ffffff0f}.ui-field:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 35%, var(--color-border-strong))}.ui-field:focus,.ui-search-box:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 15%, transparent);outline:none}.ui-field:disabled{cursor:not-allowed;background:var(--color-bg-muted);color:var(--color-text-disabled)}.ui-field--textarea{min-height:7rem}.ui-search-box{border:1px solid var(--color-border-strong);background:var(--color-bg-input);color:var(--color-text-primary);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1)), border-color var(--transition-normal,.18s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1))}.ui-search-box:hover{border-color:color-mix(in srgb, var(--color-accent-primary) 35%, var(--color-border-strong))}.ui-chip{border:1px solid var(--color-border-subtle);background:var(--color-bg-surface-elevated);color:var(--color-text-muted)}.ui-chip:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);transform:translateY(-1px)}.ui-chip--active{border-color:var(--color-accent-primary);background:var(--gradient-primary);color:var(--color-on-primary);box-shadow:var(--shadow-button)}.ui-badge{white-space:nowrap;min-width:0;max-width:100%;box-shadow:inset 0 1px #ffffff6b}.theme-dark .ui-badge{box-shadow:inset 0 1px #ffffff12}.ui-badge__icon>svg{width:.875rem;height:.875rem}.ui-count-badge{border-color:var(--color-border-subtle);background:var(--color-bg-surface-elevated);color:var(--color-text-primary);box-shadow:inset 0 1px #ffffff75}.theme-dark .ui-count-badge{box-shadow:inset 0 1px #ffffff0f}.ui-selectable-chip{background:var(--color-bg-surface-elevated);min-width:0;max-width:100%}.ui-selectable-chip:hover{background:var(--color-accent-primary-soft);box-shadow:var(--shadow-card)}.ui-selectable-chip[data-selected=true]{border-color:var(--cf-selected-control-border,var(--color-accent-primary));background:var(--cf-selected-control-bg,var(--gradient-primary));color:var(--cf-selected-control-fg,var(--color-on-primary));box-shadow:var(--cf-selected-control-shadow,var(--shadow-button)), var(--cf-selected-control-ring,0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 20%, transparent))}.ui-segmented-control,.ui-segmented-control [role=tab]{min-width:0}
:root{--ui-focus-ring:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 16%, transparent);--ui-selected-ring:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 18%, transparent);--ui-control-min-height:44px;--ui-control-compact-height:38px;--ui-hit-target:44px;--ui-action-gap:.5rem;--ui-section-gap:1rem;--ui-card-padding:1rem;--ui-card-padding-lg:1.125rem;--ui-selected-bg:color-mix(in srgb, var(--color-accent-primary) 10%, var(--color-bg-surface));--ui-hover-bg:color-mix(in srgb, var(--color-accent-primary) 7%, var(--color-bg-surface));--ui-pressed-bg:color-mix(in srgb, var(--color-accent-primary) 13%, var(--color-bg-surface))}.theme-dark{--ui-focus-ring:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 22%, transparent);--ui-selected-ring:0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 24%, transparent);--ui-selected-bg:color-mix(in srgb, var(--color-accent-primary) 15%, var(--color-bg-surface));--ui-hover-bg:color-mix(in srgb, var(--color-accent-primary) 10%, var(--color-bg-surface));--ui-pressed-bg:color-mix(in srgb, var(--color-accent-primary) 18%, var(--color-bg-surface))}:where(button,a,input,select,textarea,[role=button],[role=menuitem],[tabindex]):focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:where(.tap,.ui-button,.ui-icon-button,.ui-chip,.nav-mobile-item,.nav-desktop-item,.nav-menu-item,.nav-logout-item,.cf-bottom-nav button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-button{min-height:var(--ui-control-min-height);white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform;min-width:0;max-width:100%;position:relative}.ui-button>svg,.ui-button__spinner,.ui-icon-button>svg{flex:none}.ui-button__content{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.ui-button__content>svg{flex:none}.ui-button:active:not(:disabled){transform:translateY(1px)scale(.985)}.ui-button:focus-visible,.ui-icon-button:focus-visible,.ui-chip:focus-visible,.ui-data-card:focus-visible,.nav-mobile-item:focus-visible,.nav-desktop-item:focus-visible,.nav-menu-item:focus-visible,.nav-logout-item:focus-visible,.cf-bottom-nav button:focus-visible{box-shadow:var(--ui-focus-ring), var(--shadow-card);outline:none}.ui-button:disabled,.ui-icon-button:disabled{opacity:.72;pointer-events:none}.ui-button--primary:disabled{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 42%, var(--color-bg-muted)), color-mix(in srgb, var(--color-success) 34%, var(--color-bg-muted)))}.ui-card,.ui-data-card{overflow-wrap:anywhere;min-width:0}.ui-card[data-selected=true],.ui-data-card[data-selected=true],.ui-card[aria-selected=true],.ui-data-card[aria-selected=true]{border-color:var(--color-border-focus);background:var(--ui-selected-bg);box-shadow:var(--ui-selected-ring), var(--shadow-card)}.ui-data-card:active{background:var(--ui-pressed-bg)}.ui-field,.ui-search-box{min-width:0}.ui-field::-moz-placeholder{color:var(--color-text-placeholder);opacity:1}.ui-search-box input::-moz-placeholder{color:var(--color-text-placeholder);opacity:1}.ui-field::placeholder,.ui-search-box input::placeholder{color:var(--color-text-placeholder);opacity:1}.ui-field:focus,.ui-field:focus-visible,.ui-search-box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--ui-focus-ring);outline:none}.ui-field[aria-invalid=true],.ui-field[data-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 16%, transparent)}.ui-required-marker{letter-spacing:.04em}.ui-form-error{overflow-wrap:anywhere}.ui-field[aria-selected=true],.ui-field[data-selected=true]{border-color:var(--color-border-focus);background:var(--ui-selected-bg);box-shadow:var(--ui-selected-ring)}select.ui-field{cursor:pointer}.ui-chip{white-space:nowrap;min-width:0;max-width:100%;min-height:38px}.ui-chip>span,.ui-chip__content{min-width:0}.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true]{border-color:color-mix(in srgb, var(--color-accent-primary) 76%, #fff 24%);box-shadow:var(--ui-selected-ring), var(--shadow-button)}.ui-action-row{justify-content:flex-end;align-items:center;gap:var(--ui-action-gap);flex-wrap:wrap;min-width:0;display:flex}.ui-action-row>.ui-button,.ui-action-row>button,.ui-action-row>a{flex:0 auto}.ui-action-row--compact{gap:.375rem}.ui-sticky-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.ui-sticky-form-actions>.ui-button,.ui-sticky-form-actions>button,.ui-sticky-form-actions>a{flex:0 auto}@media (max-width:480px){.ui-action-row{justify-content:stretch}.ui-action-row>.ui-button,.ui-action-row>button,.ui-action-row>a{flex:min(100%,11rem)}.ui-sticky-form-actions>.ui-button,.ui-sticky-form-actions>button,.ui-sticky-form-actions>a{flex:100%}}.nav-mobile-item,.nav-desktop-item,.nav-menu-item,.nav-logout-item,.cf-bottom-nav button{-webkit-user-select:none;user-select:none;min-width:0}.nav-mobile-item{overflow:hidden}.nav-mobile-label,.nav-desktop-label,.nav-menu-label,.cf-bottom-nav button span{min-width:0}.nav-mobile-label,.nav-desktop-label,.nav-menu-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-mobile-item[data-active=true],.nav-mobile-active{background:var(--ui-selected-bg);box-shadow:inset 0 -3px 0 var(--color-accent-primary), var(--ui-selected-ring)}.nav-mobile-item:active,.nav-desktop-item:active,.nav-menu-item:active,.nav-logout-item:active,.cf-bottom-nav button:active{transform:translateY(1px)scale(.99)}.nav-desktop-item[data-active=true],.cf-bottom-nav button[data-active=true]:not(.nav-mobile-item){box-shadow:inset 3px 0 0 0 var(--color-accent-primary), 0 12px 28px #00000029, var(--ui-selected-ring)}.nav-menu-item[data-active=true],.nav-more-menu button[data-active=true],.nav-more-menu button[aria-current=page]{border-color:var(--color-border-focus);background:var(--ui-selected-bg);color:var(--color-accent-primary);box-shadow:var(--ui-selected-ring)}.nav-more-menu{max-width:min(14rem,100vw - 1rem)}.nav-more-menu button{border:1px solid #0000}.nav-count-badge{line-height:1}.ui-table,table{border-collapse:separate;border-spacing:0}thead th{color:var(--color-text-secondary);font-weight:800}tbody tr{transition:background var(--transition-fast,.12s) var(--easing-standard,cubic-bezier(.2, 0, 0, 1))}tbody tr:hover{background:var(--color-bg-table-row-hover)}tbody tr[aria-selected=true],tbody tr[data-selected=true]{background:var(--color-bg-table-row-selected);box-shadow:inset 3px 0 0 var(--color-accent-primary)}.ui-sticky-action-footer,.ui-modal-action-row{justify-content:flex-end;align-items:center;gap:var(--ui-action-gap);flex-wrap:wrap;min-width:0;display:flex}.ui-sticky-action-footer>*,.ui-modal-action-row>*{min-width:0}@media (max-width:480px){.ui-sticky-action-footer,.ui-modal-action-row{align-items:stretch}.ui-sticky-action-footer>.ui-button,.ui-modal-action-row>.ui-button{flex:100%}}.ui-empty-state{padding:clamp(1rem,2.8vw,1.5rem)}.ui-skeleton-row{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent-primary) 8%, transparent), transparent), var(--color-bg-surface-elevated);background-size:220% 100%,auto}@media (prefers-reduced-motion:reduce){.ui-button,.ui-icon-button,.ui-chip,.ui-data-card,.nav-mobile-item,.nav-desktop-item,.nav-menu-item,.nav-logout-item,.cf-bottom-nav button,tbody tr{transition-duration:1ms}}
.dashboard-hero-commandbar{align-items:stretch;gap:.625rem;width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.dashboard-hero div:has(>.relative.min-w-0+.dashboard-hero-actions){align-items:stretch;gap:.625rem;width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.dashboard-hero div:has(>.relative.min-w-0+.dashboard-hero-actions)>.relative.min-w-0{min-width:0;max-width:100%}.dashboard-hero-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));justify-content:stretch;align-items:stretch;gap:.5rem;width:100%;min-width:0;container-type:normal;display:grid!important}.dashboard-hero-action{flex:none;width:100%!important;min-width:0!important;padding-inline:.75rem!important;overflow:hidden!important}.dashboard-hero-action .ui-button__content{width:100%;min-width:0;max-width:100%;text-overflow:clip!important;overflow:visible!important}.dashboard-hero-action-icon{flex:none}.dashboard-hero-action-label{min-width:0;text-overflow:clip!important;white-space:nowrap!important;display:inline-flex!important;overflow:visible!important}.dashboard-hero-action-compact{display:none!important}@media (min-width:1024px){.dashboard-hero-commandbar{align-items:center;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr)!important}.dashboard-hero div:has(>.relative.min-w-0+.dashboard-hero-actions){align-items:center;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr)!important}.dashboard-hero-actions{justify-content:stretch}}@media (max-width:640px){.dashboard-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-action{justify-content:center;min-height:2.75rem;height:auto!important;padding-inline:.625rem!important}.dashboard-hero-action-label{text-align:center;line-height:1.15;white-space:normal!important}}@media (max-width:360px){.dashboard-hero-actions{grid-template-columns:minmax(0,1fr)}}.dashboard-screen .border-b.border-line.p-4:has(>.ui-button){flex-wrap:wrap}.dashboard-screen .border-b.border-line.p-4:has(>.ui-button)>:not(.ui-button){min-width:min(100%,16rem)}.dashboard-screen .border-b.border-line.p-4>.ui-button{white-space:nowrap!important;flex:none!important;width:auto!important;min-width:max-content!important;padding-inline:.85rem!important}.dashboard-screen .border-b.border-line.p-4>.ui-button .ui-button__content{text-overflow:clip!important;white-space:nowrap!important;overflow:visible!important}@media (max-width:480px){.dashboard-screen .border-b.border-line.p-4:has(>.ui-button){align-items:stretch}.dashboard-screen .border-b.border-line.p-4>.ui-button{justify-content:center;width:100%!important}}.dashboard-screen .overflow-x-auto:has(>button[aria-pressed]){margin-inline:-.25rem;padding-inline:.25rem;scroll-padding-inline:.25rem;padding-block:.55rem .75rem!important}.dashboard-screen .overflow-x-auto:has(>button[aria-pressed])>button{margin-block:.0625rem}.dashboard-screen button.dashboard-hover{grid-template-rows:2.5rem minmax(2.7rem,auto) minmax(2.25rem,auto) minmax(2.75rem,1fr);align-content:start;gap:.45rem;height:100%;min-height:11.75rem;padding:.875rem!important;display:grid!important}.dashboard-screen button.dashboard-hover>div:first-child{align-items:flex-start;min-height:2.5rem}.dashboard-screen button.dashboard-hover>p{margin-top:0!important}.dashboard-screen button.dashboard-hover>p:first-of-type{align-items:end;min-height:2.7rem;display:flex;letter-spacing:.045em!important}.dashboard-screen button.dashboard-hover>p:nth-of-type(2){font-variant-numeric:tabular-nums;align-items:center;min-height:2.25rem;display:flex}.dashboard-screen button.dashboard-hover>p:nth-of-type(3){align-items:start;min-height:2.75rem;display:flex}@media (min-width:768px){.dashboard-screen button.dashboard-hover{min-height:12.25rem}}@media (min-width:1280px){.dashboard-screen button.dashboard-hover{grid-template-rows:2.65rem minmax(2.85rem,auto) minmax(2.4rem,auto) minmax(2.85rem,1fr);min-height:12.75rem}}@media (max-width:420px){.dashboard-screen button.dashboard-hover{grid-template-rows:2.5rem auto auto auto;min-height:auto}.dashboard-screen button.dashboard-hover>p:first-of-type,.dashboard-screen button.dashboard-hover>p:nth-of-type(2),.dashboard-screen button.dashboard-hover>p:nth-of-type(3){min-height:0}}
.dashboard-screen div:has(>button.dashboard-hover){grid-template-columns:repeat(1,minmax(0,1fr))!important}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover{border-radius:1.25rem!important;grid-template-rows:auto auto auto 1fr!important;gap:.65rem!important;min-height:10.5rem!important;padding:1rem!important;display:grid!important}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover>div:first-child{align-items:flex-start;min-height:2.5rem}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover>p{margin-top:0!important}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover>p:first-of-type{overflow-wrap:anywhere;max-width:15rem;letter-spacing:.045em!important;min-height:0!important;font-size:.8125rem!important;line-height:1.45!important;display:block!important}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover>p:nth-of-type(2){font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:0!important;font-size:clamp(1.25rem,1.1rem + .5vw,1.6rem)!important;line-height:1.18!important;display:block!important}.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover>p:nth-of-type(3){overflow-wrap:anywhere;max-width:16rem;min-height:0!important;font-size:.875rem!important;line-height:1.45!important;display:block!important}@media (min-width:640px){.dashboard-screen div:has(>button.dashboard-hover){grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1280px){.dashboard-screen div:has(>button.dashboard-hover)>button.dashboard-hover{min-height:10.75rem!important;padding:1.1rem!important}}@media (min-width:1536px){.dashboard-screen div:has(>button.dashboard-hover){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
:root{--cf-selected-control-bg:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-info) 54%, var(--color-success) 100%);--cf-selected-control-fg:var(--color-on-primary,#fff);--cf-selected-control-border:color-mix(in srgb, var(--color-accent-primary) 72%, var(--color-success) 28%);--cf-selected-control-ring:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 20%, transparent);--cf-selected-control-shadow:var(--shadow-button), 0 16px 32px color-mix(in srgb, var(--color-accent-primary) 20%, transparent);--cf-selected-control-badge-bg:#ffffff3d;--cf-selected-control-badge-border:#ffffff52;--cf-selected-control-badge-fg:#fff;--cf-state-selected-ring:0 0 0 4px color-mix(in srgb, currentColor 16%, transparent)}.theme-dark{--cf-selected-control-bg:linear-gradient(135deg, #7aa2ff 0%, #7dd3fc 50%, #5eead4 100%);--cf-selected-control-border:color-mix(in srgb, var(--color-accent-primary) 66%, var(--color-success) 34%);--cf-selected-control-ring:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 26%, transparent);--cf-selected-control-shadow:var(--shadow-button), 0 16px 34px #00000042;--cf-selected-control-badge-bg:#0f172a38;--cf-selected-control-badge-border:#ffffff57}.cf-filter-chip,.cf-segment-button,.cf-card-select,.cf-state-selected-control{isolation:isolate;position:relative}html body :is(.cf-selected-control,.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true],.ui-button[aria-pressed=true],.ui-button[aria-selected=true],.ui-button[data-selected=true],.cf-filter-chip[aria-pressed=true],.cf-filter-chip[aria-selected=true],.cf-filter-chip[data-selected=true],.cf-segment-button[aria-pressed=true],.cf-segment-button[aria-selected=true],.cf-segment-button[data-selected=true],.cf-card-select[aria-pressed=true],.cf-card-select[aria-selected=true],.cf-card-select[data-selected=true],button[aria-pressed=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[aria-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[data-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),[role=option][aria-selected=true],[role=tab][aria-selected=true],[role=tab][data-state=active]){border-color:var(--cf-selected-control-border)!important;background:var(--cf-selected-control-bg)!important;color:var(--cf-selected-control-fg)!important;box-shadow:var(--cf-selected-control-shadow), var(--cf-selected-control-ring)!important}html body :is(.cf-selected-control,.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true],.ui-button[aria-pressed=true],.ui-button[aria-selected=true],.ui-button[data-selected=true],.cf-filter-chip[aria-pressed=true],.cf-filter-chip[aria-selected=true],.cf-filter-chip[data-selected=true],.cf-segment-button[aria-pressed=true],.cf-segment-button[aria-selected=true],.cf-segment-button[data-selected=true],.cf-card-select[aria-pressed=true],.cf-card-select[aria-selected=true],.cf-card-select[data-selected=true],button[aria-pressed=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[aria-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[data-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),[role=option][aria-selected=true],[role=tab][aria-selected=true],[role=tab][data-state=active]) :is(span,strong,small,p,svg){color:inherit!important}html body :is(.cf-selected-control,.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true],.ui-button[aria-pressed=true],.ui-button[aria-selected=true],.ui-button[data-selected=true],.cf-filter-chip[aria-pressed=true],.cf-filter-chip[aria-selected=true],.cf-filter-chip[data-selected=true],.cf-segment-button[aria-pressed=true],.cf-segment-button[aria-selected=true],.cf-segment-button[data-selected=true],.cf-card-select[aria-pressed=true],.cf-card-select[aria-selected=true],.cf-card-select[data-selected=true],button[aria-pressed=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[aria-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[data-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),[role=tab][aria-selected=true],[role=tab][data-state=active]) :is(.cf-count-badge,.ui-chip__count,span[class*=rounded-full]){border:1px solid var(--cf-selected-control-badge-border)!important;background:var(--cf-selected-control-badge-bg)!important;color:var(--cf-selected-control-badge-fg)!important;box-shadow:inset 0 1px #ffffff29!important}html body .cf-state-selected-control:is([aria-pressed=true],[aria-selected=true],[data-selected=true]){font-weight:900;box-shadow:inset 0 0 0 1px currentColor, var(--cf-state-selected-ring), var(--shadow-card)!important;border-color:currentColor!important}html body :is(.cf-selected-control,.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true],.ui-button[aria-pressed=true],.ui-button[aria-selected=true],.ui-button[data-selected=true],.cf-filter-chip[aria-pressed=true],.cf-filter-chip[aria-selected=true],.cf-filter-chip[data-selected=true],.cf-segment-button[aria-pressed=true],.cf-segment-button[aria-selected=true],.cf-segment-button[data-selected=true],.cf-card-select[aria-pressed=true],.cf-card-select[aria-selected=true],.cf-card-select[data-selected=true],button[aria-pressed=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[aria-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[data-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),[role=option][aria-selected=true],[role=tab][aria-selected=true],[role=tab][data-state=active]):hover{filter:saturate(1.04)brightness(1.02);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){html body :is(.cf-selected-control,.ui-chip--active,.ui-chip[aria-pressed=true],.ui-chip[aria-selected=true],.ui-chip[data-selected=true],.ui-button[aria-pressed=true],.ui-button[aria-selected=true],.ui-button[data-selected=true],.cf-filter-chip[aria-pressed=true],.cf-filter-chip[aria-selected=true],.cf-filter-chip[data-selected=true],.cf-segment-button[aria-pressed=true],.cf-segment-button[aria-selected=true],.cf-segment-button[data-selected=true],.cf-card-select[aria-pressed=true],.cf-card-select[aria-selected=true],.cf-card-select[data-selected=true],button[aria-pressed=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[aria-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),button[data-selected=true]:not(.ui-data-card):not(.cf-state-selected-control):not(.nav-mobile-item):not(.nav-desktop-item):not(.nav-menu-item):not(.nav-logout-item),[role=option][aria-selected=true],[role=tab][aria-selected=true],[role=tab][data-state=active]):hover{transform:none}}
html body .cf-tuition-status-card{align-items:center!important;gap:.75rem!important;min-width:0!important;height:100%!important;min-height:5.75rem!important}html body .cf-tuition-status-card>span:first-child{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important}html body .cf-tuition-status-card .cf-count-badge{border:1px solid color-mix(in srgb, var(--color-line) 72%, transparent)!important;background:var(--surface-card-strong,var(--surface-card))!important;min-width:3.25rem!important;height:1.75rem!important;color:var(--color-ink)!important;font-variant-numeric:tabular-nums!important;text-align:center!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding-inline:.5rem!important;display:inline-flex!important}html body .cf-tuition-status-card:is([aria-pressed=true],[data-selected=true]) .cf-count-badge{border-color:var(--cf-selected-control-badge-border)!important;background:var(--cf-selected-control-badge-bg)!important;color:var(--cf-selected-control-badge-fg)!important;box-shadow:inset 0 1px #ffffff29!important}@media (max-width:640px){html body .cf-tuition-status-card{min-height:4.75rem!important}}
:root{--onboarding-manual-border:color-mix(in srgb, var(--color-accent-primary) 20%, var(--color-border-subtle));--onboarding-manual-border-strong:color-mix(in srgb, var(--color-accent-primary) 32%, var(--color-border-subtle));--onboarding-manual-surface:linear-gradient(145deg, color-mix(in srgb, var(--color-bg-surface-elevated) 96%, white), color-mix(in srgb, var(--color-bg-surface) 88%, var(--color-bg-muted)));--onboarding-manual-shadow:0 24px 70px #0f172a1c, 0 1px 0 #ffffffe6 inset;--onboarding-selected-bg:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 18%, var(--color-bg-surface-elevated)), color-mix(in srgb, var(--secondary) 16%, var(--color-bg-surface-elevated)) 62%, color-mix(in srgb, var(--accent) 12%, var(--color-bg-surface-elevated)));--onboarding-selected-border:color-mix(in srgb, var(--color-accent-primary) 58%, var(--color-border-subtle));--onboarding-selected-shadow:0 16px 38px color-mix(in srgb, var(--color-accent-primary) 18%, transparent), 0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 14%, transparent)}.theme-dark{--onboarding-manual-border:color-mix(in srgb, var(--color-accent-primary) 22%, var(--color-border-subtle));--onboarding-manual-border-strong:color-mix(in srgb, var(--color-accent-primary) 36%, var(--color-border-subtle));--onboarding-manual-surface:linear-gradient(145deg, color-mix(in srgb, var(--color-bg-surface-elevated) 92%, transparent), color-mix(in srgb, var(--color-bg-surface) 86%, transparent));--onboarding-manual-shadow:0 24px 76px #0309186b, 0 1px 0 #ffffff0d inset;--onboarding-selected-bg:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-primary) 22%, var(--color-bg-surface-elevated)), color-mix(in srgb, var(--secondary) 15%, var(--color-bg-surface-elevated)) 62%, color-mix(in srgb, var(--accent) 12%, var(--color-bg-surface-elevated)));--onboarding-selected-border:color-mix(in srgb, var(--color-accent-primary) 62%, var(--color-border-subtle));--onboarding-selected-shadow:0 18px 42px #03091861, 0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 20%, transparent)}.ui-card[class*="rounded-[32px]"]{border:1px solid var(--onboarding-manual-border)!important;background:var(--onboarding-manual-surface)!important;box-shadow:var(--onboarding-manual-shadow)!important}.ui-card[class*="rounded-[32px]"]>.grid>aside{border-color:var(--onboarding-manual-border)!important;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--color-accent-primary) 9%, transparent), transparent 18rem), linear-gradient(180deg, color-mix(in srgb, var(--color-bg-muted) 74%, var(--color-bg-surface-elevated)), color-mix(in srgb, var(--color-bg-surface-elevated) 88%, var(--color-bg-muted)))!important}.ui-card[class*="rounded-[32px]"]>.grid>section{background:radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--color-accent-primary) 7%, transparent), transparent 18rem), color-mix(in srgb, var(--color-bg-surface-elevated) 72%, transparent)}.auth-input{box-shadow:inset 0 1px #ffffffd1;border:1px solid var(--color-border-strong)!important}.theme-dark .auth-input{box-shadow:inset 0 1px #ffffff0a}.ui-card[class*="rounded-[32px]"] select,.ui-card[class*="rounded-[32px]"] textarea,.ui-card[class*="rounded-[32px]"] input{border-color:var(--color-border-strong)!important;background-color:color-mix(in srgb, var(--color-bg-input) 94%, var(--color-bg-surface-elevated))!important}.ui-card[class*="rounded-[32px]"] select:focus,.ui-card[class*="rounded-[32px]"] textarea:focus,.ui-card[class*="rounded-[32px]"] input:focus{border-color:var(--color-border-focus)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent-primary) 18%, transparent)!important}button[class*=shadow-glow],button[aria-pressed=true],button[data-selected=true]{border-color:var(--onboarding-selected-border)!important;background:var(--onboarding-selected-bg)!important;color:var(--color-accent-primary)!important;box-shadow:var(--onboarding-selected-shadow)!important}button[class*=shadow-glow] *,button[aria-pressed=true] *,button[data-selected=true] *{color:inherit!important}button[class*=shadow-glow] h2,button[class*=shadow-glow] .text-ink,button[aria-pressed=true] h2,button[aria-pressed=true] .text-ink,button[data-selected=true] h2,button[data-selected=true] .text-ink{color:var(--color-text-primary)!important}.ui-card[class*="rounded-[32px]"] aside button[class*=shadow-sm]{border:1px solid var(--onboarding-selected-border)!important;background:var(--onboarding-selected-bg)!important;color:var(--color-accent-primary)!important;box-shadow:var(--onboarding-selected-shadow)!important}.ui-card[class*="rounded-[32px]"] aside button[class*=shadow-sm] *{color:inherit!important}
.demo-page{--demo-section-gap:clamp(1rem, .75rem + .8vw, 1.5rem)}.demo-page .public-header{box-shadow:0 14px 40px color-mix(in srgb, var(--color-shadow) 16%, transparent)}.demo-page .dashboard-hero,.demo-page .dashboard-card,.demo-page nav[aria-label=Màn\ demo],.demo-page nav[aria-label=Màn\ demo]+div{box-shadow:0 18px 52px color-mix(in srgb, var(--color-shadow) 14%, transparent), inset 0 1px 0 #fff6}.theme-dark .demo-page .dashboard-hero,.theme-dark .demo-page .dashboard-card,.theme-dark .demo-page nav[aria-label=Màn\ demo],.theme-dark .demo-page nav[aria-label=Màn\ demo]+div{box-shadow:0 18px 56px #00000047,inset 0 1px #fff1}.demo-page .dashboard-hero{isolation:isolate;position:relative}.demo-page .dashboard-hero:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 68%);pointer-events:none;border-radius:999px;width:min(30rem,60vw);position:absolute;inset:-35% auto auto 58%}.demo-page .dashboard-hero h1{text-wrap:balance;max-width:52rem}.demo-page .dashboard-hero p,.demo-page .dashboard-card p,.demo-page .dashboard-card span,.demo-page .dashboard-card b{overflow-wrap:anywhere}.demo-page nav[aria-label=Màn\ demo]{z-index:30;padding:.625rem;scroll-padding-inline:.75rem;position:sticky;top:4.7rem}.demo-page nav[aria-label=Màn\ demo]>button{letter-spacing:-.005em;min-width:max-content;min-height:3rem}.demo-page nav[aria-label=Màn\ demo]>button[aria-current=page]{transform:translateY(-1px)}.demo-page .dashboard-card{transition:border-color .16s,transform .16s,box-shadow .16s}.demo-page button.dashboard-card:hover{border-color:color-mix(in srgb, var(--color-primary) 32%, var(--color-border))}.demo-page .dashboard-card:has(button:hover){border-color:color-mix(in srgb, var(--color-primary) 32%, var(--color-border))}.demo-page .dashboard-card button,.demo-page section button{min-height:3rem}.demo-page .dashboard-card button:focus-visible,.demo-page nav[aria-label=Màn\ demo]>button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}.demo-page .dashboard-card [class*=truncate]{text-overflow:clip;white-space:normal}.demo-page .dashboard-card .text-2xl,.demo-page .dashboard-card .text-3xl{font-variant-numeric:tabular-nums}@media (max-width:639px){.demo-page .public-header .ui-button,.demo-page .public-header button{flex-shrink:0}.demo-page section.mx-auto{padding-top:1rem}.demo-page .dashboard-hero{border-radius:1.5rem;padding:1.1rem}.demo-page .dashboard-hero h1{font-size:clamp(2rem,13vw,2.55rem);line-height:1.04}.demo-page nav[aria-label=Màn\ demo]{border-radius:1.25rem;margin-inline:-.25rem;top:4rem}.demo-page nav[aria-label=Màn\ demo]>button{min-height:2.75rem;padding-inline:.875rem}}@media (min-width:1024px){.demo-page section.mx-auto{gap:var(--demo-section-gap);display:grid}.demo-page .dashboard-hero{padding-block:2rem}}