@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#142721;background:#f5f7f3;--green:#113d33;--mint:#d8efe2;--sub:#728078;--line:#e5eae5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #63b18a;outline-offset:3px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:256px minmax(0,1fr)}.sidebar{background:#103b32;color:#ebf7ed;padding:1.7rem 1rem;display:flex;flex-direction:column;min-height:100dvh}.brand{font-size:1.62rem;font-weight:800;letter-spacing:-.075em;display:flex;align-items:center;gap:.65rem;padding:.15rem .75rem 2.6rem}.brand-period{color:#bcef8e}.brand-icon{width:1.6rem;height:1.6rem;display:flex;align-items:end;gap:3px;transform:rotate(-15deg)}.brand-icon i{display:block;width:5px;border-radius:9px;background:#bbef8d;height:75%}.brand-icon i:nth-child(2){height:100%}.brand-icon i:nth-child(3){height:56%}.workspace-label,.nav-label{font-size:.63rem;font-weight:800;letter-spacing:.18em;color:#7ca997;padding:0 .75rem;margin:0 0 .65rem}.workspace{display:flex;align-items:center;gap:.65rem;border:1px solid #ffffff26;padding:.7rem;border-radius:.9rem;margin-bottom:2rem}.workspace-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.55rem;background:#b9e794;color:#184238;font-weight:800}.workspace strong,.user strong{display:block;font-size:.72rem}.workspace small,.user small{display:block;color:#94baaa;font-size:.62rem;margin-top:.18rem}.workspace>span:last-child,.user>span:last-child{margin-left:auto;color:#a0c9b8}.nav-label{margin-bottom:.6rem}nav{display:grid;gap:.25rem}.nav-item{border:0;background:transparent;color:#aacabc;text-align:left;border-radius:.75rem;min-height:2.8rem;padding:.7rem .9rem;display:flex;align-items:center;gap:.85rem;font-size:.78rem;font-weight:700}.nav-item span{width:1.1rem;font-size:1rem;text-align:center}.nav-item:hover,.nav-item.active{background:#d2eddb1e;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #b8ea91}.nav-item b{margin-left:auto;font-size:.62rem;background:#b8ea91;color:#143f33;border-radius:99px;padding:.2rem .4rem}.sidebar-bottom{margin-top:auto}.help-card{background:#255747;border:1px solid #4f7b64;border-radius:1rem;padding:1.2rem;margin:1.5rem .25rem}.help-card span{display:block;color:#bee990;font-size:1.4rem}.help-card strong{display:block;font-size:.78rem;margin-top:.8rem}.help-card p{font-size:.68rem;color:#a9cbba;line-height:1.55;margin:.45rem 0 0}.user{border-top:1px solid #ffffff25;padding:1.2rem .35rem .15rem;display:flex;gap:.6rem;align-items:center}.avatar{width:2.1rem;height:2.1rem;background:#dabd9d;color:#3d342d;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.63rem;flex:none}.main-shell{min-width:0}.topbar{min-height:4.7rem;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,3.2vw,3.3rem)}.breadcrumb{font-size:.74rem;color:#93a099}.breadcrumb span{margin:0 .7rem;color:#c3ccc5}.breadcrumb strong{color:#2a4035}.top-actions{display:flex;gap:1rem;align-items:center}.demo-badge{font-size:.6rem;letter-spacing:.09em;font-weight:800;color:#3b8061;background:#eff8ee;border:1px solid #d6ecd9;border-radius:99px;padding:.45rem .75rem}.icon-btn{border:1px solid #dce5dc;border-radius:.6rem;width:2.2rem;height:2.2rem;background:#fff;color:#1c4333;font-size:1.2rem}.top-avatar{width:2.1rem;height:2.1rem}main{padding:clamp(1.35rem,3.3vw,3.4rem);max-width:1540px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem}.eyebrow{font-size:.61rem;letter-spacing:.17em;color:#4e9a75;font-weight:800;margin:0 0 .7rem}.page-head h1{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.15;letter-spacing:-.065em;margin:0;text-wrap:balance}.page-head p:not(.eyebrow){color:#7a8a80;font-size:.77rem;margin:.7rem 0 0}.primary,.secondary{min-height:2.8rem;border-radius:.6rem;padding:.7rem 1.15rem;font-size:.75rem;font-weight:800;border:1px solid var(--green)}.primary{background:var(--green);color:#fff;display:inline-flex;align-items:center;gap:1.2rem}.primary:hover{background:#1e5948}.secondary{background:#fff;color:var(--green)}.secondary:hover{background:#edf4ed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 7px 30px #0b392806}.stat{padding:1.3rem;min-height:9rem}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7e9084;font-size:.7rem;font-weight:700}.stat-icon{width:2rem;height:2rem;border-radius:.6rem;background:#eaf4e9;display:grid;place-items:center;color:#51896b;font-size:1rem}.stat-value{font-size:2.1rem;letter-spacing:-.07em;font-weight:800;margin:.7rem 0 .2rem;line-height:1}.stat-note{font-size:.64rem;color:#7f9183}.stat-note strong{color:#43936b}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.9fr);gap:1rem;margin-top:1rem}.stack{display:grid;gap:1rem}.panel{padding:1.45rem}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.35rem}.panel-head h2{font-size:1rem;letter-spacing:-.03em;margin:0}.panel-head p{margin:.25rem 0 0;color:#94a198;font-size:.64rem}.text-button{background:transparent;border:0;color:#267853;font-size:.69rem;font-weight:800;padding:.4rem}.text-button:hover{text-decoration:underline}.requests-table{width:100%;border-collapse:collapse;font-size:.7rem}.requests-table th{text-align:left;color:#9aa89f;letter-spacing:.09em;font-size:.57rem;padding:.75rem .4rem;border-bottom:1px solid var(--line)}.requests-table td{padding:.9rem .4rem;border-bottom:1px solid #eff1ed}.requests-table tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:.65rem;font-weight:800}.person-avatar{width:2rem;height:2rem;border-radius:.6rem;background:#e9e0d2;color:#555147;display:grid;place-items:center;font-size:.58rem;flex:none}.person-avatar.violet{background:#ece5ef;color:#70568b}.person-avatar.green{background:#e0efe2;color:#46785b}.person-avatar.gold{background:#f6e8cc;color:#9a7048}.person-avatar.blue{background:#deebf0;color:#507989}.muted{color:#89998e}.status{display:inline-block;border-radius:99px;padding:.38rem .57rem;font-size:.57rem;font-weight:800;white-space:nowrap}.status.pending{background:#fff3de;color:#a27732}.status.approved{background:#e6f5e9;color:#347756}.status.rejected{background:#fbe9e5;color:#a8574f}.table-actions{display:flex;gap:.3rem}.mini-button{border:1px solid #d7e5dc;background:#fff;border-radius:.4rem;padding:.35rem .45rem;font-size:.62rem;color:#317257}.mini-button.reject{color:#b66a62;border-color:#ebd5d2}.chart{height:12.2rem;display:flex;align-items:end;justify-content:space-around;gap:.5rem;border-bottom:1px solid var(--line);padding:0 .4rem}.bar-col{height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:.45rem;color:#9aa79c;font-size:.58rem;flex:1}.bar-track{height:100%;width:100%;display:flex;align-items:end;justify-content:center;gap:.25rem}.bar{width:min(36%,1.6rem);border-radius:.35rem .35rem 0 0;background:#bfe7ca;height:var(--h)}.bar.dark{background:#2c7d57}.legend{display:flex;gap:1rem;margin-top:1rem;color:#88978c;font-size:.62rem}.legend span::before{content:'';display:inline-block;width:.5rem;height:.5rem;background:#2c7d57;border-radius:50%;margin-right:.35rem}.legend span+span::before{background:#bfe7ca}.balance-card{background:#dff1e4;border:1px solid #d3e8d6;border-radius:1rem;padding:1.35rem;position:relative;overflow:hidden}.balance-card:after{content:'';position:absolute;width:9rem;aspect-ratio:1;border:1px solid #90c9a0;border-radius:50%;right:-2rem;top:-3rem;box-shadow:0 0 0 2.3rem #ffffff30,0 0 0 4.6rem #ffffff20}.balance-card>*{position:relative;z-index:1}.balance-card h2{font-size:.83rem;margin:0 0 1rem}.balance-card strong{font-size:2.4rem;letter-spacing:-.08em}.balance-card strong small{font-size:.75rem;letter-spacing:0;color:#5b7f65}.balance-card p{font-size:.67rem;color:#5f866e;margin:.2rem 0 1rem}.balance-line{height:.55rem;border-radius:99px;background:#bcdcc4;overflow:hidden}.balance-line i{display:block;background:#2c8258;width:65%;height:100%;border-radius:99px}.balance-footer{display:flex;justify-content:space-between;font-size:.6rem;margin-top:.6rem;color:#5e856b}.activity{display:grid;gap:.95rem}.activity-item{display:flex;gap:.75rem;align-items:flex-start}.activity-dot{width:.55rem;height:.55rem;background:#6eb785;border:3px solid #e5f4e8;box-sizing:content-box;border-radius:50%;margin-top:.12rem;flex:none}.activity-item strong{display:block;font-size:.67rem}.activity-item small{display:block;color:#9ba89f;font-size:.59rem;margin-top:.18rem}.panel.full{margin-top:1rem}.empty{color:#95a29a;font-size:.78rem;padding:2rem;text-align:center}.filters{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;padding:.6rem .85rem;border-radius:99px;font-size:.66rem;font-weight:700;color:#667d6b}.filter.active{background:#153e33;color:#fff;border-color:#153e33}.search{border:1px solid #dfe7df;border-radius:.6rem;background:#fff;padding:.6rem .85rem;min-height:2.5rem;min-width:220px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.team-card{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1.3rem}.team-card .person-avatar{width:3rem;height:3rem;font-size:.75rem}.team-card h3{font-size:.9rem;margin:1rem 0 .15rem}.team-card p{font-size:.65rem;color:#8b9a8d;margin:0 0 1rem}.team-card footer{border-top:1px solid var(--line);padding-top:.8rem;font-size:.61rem;color:#5d7d67}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.weekday{text-align:center;font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#9aa89c;padding:.55rem}.day{min-height:5rem;border:1px solid #ecf0e9;border-radius:.55rem;padding:.45rem;font-size:.65rem;background:#fff}.day.faded{color:#c6cec6}.day.today{border-color:#5cae81}.day small{display:block;margin-top:.4rem;background:#dff0e2;border-radius:.3rem;color:#437752;padding:.2rem;font-size:.52rem}.day .holiday{background:#fff1d9;color:#9d773d}.report-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);padding:1.2rem;border-radius:.8rem;margin-bottom:.75rem}.report-card strong{display:block;font-size:.8rem}.report-card p{font-size:.64rem;color:#8fa094;margin:.3rem 0 0}dialog{border:0;border-radius:1.2rem;padding:0;width:min(92vw,520px);box-shadow:0 30px 100px #092a1e66}dialog::backdrop{background:#0b251d88}#request-form{padding:2rem}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0}#request-form h2{font-size:1.7rem;letter-spacing:-.06em;margin:1rem 0 .3rem}.dialog-intro{font-size:.75rem;color:#829287;margin:0 0 1.5rem}.field{display:grid;gap:.42rem;margin-bottom:1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field label{font-size:.7rem;font-weight:800;color:#405949}.field input,.field select,.field textarea{border:1px solid #d7e3d8;border-radius:.55rem;padding:.75rem;min-height:2.75rem;background:#fff;color:#203d2d;font-size:.76rem}.field textarea{resize:vertical}.form-error{color:#b34c47;font-size:.7rem;min-height:1rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.3rem}.loading{color:#789080}a{color:inherit} @media(max-width:1120px){.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:.8rem 1rem;position:sticky;top:0;z-index:10}.brand{padding:0;font-size:1.3rem}.workspace-label,.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:.7rem}.nav-item{white-space:nowrap;min-height:2.4rem;padding:.5rem .65rem}.nav-item span{display:none}.topbar{min-height:3.4rem}.top-actions .icon-btn,.top-avatar{display:none}.demo-badge{font-size:.48rem}.page-head{align-items:start;flex-direction:column}.stats{gap:.6rem}.stat{min-height:7.5rem}.team-grid{grid-template-columns:1fr}.requests-table{min-width:600px}.table-scroll{overflow:auto}.day{min-height:3.6rem}.day small{font-size:.46rem}.calendar{gap:.15rem}.field-row{grid-template-columns:1fr}}@media(max-width:440px){.stats{grid-template-columns:1fr 1fr}.stat{padding:1rem}.stat-value{font-size:1.7rem}.stat-top{font-size:.62rem}.day{font-size:.5rem;padding:.2rem;min-height:3rem}.day small{display:none}}
@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar,.main-shell,.sidebar nav,.content-grid,.stack,.panel,.table-scroll,.stats,.stat{min-width:0}.sidebar nav{max-width:100%;overflow-x:auto}.content-grid{grid-template-columns:minmax(0,1fr)}.top-actions{min-width:0;gap:.35rem}.demo-badge{white-space:nowrap}.stat-top{gap:.3rem}}