:root{--md-ref-palette-primary0:#000;--md-ref-palette-primary10:#0f2000;--md-ref-palette-primary20:#1e3700;--md-ref-palette-primary30:#2e4f00;--md-ref-palette-primary40:#3e6a00;--md-ref-palette-primary50:#52840b;--md-ref-palette-primary60:#6a9f2a;--md-ref-palette-primary70:#83bb43;--md-ref-palette-primary80:#9ed75b;--md-ref-palette-primary90:#b9f474;--md-ref-palette-primary95:#d2ff9d;--md-ref-palette-primary99:#f8ffe9;--md-ref-palette-primary100:#fff;--md-ref-palette-secondary0:#000;--md-ref-palette-secondary10:#151e0b;--md-ref-palette-secondary20:#2a331e;--md-ref-palette-secondary30:#404a33;--md-ref-palette-secondary40:#576249;--md-ref-palette-secondary50:#707b61;--md-ref-palette-secondary60:#8a9579;--md-ref-palette-secondary70:#a4af93;--md-ref-palette-secondary80:#bfcbad;--md-ref-palette-secondary90:#dbe7c8;--md-ref-palette-secondary95:#eaf5d6;--md-ref-palette-secondary99:#f8ffe9;--md-ref-palette-secondary100:#fff;--md-ref-palette-tertiary0:#000;--md-ref-palette-tertiary10:#00201e;--md-ref-palette-tertiary20:#003735;--md-ref-palette-tertiary30:#1f4e4b;--md-ref-palette-tertiary40:#386663;--md-ref-palette-tertiary50:#517f7c;--md-ref-palette-tertiary60:#6b9996;--md-ref-palette-tertiary70:#85b4b0;--md-ref-palette-tertiary80:#a0d0cc;--md-ref-palette-tertiary90:#bbece8;--md-ref-palette-tertiary95:#c9faf6;--md-ref-palette-tertiary99:#f2fffd;--md-ref-palette-tertiary100:#fff;--md-ref-palette-neutral0:#000;--md-ref-palette-neutral10:#1b1c18;--md-ref-palette-neutral20:#30312c;--md-ref-palette-neutral30:#464742;--md-ref-palette-neutral40:#5e5f59;--md-ref-palette-neutral50:#777771;--md-ref-palette-neutral60:#91918b;--md-ref-palette-neutral70:#abaca5;--md-ref-palette-neutral80:#c7c7c0;--md-ref-palette-neutral90:#e3e3db;--md-ref-palette-neutral95:#f2f1e9;--md-ref-palette-neutral99:#fdfcf5;--md-ref-palette-neutral100:#fff;--md-ref-palette-neutral-variant0:#000;--md-ref-palette-neutral-variant10:#191d14;--md-ref-palette-neutral-variant20:#2e3228;--md-ref-palette-neutral-variant30:#44483d;--md-ref-palette-neutral-variant40:#5c6054;--md-ref-palette-neutral-variant50:#75796c;--md-ref-palette-neutral-variant60:#8e9285;--md-ref-palette-neutral-variant70:#a9ad9f;--md-ref-palette-neutral-variant80:#c5c8ba;--md-ref-palette-neutral-variant90:#e1e4d5;--md-ref-palette-neutral-variant95:#eff2e3;--md-ref-palette-neutral-variant99:#fbfeee;--md-ref-palette-neutral-variant100:#fff;--md-ref-palette-error0:#000;--md-ref-palette-error10:#410002;--md-ref-palette-error20:#690005;--md-ref-palette-error30:#93000a;--md-ref-palette-error40:#ba1a1a;--md-ref-palette-error50:#de3730;--md-ref-palette-error60:#ff5449;--md-ref-palette-error70:#ff897d;--md-ref-palette-error80:#ffb4ab;--md-ref-palette-error90:#ffdad6;--md-ref-palette-error95:#ffedea;--md-ref-palette-error99:#fffbff;--md-ref-palette-error100:#fff;--md-sys-color-primary:#3e6a00;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#b9f474;--md-sys-color-on-primary-container:#0f2000;--md-sys-color-secondary:#576249;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#dbe7c8;--md-sys-color-on-secondary-container:#151e0b;--md-sys-color-tertiary:#386663;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#bbece8;--md-sys-color-on-tertiary-container:#00201e;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-background:#fdfcf5;--md-sys-color-on-background:#1b1c18;--md-sys-color-surface:#fafaf2;--md-sys-color-on-surface:#1b1c18;--md-sys-color-surface-variant:#e1e4d5;--md-sys-color-on-surface-variant:#44483d;--md-sys-color-outline:#75796c;--md-sys-color-outline-variant:#c5c8ba;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#30312c;--md-sys-color-inverse-on-surface:#f2f1e9;--md-sys-color-inverse-primary:#9ed75b;--md-sys-color-surface-dim:#dbdad3;--md-sys-color-surface-bright:#fafaf2;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f5f4ec;--md-sys-color-surface-container:#efeee7;--md-sys-color-surface-container-high:#e9e8e1;--md-sys-color-surface-container-highest:#e3e3db;--md-sys-color-primary-fixed:#b9f474;--md-sys-color-primary-fixed-dim:#9ed75b;--md-sys-color-on-primary-fixed:#0f2000;--md-sys-color-on-primary-fixed-variant:#2e4f00;--md-sys-color-secondary-fixed:#dbe7c8;--md-sys-color-secondary-fixed-dim:#bfcbad;--md-sys-color-on-secondary-fixed:#151e0b;--md-sys-color-on-secondary-fixed-variant:#404a33;--md-sys-color-tertiary-fixed:#bbece8;--md-sys-color-tertiary-fixed-dim:#a0d0cc;--md-sys-color-on-tertiary-fixed:#00201e;--md-sys-color-on-tertiary-fixed-variant:#1f4e4b;--md-custom-color-whatsapp:#52c23f;--md-custom-color-on-whatsapp:#012200;--md-custom-color-whatsapp-container:#8afc71;--md-custom-color-on-whatsapp-container:#012200;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--md-sys-color-primary:#9ed75b;--md-sys-color-on-primary:#1e3700;--md-sys-color-primary-container:#2e4f00;--md-sys-color-on-primary-container:#b9f474;--md-sys-color-secondary:#bfcbad;--md-sys-color-on-secondary:#2a331e;--md-sys-color-secondary-container:#404a33;--md-sys-color-on-secondary-container:#dbe7c8;--md-sys-color-tertiary:#a0d0cc;--md-sys-color-on-tertiary:#003735;--md-sys-color-tertiary-container:#1f4e4b;--md-sys-color-on-tertiary-container:#bbece8;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffb4ab;--md-sys-color-background:#1b1c18;--md-sys-color-on-background:#e3e3db;--md-sys-color-surface:#121410;--md-sys-color-on-surface:#e3e3db;--md-sys-color-surface-variant:#44483d;--md-sys-color-on-surface-variant:#c5c8ba;--md-sys-color-outline:#8e9285;--md-sys-color-outline-variant:#44483d;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e3e3db;--md-sys-color-inverse-on-surface:#30312c;--md-sys-color-inverse-primary:#3e6a00;--md-sys-color-surface-dim:#121410;--md-sys-color-surface-bright:#383a35;--md-sys-color-surface-container-lowest:#0d0f0b;--md-sys-color-surface-container-low:#1b1c18;--md-sys-color-surface-container:#1f201c;--md-sys-color-surface-container-high:#292a26;--md-sys-color-surface-container-highest:#343530;--md-sys-color-primary-fixed:#b9f474;--md-sys-color-primary-fixed-dim:#9ed75b;--md-sys-color-on-primary-fixed:#0f2000;--md-sys-color-on-primary-fixed-variant:#2e4f00;--md-sys-color-secondary-fixed:#dbe7c8;--md-sys-color-secondary-fixed-dim:#bfcbad;--md-sys-color-on-secondary-fixed:#151e0b;--md-sys-color-on-secondary-fixed-variant:#404a33;--md-sys-color-tertiary-fixed:#bbece8;--md-sys-color-tertiary-fixed-dim:#a0d0cc;--md-sys-color-on-tertiary-fixed:#00201e;--md-sys-color-on-tertiary-fixed-variant:#1f4e4b;--md-custom-color-whatsapp:#52c23f;--md-custom-color-on-whatsapp:#012200;--md-custom-color-whatsapp-container:#045300;--md-custom-color-on-whatsapp-container:#8afc71;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-brand:"Roboto Flex", "Roboto", system-ui, -apple-system, sans-serif;--font-plain:"Roboto", system-ui, -apple-system, sans-serif;--md-sys-shape-none:0px;--md-sys-shape-xs:4px;--md-sys-shape-sm:8px;--md-sys-shape-md:12px;--md-sys-shape-lg:16px;--md-sys-shape-xl:28px;--md-sys-shape-full:999px;--md-sys-elevation-0:none;--md-sys-elevation-1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--md-sys-elevation-4:0 6px 10px 4px #00000026, 0 2px 3px 0 #0000004d;--md-sys-elevation-5:0 8px 12px 6px #00000026, 0 4px 4px 0 #0000004d;--md-sys-motion-duration-short:.2s;--md-sys-motion-duration-medium:.25s;--md-sys-motion-duration-long:.5s;--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--md-sys-state-hover:.08;--md-sys-state-focus:.1;--md-sys-state-pressed:.1;--md-sys-state-dragged:.16}.t-display-l,.t-display-m,.t-display-s,.t-headline-l,.t-headline-m,.t-headline-s,.t-title-l,.t-title-m,.t-title-s{font-family:var(--font-brand)}.t-label-l,.t-label-m,.t-label-s,.t-body-l,.t-body-m,.t-body-s{font-family:var(--font-plain)}.t-display-l{letter-spacing:-.25px;font-size:57px;font-weight:400;line-height:64px}.t-display-m{font-size:45px;font-weight:400;line-height:52px}.t-display-s{font-size:36px;font-weight:400;line-height:44px}.t-headline-l{font-size:32px;font-weight:400;line-height:40px}.t-headline-m{font-size:28px;font-weight:400;line-height:36px}.t-headline-s{font-size:24px;font-weight:400;line-height:32px}.t-title-l{font-size:22px;font-weight:400;line-height:28px}.t-title-m{letter-spacing:.15px;font-size:16px;font-weight:500;line-height:24px}.t-title-s,.t-label-l{letter-spacing:.1px;font-size:14px;font-weight:500;line-height:20px}.t-label-m{letter-spacing:.5px;font-size:12px;font-weight:500;line-height:16px}.t-label-s{letter-spacing:.5px;font-size:11px;font-weight:500;line-height:16px}.t-body-l{letter-spacing:.5px;font-size:16px;font-weight:400;line-height:24px}.t-body-m{letter-spacing:.25px;font-size:14px;font-weight:400;line-height:20px}.t-body-s{letter-spacing:.4px;font-size:12px;font-weight:400;line-height:16px}.emph,.t-display-l.emph,.t-display-m.emph,.t-display-s.emph,.t-headline-l.emph,.t-headline-m.emph,.t-headline-s.emph,.t-title-l.emph{font-weight:600}.t-title-m.emph,.t-title-s.emph,.t-label-l.emph,.t-label-m.emph,.t-label-s.emph,.t-body-l.emph,.t-body-m.emph,.t-body-s.emph{font-weight:700}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-plain);letter-spacing:.25px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);font-size:14px;line-height:20px}#root{min-height:100dvh}a{color:var(--md-sys-color-primary)}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-xs)}::selection{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.mi{letter-spacing:normal;text-transform:none;white-space:nowrap;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mi.fill{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.mi.w400{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.mi.w500{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24}.state:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.state{position:relative}.state:hover:after{opacity:var(--md-sys-state-hover)}.state:focus-visible:after{opacity:var(--md-sys-state-focus)}.state:active:after{opacity:var(--md-sys-state-pressed)}.btn{border-radius:var(--md-sys-shape-full);background:var(--md-sys-color-primary);min-width:64px;height:40px;color:var(--md-sys-color-on-primary);font-family:var(--font-plain);letter-spacing:.1px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.btn:hover:after{opacity:var(--md-sys-state-hover)}.btn:focus-visible:after{opacity:var(--md-sys-state-focus)}.btn:active{transform:scale(.98)}.btn:active:after{opacity:var(--md-sys-state-pressed)}.btn .mi{font-size:18px}.btn.tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn.outlined{color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline);background:0 0}.btn.text{color:var(--md-sys-color-primary);background:0 0;padding:0 12px}.btn.elevated{background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1)}.btn.elevated:hover{box-shadow:var(--md-sys-elevation-2)}.btn.wa{background:var(--md-custom-color-whatsapp);color:var(--md-custom-color-on-whatsapp)}.btn.red{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn.grey{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn.red.tonal,.btn.tonal.red{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.btn.red.outlined,.btn.outlined.red{color:var(--md-sys-color-error);box-shadow:inset 0 0 0 1px var(--md-sys-color-error);background:0 0}.btn.red.text,.btn.text.red{color:var(--md-sys-color-error);background:0 0}.btn.block{width:100%;margin-bottom:10px;display:flex}.btn.sm{letter-spacing:.5px;min-width:48px;height:32px;padding:0 16px;font-size:12px;font-weight:500;line-height:16px}.btn.sm .mi{font-size:16px}.btn:disabled{background:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);box-shadow:none;cursor:not-allowed;pointer-events:none}.icon-btn{border-radius:var(--md-sys-shape-full);width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;border:none;place-items:center;text-decoration:none;display:inline-grid;position:relative;overflow:hidden}.icon-btn:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.icon-btn:hover:after{opacity:var(--md-sys-state-hover)}.icon-btn:active:after{opacity:var(--md-sys-state-pressed)}.icon-btn:disabled{opacity:.38;cursor:default;pointer-events:none}.icon-btn.filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.icon-btn.tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.icon-btn.outlined{box-shadow:inset 0 0 0 1px var(--md-sys-color-outline)}.fab{border-radius:var(--md-sys-shape-lg);background:var(--md-sys-color-primary-container);min-width:56px;height:56px;color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-3);font-family:var(--font-plain);letter-spacing:.1px;cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;position:relative;overflow:hidden}.fab:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.fab:hover{box-shadow:var(--md-sys-elevation-4)}.fab:hover:after{opacity:var(--md-sys-state-hover)}.fab:active:after{opacity:var(--md-sys-state-pressed)}.fab.extended{padding:0 20px}.fab-wrap{justify-content:flex-end;padding:16px;display:flex}.fab-dock{z-index:20;position:fixed;bottom:24px;right:16px}@media (width>=600px){.fab-dock{bottom:32px;right:32px}}.page.has-fab{padding-bottom:112px}.topbar{z-index:10;background:var(--md-sys-color-primary-container);min-height:64px;color:var(--md-sys-color-on-primary-container);transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);align-items:center;gap:4px;padding:0 8px;display:flex;position:sticky;top:0}.topbar .back,.topbar .menu-btn{color:inherit}.topbar .title{min-width:0;font-family:var(--font-brand);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 4px 0 12px;font-size:22px;font-weight:500;line-height:28px;overflow:hidden}.topbar .actions{align-items:center;gap:4px;display:flex}@media (width>=600px){.topbar .menu-btn{display:none}}.shell{background:var(--md-sys-color-surface);min-height:100dvh;display:flex}.content{flex-direction:column;flex:1;min-width:0;display:flex}.navbar{display:none}@media (width<=599.98px){.navbar{z-index:30;height:calc(80px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);display:flex;position:fixed;inset:auto 0 0}.nav-item{cursor:pointer;min-width:0;color:var(--md-sys-color-on-surface-variant);font:inherit;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 2px;display:flex}.ni-ind{width:64px;max-width:100%;height:32px;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);border-radius:16px;justify-content:center;align-items:center;display:flex}.nav-item:hover .ni-ind{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent)}.nav-item.active .ni-ind{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.nav-item.active .ni-label{color:var(--md-sys-color-on-surface);font-weight:600}.ni-label{font-family:var(--md-sys-typescale-label-medium-font);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 2px;font-size:12px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.content{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.fab-dock{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page.has-fab{padding-bottom:24px}}.rail{display:none}@media (width>=600px){.rail{background:var(--md-sys-color-surface-container-low);flex-direction:column;flex:0 0 108px;align-items:center;gap:8px;width:108px;padding:16px 0 12px;display:flex}}.rail-brand{border-radius:var(--md-sys-shape-md);background:var(--md-sys-color-primary-container);cursor:pointer;border:none;place-items:center;width:56px;height:56px;margin-bottom:12px;display:grid;overflow:hidden}.rail-brand img{object-fit:contain;width:40px;height:40px}.rail-item{width:100px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.rail-ind{border-radius:var(--md-sys-shape-full);width:56px;height:32px;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);place-items:center;display:grid}.rail-item:hover .rail-ind{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent)}.rail-item .rl{font-family:var(--font-plain);letter-spacing:.5px;white-space:nowrap;color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500;line-height:16px}.rail-item.active .rail-ind{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.rail-item.active .rl{color:var(--md-sys-color-on-surface);font-weight:700}.rail-item.active .mi{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.rail-foot{flex-direction:column;align-items:center;gap:8px;margin-top:auto;display:flex}.drawer-scrim{background:color-mix(in srgb, var(--md-sys-color-scrim) 40%, transparent);z-index:90;animation:m3-fade-in var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);position:fixed;inset:0}.drawer{z-index:95;background:var(--md-sys-color-surface-container-low);border-radius:0 var(--md-sys-shape-lg) var(--md-sys-shape-lg) 0;width:min(360px,88vw);box-shadow:var(--md-sys-elevation-3);animation:m3-slide-in-left var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate);flex-direction:column;gap:4px;padding:12px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.drawer-head{align-items:center;gap:12px;padding:12px 12px 16px;display:flex}.drawer-head img{object-fit:contain;border-radius:var(--md-sys-shape-md);background:var(--md-sys-color-primary-container);width:44px;height:44px;padding:4px}.drawer-head .dh-name{font-family:var(--font-brand);font-size:18px;font-weight:600;line-height:24px}.drawer-head .dh-sub{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.drawer-item{border-radius:var(--md-sys-shape-full);height:56px;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-plain);letter-spacing:.1px;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:flex}.drawer-item .di-ind{border-radius:var(--md-sys-shape-full);place-items:center;width:56px;height:32px;margin-left:-12px;display:grid}.drawer-item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent)}.drawer-item.active{color:var(--md-sys-color-on-surface)}.drawer-item.active .di-ind{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.drawer-item.active .mi{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.drawer-foot{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:auto;padding-top:12px}.page{width:100%;max-width:1080px;margin:0 auto;padding:16px}@media (width>=600px){.page{padding:24px 24px 40px}}.col-narrow{max-width:560px}.col-wide{max-width:760px}.greet{font-family:var(--font-brand);color:var(--md-sys-color-on-surface);padding:8px 16px 0;font-size:24px;font-weight:600;line-height:32px}.greet .sub{font-family:var(--font-plain);color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:400;line-height:20px;display:block}.section-title{font-family:var(--font-brand);letter-spacing:.15px;color:var(--md-sys-color-on-surface);align-items:center;gap:8px;margin:24px 0 12px;font-size:16px;font-weight:600;line-height:24px;display:flex}.foot-note{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.foot-note .ver{color:var(--md-sys-color-on-surface-variant);font-size:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px;display:grid}.stat{border-radius:var(--md-sys-shape-md);background:var(--md-sys-color-surface-container-high);text-align:center;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 8px;display:flex}.stat b{font-family:var(--font-brand);color:var(--md-sys-color-primary);font-size:24px;font-weight:600;line-height:32px}.stat span{font-family:var(--font-plain);letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);font-size:11px;font-weight:500;line-height:16px}.stat.accent b{color:var(--md-sys-color-tertiary)}.grid-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=600px){.grid-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=840px){.grid-menu{grid-template-columns:repeat(4,minmax(0,1fr))}}.menu-item{border-radius:var(--md-sys-shape-lg);background:var(--md-sys-color-secondary-container);min-height:116px;color:var(--md-sys-color-on-secondary-container);font-family:var(--font-brand);letter-spacing:.15px;cursor:pointer;transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 12px;font-size:16px;font-weight:500;line-height:24px;display:flex;position:relative;overflow:hidden}.menu-item:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.menu-item:hover{box-shadow:var(--md-sys-elevation-1);transform:translateY(-1px)}.menu-item:hover:after{opacity:var(--md-sys-state-hover)}.menu-item:active{transform:scale(.97)}.menu-item:active:after{opacity:var(--md-sys-state-pressed)}.menu-item .mi{font-size:28px}.menu-item.primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.list{background:var(--md-sys-color-surface-container-lowest);border-radius:var(--md-sys-shape-lg);overflow:hidden}.list+.list{margin-top:12px}.list-item{border-bottom:1px solid var(--md-sys-color-outline-variant);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 16px;display:flex;position:relative}.list .list-item:last-child{border-bottom:none}.list-item:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.list-item:hover:after{opacity:var(--md-sys-state-hover)}.list-item:active:after{opacity:var(--md-sys-state-pressed)}.list-item .lead{align-items:center;gap:16px;min-width:0;display:flex}.list-item .txt{min-width:0}.list-item .t1{font-family:var(--font-brand);letter-spacing:.15px;color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.list-item .t2{font-family:var(--font-plain);letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:400;line-height:20px}.list-item .t3{color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px}.list-item .trail{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;align-items:center;gap:8px;display:flex}img.logo{border-radius:var(--md-sys-shape-md);object-fit:cover;background:var(--md-sys-color-surface-container);flex-shrink:0;width:48px;height:48px}img.avatar{border-radius:var(--md-sys-shape-full);object-fit:cover;background:var(--md-sys-color-surface-container);width:64px;height:64px}.chip{border-radius:var(--md-sys-shape-sm);background:var(--md-sys-color-surface-container-highest);height:32px;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-plain);letter-spacing:.1px;white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.chip .mi{font-size:18px}.chip.sm{letter-spacing:.5px;height:24px;padding:0 10px;font-size:12px;line-height:16px}.chip.sm .mi{font-size:14px}.chip.ok{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.chip.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.chip.info{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.chip.wa{background:var(--md-custom-color-whatsapp-container);color:var(--md-custom-color-on-whatsapp-container)}button.chip{cursor:pointer;position:relative;overflow:hidden}button.chip:after{content:"";opacity:0;transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}button.chip:hover:after{opacity:var(--md-sys-state-hover)}button.chip:active:after{opacity:var(--md-sys-state-pressed)}button.chip.selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.chip.outlined{box-shadow:inset 0 0 0 1px var(--md-sys-color-outline);background:0 0}.badge{border-radius:var(--md-sys-shape-full);background:var(--md-sys-color-surface-container-highest);height:24px;color:var(--md-sys-color-on-surface-variant);letter-spacing:.5px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.badge.on,.badge.ok{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge.off,.badge.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-lg);transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);margin-bottom:12px;padding:16px}.card.filled{background:var(--md-sys-color-surface-container-highest)}.card.outlined{background:var(--md-sys-color-surface);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--md-sys-elevation-1)}.card h3{font-family:var(--font-brand);color:var(--md-sys-color-on-surface);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:18px;font-weight:600;line-height:24px;display:flex}.card-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.card-head h3{margin-bottom:0}.card-head .ch-sub{font-family:var(--font-plain);color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:18px}.card .row-btns{margin-top:12px}.kv{border-bottom:1px dashed var(--md-sys-color-outline-variant);font-family:var(--font-plain);letter-spacing:.25px;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;font-size:14px;line-height:20px;display:flex}.kv:last-child{border-bottom:none}.kv>span{color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.kv b{text-align:right;max-width:65%;color:var(--md-sys-color-on-surface);overflow-wrap:anywhere;font-weight:500}.row-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tabs{border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);height:48px;display:flex}.tabs button{height:48px;color:var(--md-sys-color-on-surface-variant);font-family:var(--font-plain);letter-spacing:.1px;cursor:pointer;transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;border:none;flex:1;font-size:14px;font-weight:500;line-height:20px;position:relative}.tabs button:before{content:"";border-radius:var(--md-sys-shape-full);width:min(64px,100% - 16px);height:32px;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);background:0 0;position:absolute;top:8px;left:50%;transform:translate(-50%)}.tabs button>span{z-index:1;position:relative}.tabs button.active{color:var(--md-sys-color-on-surface);font-weight:700}.tabs button.active:before{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.tabs button:hover:before{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 8%, transparent)}.tabs button.active:hover:before{background:var(--md-sys-color-secondary-container)}.tf{margin-bottom:20px;position:relative}.tf-box{position:relative}.tf input,.tf select,.tf textarea{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-xs);width:100%;height:56px;color:var(--md-sys-color-on-surface);font-family:var(--font-plain);letter-spacing:.5px;transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;outline:none;padding:8px 16px;font-size:16px;line-height:24px}.tf textarea{resize:vertical;height:auto;min-height:96px}.tf select{appearance:none;cursor:pointer;padding-right:48px}.tf input::placeholder,.tf textarea::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.8}.tf.focused input,.tf.focused select,.tf.focused textarea{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}.tf.error input,.tf.error select,.tf.error textarea{border-color:var(--md-sys-color-error);box-shadow:inset 0 0 0 1px var(--md-sys-color-error)}.tf .tf-label{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);font-family:var(--font-plain);letter-spacing:.5px;pointer-events:none;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);padding:0 4px;font-size:16px;line-height:24px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.modal .tf .tf-label{background:var(--md-sys-color-surface-container-high)}.card .tf .tf-label,.login-card .tf .tf-label{background:var(--md-sys-color-surface-container-low)}.tf.float .tf-label,.tf.focused .tf-label{letter-spacing:.4px;font-size:12px;line-height:16px;top:0;transform:translateY(-50%)}.tf.focused .tf-label{color:var(--md-sys-color-primary)}.tf.error .tf-label{color:var(--md-sys-color-error)}.tf .tf-icon{color:var(--md-sys-color-on-surface-variant);place-items:center;display:grid;position:absolute;top:16px}.tf .tf-icon.lead{left:12px}.tf .tf-icon.lead~input{padding-left:48px}.tf .tf-icon.lead~.tf-label{left:44px}.tf .tf-icon.trail{right:8px}.tf .tf-icon.trail.btn-trail{border-radius:var(--md-sys-shape-full);cursor:pointer;width:48px;height:48px;color:var(--md-sys-color-on-surface-variant);background:0 0;border:none;position:absolute;top:4px;right:4px}.tf .tf-icon.trail.select-arrow{pointer-events:none;right:12px}.tf .tf-support{font-family:var(--font-plain);letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin-top:4px;padding:0 16px;font-size:12px;line-height:16px}.tf.error .tf-support{color:var(--md-sys-color-error)}.field-row{align-items:flex-start;gap:12px;display:flex}.field-row>.kode{flex:0 0 104px}.field-row>.grow{flex:1;min-width:0}.tf input:disabled,.tf select:disabled,.tf textarea:disabled{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);border-color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);cursor:not-allowed}.tf-fieldset{border:none;margin-bottom:20px}.tf-fieldset>legend{font-family:var(--font-plain);letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin-left:-4px;padding:0 4px;font-size:12px;line-height:16px}.field{margin-bottom:16px}.field label{font-family:var(--font-plain);letter-spacing:.4px;color:var(--md-sys-color-on-surface-variant);margin-bottom:4px;font-size:12px;line-height:16px;display:block}.field input,.field select,.field textarea{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-xs);width:100%;height:56px;color:var(--md-sys-color-on-surface);background:0 0;padding:8px 16px;font-size:16px;line-height:24px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary);outline:none}.check-row,.radio-row label{min-height:48px;font-family:var(--font-plain);letter-spacing:.1px;color:var(--md-sys-color-on-surface);cursor:pointer;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}input.cbx,input.rb{appearance:none;border:2px solid var(--md-sys-color-on-surface-variant);cursor:pointer;width:20px;height:20px;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;flex-shrink:0;margin:0;position:relative}input.cbx{border-radius:2px}input.rb{border-radius:var(--md-sys-shape-full)}input.cbx:checked,input.rb:checked{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}input.cbx:checked:after{content:"";border:solid var(--md-sys-color-on-primary);border-width:0 2.5px 2.5px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}input.rb:checked:after{content:"";border-radius:var(--md-sys-shape-full);background:var(--md-sys-color-on-primary);width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input.cbx:focus-visible,input.rb:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}input.cbx:disabled,input.rb:disabled{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);cursor:not-allowed}.radio-row{flex-wrap:wrap;gap:8px;display:flex}.toast{z-index:120;border-radius:var(--md-sys-shape-xs);background:var(--md-sys-color-inverse-surface);max-width:calc(100vw - 32px);min-height:48px;color:var(--md-sys-color-inverse-on-surface);font-family:var(--font-plain);letter-spacing:.25px;box-shadow:var(--md-sys-elevation-3);animation:m3-slide-up var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate);align-items:center;gap:12px;padding:10px 16px;font-size:14px;line-height:20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast .toast-action{color:var(--md-sys-color-inverse-primary);font-family:var(--font-plain);letter-spacing:.1px;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:14px;font-weight:500}@media (width>=600px){.toast{bottom:24px}}@media (width<=599px){.toast{width:calc(100vw - 32px);bottom:88px}}.modal-bg{z-index:110;background:color-mix(in srgb, var(--md-sys-color-scrim) 40%, transparent);animation:m3-fade-in var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--md-sys-shape-xl);background:var(--md-sys-color-surface-container-high);width:min(92vw,420px);max-height:85vh;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);animation:m3-dialog-in var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized-decelerate);padding:24px;overflow:auto}.modal h2{font-family:var(--font-brand);color:var(--md-sys-color-on-surface);margin-bottom:16px;font-size:24px;font-weight:500;line-height:32px}.modal .modal-body{font-family:var(--font-plain);letter-spacing:.25px;color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px}.modal .modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal .kv{border-bottom-color:var(--md-sys-color-outline-variant)}.loading{color:var(--md-sys-color-on-surface-variant);font-family:var(--font-plain);letter-spacing:.25px;align-items:center;gap:16px;padding:24px 16px;font-size:14px;display:flex}.spinner{border-radius:var(--md-sys-shape-full);border:3px solid var(--md-sys-color-secondary-container);border-top-color:var(--md-sys-color-primary);flex-shrink:0;width:32px;height:32px;animation:.9s linear infinite m3-spin}.empty{text-align:center;color:var(--md-sys-color-on-surface-variant);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty .mi{color:var(--md-sys-color-outline);font-size:40px}.empty .e-title{font-family:var(--font-brand);color:var(--md-sys-color-on-surface);font-size:16px;font-weight:600}.empty .e-body{font-family:var(--font-plain);font-size:14px;line-height:20px}.pager{background:var(--md-sys-color-surface-container-low);border-radius:16px;flex-direction:column;align-items:center;gap:8px;max-width:640px;margin:20px auto 24px;padding:12px;display:flex}.pager-info{color:var(--md-sys-color-on-surface-variant);text-align:center}.pager-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.pager-num{min-width:40px;height:40px;color:var(--md-sys-color-on-surface);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:0 10px}.pager-num:hover{background:var(--md-sys-color-surface-container-high)}.pager-num.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-weight:700}.pager-ellip{text-align:center;min-width:24px;color:var(--md-sys-color-on-surface-variant)}.link{border-radius:var(--md-sys-shape-full);color:var(--md-sys-color-primary);font-family:var(--font-plain);letter-spacing:.1px;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}a.inline-link{color:var(--md-sys-color-primary);font-weight:500}.divider{background:var(--md-sys-color-outline-variant);border:none;height:1px;margin:12px 0}.login-wrap{flex-direction:column;min-height:100dvh;display:flex}.login-hero{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px 32px;display:flex}.login-hero img{object-fit:contain;border-radius:var(--md-sys-shape-md);background:var(--md-sys-color-surface-container-lowest);width:72px;height:72px;padding:6px}.login-hero h1{font-family:var(--font-brand);font-size:32px;font-weight:600;line-height:40px}.login-hero p{font-family:var(--font-plain);letter-spacing:.25px;font-size:14px;line-height:20px}.login-form-wrap{flex:1;justify-content:center;padding:24px 16px 48px;display:flex}.login-card{border-radius:var(--md-sys-shape-xl);background:var(--md-sys-color-surface-container-low);width:min(100%,440px);box-shadow:var(--md-sys-elevation-1);padding:24px}.login-theme{position:absolute;top:12px;right:12px}.login-top{position:relative}@keyframes m3-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m3-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes m3-slide-up{0%{opacity:0;transform:translate(-50%,120%)}to{opacity:1;transform:translate(-50%)}}@keyframes m3-dialog-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes m3-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
