@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--platinum:#e7ecef;--dusk:#274c77;--steel:#6096ba;--icy:#a3cef1;--page:#f7f8fc;--surface:#fff;--ink:#101318;--muted:#7b808d;--faint:#eff2f7;--line:#e8ebf2;--casual:#2b6f95;--casual-soft:#e9f6fd;--bank:#274c77;--bank-soft:#e2ebf5;--sick:#c31414;--sick-soft:#fff4f4;--shadow:0 24px 60px #274c7714}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 0%, #a3cef13d, transparent 34rem), linear-gradient(180deg, #fff 0, var(--page) 110px);letter-spacing:0;margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portal-shell{width:min(1500px,100% - 48px);min-height:100vh;margin:0 auto;padding:25px 35px}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:96px;margin-bottom:15px;display:flex}.brand-heading{align-items:left;flex-direction:column;gap:5px;min-width:0;display:inline-flex}.brand-heading strong{color:var(--dusk);letter-spacing:-.03em;white-space:nowrap;font-size:1.78rem;font-weight:800}.brand-heading p{color:var(--muted);white-space:nowrap;margin:0;padding:0;font-size:1.08rem;font-weight:400}.brand-mark{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark strong{color:var(--dusk);letter-spacing:-.03em;white-space:nowrap;font-size:1.78rem;font-weight:800}.brand-mark span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.brand-mark svg{color:#fff;background:var(--dusk);border-radius:14px;width:44px;height:44px;padding:10px}.brand-mark.large strong{font-size:1.35rem;display:block}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-button,.text-button,.secondary-button,.google-button,.primary-action{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.icon-button:hover,.text-button:hover,.secondary-button:hover,.google-button:hover,.primary-action:hover{transform:translateY(-1px)}.icon-button{color:#2d323c;border-radius:999px;width:44px}.icon-button:hover{background:#eef3f8}.icon-button.danger,.text-button.danger{color:#c31414}.icon-button svg,.text-button svg,.secondary-button svg,.google-button svg,.primary-action svg{width:20px;height:20px}.primary-action,.google-button{color:#fff;background:var(--dusk);border-radius:999px;min-height:62px;padding:0 34px;font-weight:800;box-shadow:0 16px 34px #274c7733}.google-button{width:fit-content;min-height:50px;margin-top:24px}.secondary-button,.text-button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:42px;padding:0 14px;font-weight:800}.profile-pill{border-left:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding-left:26px;display:inline-flex}.profile-pill img,.profile-pill svg{background:var(--platinum);border-radius:50%;flex:none;width:46px;height:46px}.profile-pill>span{text-align:right;min-width:0;display:grid}.profile-pill strong{color:#05070a;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden}.profile-pill p{color:var(--muted);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;font-style:normal;font-weight:500;overflow:hidden}.mobile-menu-trigger{width:46px;height:46px;color:var(--dusk);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.mobile-menu-trigger svg{width:22px;height:22px}.dashboard-heading{justify-content:space-between;align-items:flex-start;gap:28px;padding:38px 0 42px;display:flex}.dashboard-heading h1{color:#090b0f;letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,5vw,3.35rem);font-weight:800;line-height:1}.dashboard-heading p{color:#6f7480;margin:14px 0 0;font-size:1.16rem;line-height:1.5}.alias-strip{flex-wrap:wrap;gap:8px;max-width:720px;margin-top:18px;display:flex}.alias-strip span,.year-chip,.count-pill,.loading-chip{min-height:30px;color:var(--dusk);background:#a3cef142;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow,.section-kicker{color:#8b909b;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.error-banner,.permission-banner{border-radius:24px;margin:0 0 22px;padding:18px 22px;font-weight:700}.error-banner{color:#8b1e1e;background:#fff2f2}.permission-banner{color:#624d13;background:#fff9e8;justify-content:space-between;align-items:center;gap:20px;display:flex}.permission-banner h2{margin:5px 0 0;font-size:1.08rem}.permission-banner p{color:#756330;max-width:780px;margin:8px 0 0;line-height:1.45}.permission-banner .google-button{flex:none;margin-top:0}.quota-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;display:grid}.quota-card,.panel{box-shadow:var(--shadow);background:#fffffff5;border:1px solid #fffc;border-radius:28px}.quota-card{min-height:265px;padding:38px}.quota-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.quota-head>span{color:#858b96;letter-spacing:.16em;text-transform:uppercase;font-size:.86rem;font-weight:700}.quota-icon{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex}.quota-icon svg{width:27px;height:27px}.quota-card.casual .quota-icon{color:#075c87;background:#eef8ff}.quota-card.bank .quota-icon{color:var(--dusk);background:#e9eef4}.quota-card.sick .quota-icon{color:var(--sick);background:#fff8f8}.quota-main{color:#171b23;align-items:flex-end;gap:10px;margin-top:18px;display:flex}.quota-main strong{color:var(--dusk);letter-spacing:-.04em;font-size:3.35rem;font-weight:500;line-height:.95}.quota-main span{color:#1d2028;padding-bottom:7px;font-size:1.22rem;font-weight:500}.progress-track{background:#eff0f5;border-radius:999px;width:100%;height:9px;margin-top:40px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--steel);height:100%;display:block}.quota-card.bank .progress-track span{background:var(--dusk)}.quota-card.sick .progress-track span{background:#edc6c6;width:100%!important}.quota-footer{color:#20242d;justify-content:space-between;gap:12px;margin-top:22px;font-size:1rem;font-weight:600;display:flex}.quota-footer span:last-child{color:var(--dusk);text-transform:none;font-weight:700}.quota-footer.no-quota span:last-child{color:#2b303a;letter-spacing:.08em;text-transform:uppercase;font-size:.86rem}.content-grid{grid-template-columns:minmax(360px,.92fr) minmax(0,1.92fr);align-items:start;gap:38px;margin-top:38px;display:grid}.panel{min-width:0;padding:38px}.month-panel{min-height:0}.list-panel{min-height:620px}.panel-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.entries-header{align-items:flex-start}.search-box{color:#a1a6b0;background:#fafafe;border-radius:18px;align-items:center;gap:12px;width:min(310px,42%);min-width:230px;height:56px;padding:0 18px;display:flex}.search-box svg{flex:none;width:20px;height:20px}.search-box input{color:#3d4350;background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box input::placeholder{color:#777d8a}.month-chart{gap:24px;display:grid}.month-legend{color:#7f8692;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:.78rem;font-weight:700;display:flex}.legend-dot{border-radius:50%;align-self:center;width:9px;height:9px}.legend-dot.casual{background:var(--steel)}.legend-dot.bank{background:var(--dusk);margin-left:10px}.legend-dot.sick{background:#edc6c6;margin-left:10px}.month-rows{gap:18px;display:grid}.month-row{gap:10px;display:grid}.month-row-head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.month-row-head strong{color:#171b23;white-space:nowrap;font-size:.96rem;font-weight:600}.month-track{background:#f0f2f6;border-radius:999px;height:16px;overflow:hidden}.month-stack{border-radius:inherit;min-width:36px;height:100%;display:flex;overflow:hidden}.bar{min-height:0}.bar.casual{background:var(--steel)}.bar.bank{background:var(--dusk)}.bar.sick{background:#edc6c6}.month-label{color:#9298a3;text-transform:uppercase;font-size:.75rem;font-weight:600}.month-label.active{color:var(--dusk);font-weight:900}.month-summary{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding-top:28px;display:flex}.month-summary span{color:#8b909b;font-size:1.05rem;font-weight:500}.month-summary strong{color:#171b23;font-size:1.05rem;font-weight:600}.empty-state{min-height:180px;color:var(--muted);text-align:center;border:1px dashed var(--line);background:#fafafe;border-radius:24px;justify-content:center;align-items:center;padding:28px;font-weight:500;display:flex}.leave-table{display:grid;overflow:hidden}.leave-table-head,.leave-item{grid-template-columns:130px minmax(190px,1.35fr) minmax(180px,1fr) 70px minmax(120px,.8fr);align-items:center;gap:26px;display:grid}.leave-table-head{color:#8b909b;letter-spacing:.16em;text-transform:uppercase;padding:0 0 26px;font-size:.78rem;font-weight:700}.leave-item{color:#11151c;border-top:1px solid #f0f2f6;min-height:88px;padding:18px 0;text-decoration:none}.leave-item strong,.leave-item span,.leave-item em,.leave-item b{overflow-wrap:anywhere;min-width:0}.leave-item strong{font-size:1.04rem;font-weight:500}.leave-item>span:not(.leave-type){color:#1f2430;font-size:1.02rem;font-weight:500}.leave-item b{text-align:center;font-size:1.08rem;font-weight:700}.leave-days small,.mobile-field-label{display:none}.leave-item em{color:#a0a5af;font-style:normal;font-weight:600}.leave-type{letter-spacing:.08em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;width:fit-content;min-height:30px;padding:0 15px;font-size:.76rem;font-weight:700;display:inline-flex}.leave-type.casual{color:#2b6f95;background:var(--casual-soft)}.leave-type.bank{color:var(--dusk);background:var(--bank-soft)}.leave-type.sick{color:var(--sick);background:var(--sick-soft)}.table-footer{color:#8b909b;border-top:1px solid #f0f2f6;padding-top:28px;font-size:1.02rem;font-weight:500}.settings-overlay{pointer-events:none;z-index:20;position:fixed;inset:0}.settings-overlay.is-open{pointer-events:auto}.settings-backdrop{cursor:pointer;background:#10131800;border:0;width:100%;height:100%;padding:0;transition:background .18s;position:absolute;inset:0}.settings-overlay.is-open .settings-backdrop{background:#10131847}.settings-panel{z-index:2;border-left:1px solid var(--line);background:#fff;width:min(520px,100%);height:100%;padding:34px;transition:transform .18s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 60px #274c7724}.settings-overlay.is-open .settings-panel{transform:translate(0)}.drawer-user-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:10px;display:none}.drawer-user-card img,.drawer-user-card>svg{background:var(--platinum);border-radius:50%;width:54px;height:54px}.drawer-user-card>svg{color:var(--dusk);padding:13px}.drawer-user-card div{gap:3px;min-width:0;display:grid}.drawer-user-card strong,.drawer-user-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-user-card strong{color:#090b0f;font-size:1.05rem;font-weight:700}.drawer-user-card span{color:var(--muted);font-size:.82rem;font-weight:600}.drawer-user-card .text-button{grid-column:1/-1;width:100%}.field{gap:10px;margin-bottom:18px;display:grid}.field span,.calendar-source span{color:#8b909b;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.field input,.field select{width:100%;min-height:50px;color:var(--ink);border:1px solid var(--line);background:#fafafe;border-radius:14px;outline:none;padding:0 14px}.field input:focus,.field select:focus{border-color:var(--steel);box-shadow:0 0 0 4px #6096ba26}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.calendar-source{border:1px solid var(--line);background:#fafafe;border-radius:18px;gap:12px;margin-top:20px;padding:18px;display:grid}.calendar-source strong{overflow-wrap:anywhere;font-size:.92rem}.warning-source{background:#fff9e8;border-color:#ecd99e}.alias-list{flex-wrap:wrap;gap:8px;display:flex}.alias-list strong{min-height:30px;color:var(--dusk);background:#fff;border:1px solid #a3cef199;border-radius:999px;align-items:center;padding:0 11px;display:inline-flex}.login-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{width:min(980px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:28px;padding:34px;display:grid}.login-copy{align-self:center}.login-copy h2{color:#090b0f;max-width:620px;margin:42px 0 0;font-size:2rem;font-weight:800;line-height:2.8rem}.login-copy p{max-width:560px;color:var(--muted);margin:22px 0 0;font-size:1.05rem;line-height:1.6}.login-preview{background:var(--page);border-radius:24px;align-content:center;gap:14px;min-height:460px;padding:22px;display:grid}.login-preview .quota-card{border-color:#ffffffeb;border-radius:22px;min-height:0;padding:24px;box-shadow:0 14px 34px #274c7714}.login-preview .quota-head{align-items:center}.login-preview .quota-head>span{font-size:.74rem}.login-preview .quota-icon{width:50px;height:50px}.login-preview .quota-icon svg{width:21px;height:21px}.login-preview .quota-main{margin-top:12px}.login-preview .quota-main strong{font-size:2.35rem}.login-preview .quota-main span{padding-bottom:4px;font-size:.95rem}.login-preview .progress-track{height:7px;margin-top:22px}.login-preview .quota-footer{margin-top:14px;font-size:.84rem}.preview-card{background:#fff;border-radius:20px;gap:12px;padding:22px;display:grid}.preview-card span{color:var(--muted);font-weight:900}.preview-card strong{color:var(--dusk);font-size:2.4rem;font-weight:500}.preview-card.casual{border:2px solid var(--steel)}.preview-card.bank{border:2px solid var(--dusk)}.preview-card.sick{border:2px solid var(--sick)}.loading-panel{align-items:center;gap:12px;padding:18px 22px;font-weight:700;display:inline-flex}.global-error-panel{flex-direction:column;align-items:flex-start}.global-error-panel div{gap:6px;display:grid}.global-error-panel strong{color:var(--ink)}.loader{border:3px solid #d7e6f2;border-top-color:var(--dusk);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.quota-grid{gap:20px}.content-grid{grid-template-columns:1fr}.month-panel,.list-panel{min-height:auto}}@media (max-width:920px){.portal-shell{width:min(100% - 24px,760px);padding:25px}.topbar{flex-direction:row;align-items:center}.dashboard-heading{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:nowrap;gap:10px;width:auto;margin-left:auto}.desktop-settings,.desktop-signout,.profile-pill{display:none}.mobile-menu-trigger{display:inline-flex}.quota-grid,.login-panel{grid-template-columns:1fr}.entries-header{flex-direction:column}.search-box{width:100%}.permission-banner{flex-direction:column;align-items:flex-start}.permission-banner .google-button{width:100%}.leave-table-head{display:none}.leave-table{gap:12px;overflow:visible}.leave-item{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px 14px;min-height:auto;padding:16px;box-shadow:0 12px 28px #274c770f}.leave-item strong{grid-area:2/1/auto/-1;font-size:1rem;font-weight:700;line-height:1.35}.leave-date,.leave-alias{color:#3a4150;grid-column:1/-1;align-items:baseline;gap:10px;font-size:.88rem;font-style:normal;line-height:1.4;display:flex}.mobile-field-label{color:#8b909b;letter-spacing:.12em;flex:0 0 44px;font-size:.96rem;font-weight:700;line-height:1.2;display:inline-flex}.mobile-field-value{flex:1;min-width:0}.leave-alias{color:#7a808b;margin:0}.leave-days{color:var(--dusk);text-align:center;background:0 0;grid-area:1/2;justify-self:end;align-items:baseline;gap:4px;padding-top:2px;font-size:1rem;font-weight:800;line-height:1.1;display:inline-flex}.leave-days small{color:#8b909b;letter-spacing:.06em;text-transform:uppercase;margin-top:0;font-size:.66rem;font-weight:800;display:inline}.leave-type{grid-area:1/1}.login-preview{min-height:auto}.drawer-user-card{display:grid}}@media (max-width:620px){body{font-size:.92rem}.portal-shell{width:100%;padding-bottom:24px;padding-left:25px;padding-right:25px}.brand-heading p{display:none}.topbar{min-height:82px}.brand-mark strong{font-size:1.24rem}.dashboard-heading{gap:10px;padding:18px 0 22px}.dashboard-heading h1{font-size:2rem}.dashboard-heading p{margin-top:8px;font-size:.94rem}.topbar-actions{gap:0}.primary-action,.google-button,.text-button{width:100%}.quota-card,.panel{border-radius:22px;padding:20px}.quota-card{min-height:215px}.quota-main strong{font-size:2.45rem}.quota-main span{font-size:1rem}.quota-head>span,.leave-table-head,.eyebrow,.section-kicker{font-size:.7rem}.quota-icon{width:54px;height:54px}.progress-track{margin-top:30px}.panel-header{gap:14px;margin-bottom:26px}.search-box{border-radius:15px;min-width:0;height:48px}.month-chart{gap:20px}.month-legend{gap:8px 14px;font-size:.68rem}.month-row-head strong,.month-summary span,.month-summary strong,.table-footer{font-size:.92rem}.month-summary{flex-direction:column;align-items:flex-start;padding-top:22px}.two-column-fields{grid-template-columns:1fr}.settings-panel{width:min(390px,94%);padding:22px}.drawer-user-card img,.drawer-user-card>svg{width:48px;height:48px}.leave-item{border-radius:16px;padding:14px}.leave-item strong,.leave-item>span:not(.leave-type),.table-footer{font-size:.92rem}.leave-type{margin-bottom:5px}.leave-days{font-size:.94rem}.leave-date,.leave-alias{gap:8px;font-size:.82rem}.mobile-field-label{flex-basis:40px;font-size:.7rem}.login-shell{padding:12px}.login-panel{padding:22px}.login-copy h2{margin-top:20px;font-size:1.8rem;line-height:2rem}.drawer-user-card{display:grid}}