@import "https://fonts.googleapis.com/css2?family=Lexend:wght@600;700&family=Manrope:wght@400;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#101415;--color-surface-dim:#101415;--color-surface-bright:#363a3b;--color-surface-container-lowest:#0b0f10;--color-surface-container-low:#191c1e;--color-surface-container:#1d2022;--color-surface-container-high:#272a2c;--color-surface-container-highest:#323537;--color-on-surface:#e0e3e5;--color-on-surface-variant:#c6c6cd;--color-inverse-surface:#e0e3e5;--color-inverse-on-surface:#2d3133;--color-outline:#909097;--color-outline-variant:#45464d;--color-surface-tint:#bec6e0;--color-primary:#bec6e0;--color-on-primary:#283044;--color-primary-container:#0f172a;--color-on-primary-container:#798098;--color-inverse-primary:#565e74;--color-secondary:#ffca45;--color-on-secondary:#3f2e00;--color-secondary-container:#e4ae00;--color-on-secondary-container:#5b4400;--color-tertiary:#b9c7e0;--color-on-tertiary:#233144;--color-tertiary-container:#09182a;--color-on-tertiary-container:#738298;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-primary-fixed:#dae2fd;--color-primary-fixed-dim:#bec6e0;--color-on-primary-fixed:#131b2e;--color-on-primary-fixed-variant:#3f465c;--color-secondary-fixed:#ffdf9a;--color-secondary-fixed-dim:#f7be1d;--color-on-secondary-fixed:#251a00;--color-on-secondary-fixed-variant:#5a4300;--color-tertiary-fixed:#d5e3fd;--color-tertiary-fixed-dim:#b9c7e0;--color-on-tertiary-fixed:#0d1c2f;--color-on-tertiary-fixed-variant:#3a485c;--color-background:#101415;--color-on-background:#e0e3e5;--color-surface-variant:#323537;--font-family-headline:"Lexend", sans-serif;--font-family-body:"Manrope", sans-serif;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--space-unit:4px;--container-max:1440px;--gutter:24px;--margin-x:40px;--stack-sm:8px;--stack-md:16px;--stack-lg:32px;--stack-xl:48px;--stack-2xl:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-family-body);font-size:16px;line-height:1.6}.headline-xl{font-family:var(--font-family-headline);letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1.1}.headline-lg{font-family:var(--font-family-headline);letter-spacing:-.01em;font-size:32px;font-weight:600;line-height:1.2}.headline-md{font-family:var(--font-family-headline);font-size:24px;font-weight:600;line-height:1.3}.body-lg{font-family:var(--font-family-body);font-size:18px;font-weight:400;line-height:1.6}.body-md{font-family:var(--font-family-body);font-size:16px;font-weight:400;line-height:1.6}.label-md{font-family:var(--font-family-body);letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:14px;font-weight:600;line-height:1.4}.data-num{font-family:var(--font-family-headline);font-size:28px;font-weight:700;line-height:1}.container{max-width:var(--container-max);padding:0 var(--margin-x);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.base-Button{font-family:var(--font-family-body);color:var(--color-on-surface);border-radius:var(--radius-md);border:1px solid var(--color-outline);cursor:pointer;white-space:nowrap;background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.5;transition:all .15s;display:inline-flex}.base-Button:hover{background-color:var(--color-surface-container)}.base-Button:active{background-color:var(--color-surface-container-high)}.base-Button:disabled,.base-Button[data-disabled]{opacity:.5;cursor:not-allowed}.base-Button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.base-Button--primary{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:#0000}.base-Button--primary:hover{background-color:var(--color-secondary-container)}.base-Button--primary:active{background-color:var(--color-secondary-fixed-dim)}.card{background-color:var(--color-surface-container-low);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-lg);padding:var(--stack-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header{margin-bottom:var(--stack-md);padding-bottom:var(--stack-sm);border-bottom:1px solid var(--color-surface-container-highest)}.proactive-banner{background-color:var(--color-primary-container);color:var(--color-on-primary-container);padding:12px var(--margin-x);align-items:center;gap:var(--stack-sm);border-bottom:1px solid var(--color-surface-container-highest);display:flex}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff0d}.base-Input{font-family:var(--font-family-body);border-radius:var(--radius-md);color:var(--color-on-surface);background-color:var(--color-surface-container-lowest);border:1px solid var(--color-surface-container-highest);width:100%;padding:8px 12px;font-size:14px;font-weight:400;line-height:1.5;transition:all .15s;box-shadow:0 1px 2px #0000000d}.base-Input:hover{border-color:var(--color-outline-variant)}.base-Input:focus{border-color:var(--color-secondary);outline:1px solid var(--color-secondary)}.base-Input:disabled,.base-Input[data-disabled]{opacity:.5;cursor:not-allowed}.base-Dialog-Overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#00000080;animation:.15s cubic-bezier(.16,1,.3,1) fadeIn;position:fixed;inset:0}.base-Dialog-Popup{background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);border:1px solid var(--color-surface-container-highest);z-index:10001;width:100%;max-width:400px;color:var(--color-on-surface);flex-direction:column;gap:16px;padding:24px;animation:.15s cubic-bezier(.16,1,.3,1) contentShow;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.base-Dialog-Title{font-size:18px;font-weight:600;font-family:var(--font-family-headline);color:var(--color-on-surface);margin:0}.base-Dialog-Description{color:var(--color-on-surface-variant);margin:0;font-size:14px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sidebar{background-color:var(--color-surface-container-low);border-right:1px solid var(--color-surface-container-highest);width:260px;height:100vh;padding:var(--stack-md);position:fixed;top:0;left:0}.main-content{min-height:100vh;margin-left:260px}.top-header{border-bottom:1px solid var(--color-surface-container-highest);height:64px;padding:0 var(--stack-lg);background-color:var(--color-surface);align-items:center;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-on-surface-variant);align-items:center;gap:12px;margin-bottom:4px;padding:10px 12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}.nav-item.active{background-color:var(--color-surface-container-highest);color:var(--color-secondary);border-left:3px solid var(--color-secondary)}.badge{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px;font-weight:700}.badge.error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.badge.success{color:#34d399;background-color:#10b98133}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.base-Toast{background:var(--color-surface-container-highest);border:1px solid var(--color-outline);border-radius:var(--radius-sm);align-items:center;gap:12px;min-width:250px;max-width:350px;padding:12px 16px;animation:.3s ease-out forwards slideIn;display:flex;box-shadow:0 8px 16px #0003}.base-Toast-Title{font-family:var(--font-family-body);color:var(--color-on-surface);flex:1;margin:0;font-size:16px;font-weight:400;line-height:1.6}.base-Toast-Close{color:var(--color-outline);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.base-Toast-Close:hover{background:var(--color-surface-container);color:var(--color-on-surface)}