:root{--ink:#0f1f1a;--ink-deep:#04231a;--gate:#006a4e;--gate-deep:#00543e;--present:#10b981;--present-strong:#0ea271;--late:#e8912d;--danger:#c0392b;--paper:#fbfcfb;--surface:#fff;--rule:#dce5e1;--muted:#5b6b65;--rail:#0f1f1a;--rail-raised:#1b3129;--rail-text:#ffffffd1;--font-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--font-body:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbfcfb;background-color:var(--paper);color:#0f1f1a;color:var(--ink);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);margin:0}code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-family:var(--font-mono)}.ci-form{--ci-ink:#0f1f1a;--ci-gate:#006a4e;--ci-gate-deep:#00543e;--ci-present:#10b981;--ci-late:#e8912d;--ci-rule:#dce5e1;--ci-muted:#5b6b65;--ci-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--ci-body:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,sans-serif;--ci-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;color:var(--ci-ink);font-family:var(--ci-body)}.ci-form .ci-title{color:var(--ci-ink);font-family:var(--ci-display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.ci-form .ci-lede{color:var(--ci-muted);font-size:.9rem;line-height:1.55;margin:0 0 22px}.ci-form .ci-rule{background-color:var(--ci-present);border-radius:2px;height:2px;margin:0 0 18px;width:40px}.ci-form .MuiFormHelperText-root,.ci-form .MuiInputBase-root,.ci-form .MuiInputLabel-root{font-family:var(--ci-body)}.ci-form .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--ci-rule)}.ci-form .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#b9c9c2}.ci-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--ci-gate);border-width:2px}.ci-form .MuiInputLabel-root.Mui-focused{color:var(--ci-gate)}.ci-form .MuiFormHelperText-root{color:var(--ci-muted);font-size:.76rem;line-height:1.5}.ci-form .ci-code-ok{color:var(--ci-gate);font-family:var(--ci-mono);font-size:.74rem}.ci-form .ci-code-checking{color:var(--ci-muted);font-family:var(--ci-mono);font-size:.74rem}.ci-form .ci-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.ci-form .ci-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-family:var(--ci-body);font-size:.92rem;font-weight:600;line-height:1.2;padding:10px 22px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.ci-form .ci-btn:focus-visible{outline:2px solid var(--ci-late);outline-offset:3px}.ci-form .ci-btn-primary{background-color:var(--ci-present);border-color:var(--ci-present);color:#04231a}.ci-form .ci-btn-primary:hover:not(:disabled){background-color:#0ea271;border-color:#0ea271}.ci-form .ci-btn-primary:disabled{background-color:#e3eae7;border-color:#e3eae7;color:#9aa8a2;cursor:not-allowed}.ci-form .ci-btn-quiet{background-color:initial;border-color:var(--ci-rule);color:var(--ci-ink)}.ci-form .ci-btn-quiet:hover:not(:disabled){border-color:var(--ci-gate);color:var(--ci-gate)}.ci-form .ci-btn-quiet:disabled{color:#9aa8a2;cursor:not-allowed}.ci-form .ci-error{background-color:#fdecea;border-left:3px solid #c0392b;border-radius:4px;color:#8c2b20;font-size:.88rem;line-height:1.5;margin:0 0 16px;padding:11px 14px}@media (max-width:600px){.ci-form .ci-actions{flex-direction:column-reverse}.ci-form .ci-btn{width:100%}}.landing-page{--lp-ink:#0f1f1a;--lp-gate:#006a4e;--lp-gate-deep:#00543e;--lp-present:#10b981;--lp-late:#e8912d;--lp-paper:#fbfcfb;--lp-panel:#fff;--lp-rule:#dce5e1;--lp-muted:#5b6b65;--lp-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;--lp-body:"IBM Plex Sans",-apple-system,"Segoe UI",Roboto,sans-serif;--lp-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;-webkit-font-smoothing:antialiased;background-color:var(--lp-paper);color:var(--lp-ink);font-family:var(--lp-body)}.landing-page .lp-shell{box-sizing:border-box;margin:0 auto;max-width:1120px;padding:0 24px;width:100%}.landing-page .lp-eyebrow{color:#ffffff9e;font-family:var(--lp-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}.landing-page .lp-eyebrow-dark{color:var(--lp-gate)}.landing-page .lp-section-title{color:var(--lp-ink);font-family:var(--lp-display);font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}.landing-page .lp-section-sub{color:var(--lp-muted);font-size:1rem;line-height:1.6;margin:0 0 40px;max-width:56ch}.landing-page .lp-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-block;font-family:var(--lp-body);font-size:.95rem;font-weight:600;line-height:1.2;padding:13px 26px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.landing-page .lp-btn:focus-visible{outline:2px solid var(--lp-late);outline-offset:3px}.landing-page .lp-btn-primary{background-color:var(--lp-present);border-color:var(--lp-present);color:#04231a}.landing-page .lp-btn-primary:hover{background-color:#0ea271;border-color:#0ea271}.landing-page .lp-btn-ghost{background-color:initial;border-color:#fff6;color:#fff}.landing-page .lp-btn-ghost:hover{background-color:#ffffff1a;border-color:#fff}.landing-page .lp-btn-outline{background-color:initial;border-color:var(--lp-rule);color:var(--lp-ink)}.landing-page .lp-btn-outline:hover{border-color:var(--lp-gate);color:var(--lp-gate)}.landing-page .lp-btn-invert{background-color:#fff;border-color:#fff;color:var(--lp-gate-deep)}.landing-page .lp-btn-invert:hover{background-color:#eef5f2;border-color:#eef5f2}.landing-page .lp-btn-block{display:block;margin-top:auto;width:100%}.landing-page .lp-hero{background:radial-gradient(120% 90% at 78% 6%,#10b98138 0,#0000 58%),linear-gradient(158deg,#04352a,#0f1f1a);color:#fff}.landing-page .lp-hero-shell{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding-bottom:88px;padding-top:88px}.landing-page .lp-hero-title{color:#fff;font-family:var(--lp-display);font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0 0 18px}.landing-page .lp-hero-sub{color:#fffc;font-size:1.06rem;line-height:1.62;margin:0 0 32px;max-width:42ch}.landing-page .lp-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-page .lp-hero-note{color:#ffffff8c;font-family:var(--lp-mono);font-size:.78rem;letter-spacing:.01em;margin:18px 0 0}.landing-page .lp-success{background-color:#10b98124;border-left:3px solid var(--lp-present);border-radius:4px;color:#fff;font-size:.92rem;line-height:1.5;margin:0 0 22px;max-width:46ch;padding:12px 16px}.landing-page .lp-roll{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.045);border:1px solid #ffffff24;border-radius:10px;margin:0;padding:22px}.landing-page .lp-roll-head{align-items:baseline;border-bottom:1px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.landing-page .lp-roll-eyebrow{color:#ffffffbf;font-family:var(--lp-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.landing-page .lp-roll-meta{color:#ffffff73;font-family:var(--lp-mono);font-size:.7rem}.landing-page .lp-roll-grid{grid-gap:clamp(3px,.6vw,6px);align-items:center;display:grid;gap:clamp(3px,.6vw,6px);grid-template-columns:minmax(72px,104px) repeat(14,minmax(0,1fr))}.landing-page .lp-roll-day{color:#ffffff61;font-family:var(--lp-mono);font-size:.62rem;text-align:center}.landing-page .lp-roll-name{color:#ffffffd1;font-size:.76rem;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.landing-page .lp-cell{aspect-ratio:1/1;border:1px solid #0000;border-radius:3px;display:block;width:100%}.landing-page .lp-cell-in{background-color:var(--lp-present)}.landing-page .lp-cell-late{background-color:var(--lp-late);border-radius:3px 3px 3px 9px}.landing-page .lp-cell-leave{background-color:initial;border-color:#ffffff6b}.landing-page .lp-cell-off{background-color:#ffffff14}.landing-page .lp-roll-legend{border-top:1px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 0;padding-top:14px}.landing-page .lp-legend-item{align-items:center;color:#fff9;display:flex;font-family:var(--lp-mono);font-size:.68rem;gap:7px}.landing-page .lp-legend-item .lp-cell-static{aspect-ratio:auto;flex:0 0 11px;height:11px;width:11px}@media (prefers-reduced-motion:no-preference){.landing-page .lp-roll-grid .lp-cell{animation:lp-punch .42s ease-out forwards;opacity:0}.landing-page .lp-roll-legend .lp-cell{animation:none;opacity:1}}@keyframes lp-punch{0%{opacity:0;transform:translateY(-3px) scale(.82)}to{opacity:1;transform:none}}.landing-page .lp-modules{background-color:var(--lp-paper);padding:84px 0}.landing-page .lp-module-grid{grid-gap:1px;background-color:var(--lp-rule);border:1px solid var(--lp-rule);border-radius:10px;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:36px 0 0;overflow:hidden;padding:0}.landing-page .lp-module{background-color:var(--lp-panel);padding:28px 26px;transition:background-color .18s ease}.landing-page .lp-module:hover{background-color:#f4f8f6}.landing-page .lp-module-name{color:var(--lp-ink);font-family:var(--lp-display);font-size:1.08rem;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}.landing-page .lp-module-blurb{color:var(--lp-muted);font-size:.92rem;line-height:1.6;margin:0}.landing-page .lp-pricing{background-color:var(--lp-panel);border-top:1px solid var(--lp-rule);padding:84px 0}.landing-page .lp-plan-grid{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.landing-page .lp-plan{background-color:var(--lp-panel);border:1px solid var(--lp-rule);border-radius:10px;display:flex;flex-direction:column;padding:26px 22px;position:relative}.landing-page .lp-plan-featured{border-color:var(--lp-gate);box-shadow:0 10px 30px #006a4e1a}.landing-page .lp-plan-flag{background-color:var(--lp-gate);border-radius:999px;color:#fff;font-family:var(--lp-mono);font-size:.62rem;font-weight:500;left:22px;letter-spacing:.1em;padding:3px 10px;position:absolute;text-transform:uppercase;top:-10px}.landing-page .lp-plan-name{color:var(--lp-ink);font-family:var(--lp-display);font-size:1.05rem;font-weight:600;margin:0 0 12px}.landing-page .lp-plan-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.landing-page .lp-plan-amount{color:var(--lp-gate);font-family:var(--lp-mono);font-size:1.85rem;font-weight:600;letter-spacing:-.02em}.landing-page .lp-plan-amount-word{font-size:1.15rem;letter-spacing:0}.landing-page .lp-plan-caption{color:var(--lp-muted);font-family:var(--lp-mono);font-size:.68rem}.landing-page .lp-plan-tagline{color:var(--lp-muted);font-size:.88rem;line-height:1.5;margin:0 0 20px}.landing-page .lp-plan-features{flex-grow:1;list-style:none;margin:0 0 22px;padding:0}.landing-page .lp-plan-feature{color:var(--lp-ink);font-size:.88rem;line-height:1.45;margin-bottom:9px;padding-left:20px;position:relative}.landing-page .lp-plan-feature:before{background-color:var(--lp-present);border-radius:2px;content:"";height:8px;left:0;position:absolute;top:.42em;width:8px}.landing-page .lp-finePrint{color:var(--lp-muted);font-family:var(--lp-mono);font-size:.72rem;line-height:1.7;margin:28px 0 0;max-width:72ch}.landing-page .lp-cta{background-color:var(--lp-gate-deep);color:#fff;padding:72px 0}.landing-page .lp-cta-shell{text-align:center}.landing-page .lp-cta-title{color:#fff;font-family:var(--lp-display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.landing-page .lp-cta-sub{color:#ffffffc2;font-size:1rem;line-height:1.6;margin:0 auto 28px;max-width:48ch}.landing-page .lp-footer{background-color:var(--lp-paper);border-top:1px solid var(--lp-rule);padding:26px 0}.landing-page .lp-footer-shell{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.landing-page .lp-footer-mark{color:var(--lp-ink);font-family:var(--lp-display);font-size:.92rem;font-weight:600}.landing-page .lp-footer-note{color:var(--lp-muted);font-family:var(--lp-mono);font-size:.72rem}@media (max-width:1000px){.landing-page .lp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.landing-page .lp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.landing-page .lp-hero-shell{gap:40px;grid-template-columns:minmax(0,1fr);padding-bottom:64px;padding-top:64px}}@media (max-width:600px){.landing-page .lp-shell{padding:0 18px}.landing-page .lp-cta,.landing-page .lp-modules,.landing-page .lp-pricing{padding:56px 0}.landing-page .lp-roll{padding:16px}.landing-page .lp-roll-grid{grid-template-columns:minmax(58px,68px) repeat(14,minmax(0,1fr))}.landing-page .lp-roll-name{font-size:.66rem}.landing-page .lp-module-grid,.landing-page .lp-plan-grid{grid-template-columns:minmax(0,1fr)}.landing-page .lp-btn{text-align:center;width:100%}}.sidebar{background-color:var(--rail);box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);left:0;overflow:hidden;position:fixed;top:60px;transition:width .25s ease;z-index:900}.logo{border-bottom:1px solid var(--rail-raised);flex-shrink:0;padding:12px 16px}.logo-inner{align-items:center;display:flex;justify-content:space-between}.logo-inner h2{font-size:1rem;margin:0;overflow:hidden;white-space:nowrap}.sidebar-toggle{color:#fff!important;flex-shrink:0}.nav{display:flex;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto;padding:20px 0}.menuItem{align-items:center;color:#fff;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .3s;white-space:nowrap}.menuItem.collapsed{justify-content:center;padding:12px 0}.menuItem.active,.menuItem:hover{background-color:var(--rail-raised)}.menuItem.active{border-left:4px solid var(--present)}.icon{font-size:1.2em;margin-right:10px}.logout-section{background-color:var(--rail);border-top:1px solid var(--rail-raised);padding:20px}.logout-button{align-items:center;background-color:var(--danger);border:none;color:#fff;display:flex;justify-content:center;padding:12px;transition:background-color .3s;white-space:nowrap;width:100%}.logout-button.collapsed{padding:10px 0}.logout-button:hover{background-color:#a53226}.submenu{font-size:.9em;padding-left:40px!important}.leave-management .MuiListItem-root{color:inherit;cursor:pointer;text-decoration:none}.leave-management .MuiListItem-root:hover{background-color:#ffffff1a}.main-header{background-color:#fff;border-bottom:1px solid var(--rule);box-shadow:none;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.logo-container,.main-header{align-items:center;display:flex}.logo-container{height:40px}.logo-image{height:100%;width:auto}.username-display{color:var(--ink);font-weight:600;white-space:nowrap}.profile-section{gap:15px}.profile-link,.profile-section{align-items:center;display:flex}.profile-link{border-radius:4px;color:var(--gate);font-weight:500;gap:8px;padding:6px 12px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.profile-link:hover{background-color:#006a4e14}.logout-button{background-color:var(--paper);border:1px solid var(--rule);border-radius:4px;color:var(--danger);cursor:pointer;font-size:15px;font-weight:700;padding:6px 12px;transition:all .2s}.logout-button:hover{background-color:var(--danger);border-color:var(--danger);color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:space-between;left:0;min-height:60px;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.App-link{color:#61dafb}.app{min-height:100vh;padding-top:60px}.app-container{display:flex;min-height:calc(100vh - 60px)}.content-container{display:flex;flex-direction:column;transition:margin-left .25s ease,width .25s ease}.main-content{flex-grow:1;padding:20px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.125d754c.css.map*/