@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#253833;background:#f6f8f7;font-synthesis:none;font-size:14px;--green:#24795b;--muted:#82908a;--line:#eaf0ec}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:inherit}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #87c9b0;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #9ecbb8;outline-offset:1px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:234px;background:#182f2c;color:#a9bbb3;position:fixed;inset:0 auto 0 0;padding:35px 21px 0;display:flex;flex-direction:column;z-index:20}.brand{font-family:Manrope,sans-serif;display:flex;align-items:center;color:#fff;font-size:34px;font-weight:800;letter-spacing:-1.4px;margin:0 11px 37px;gap:8px}.brand-symbol{color:#a4d7b6;display:flex;transform:rotate(-13deg)}.brand-dot{color:#a4d7b6;margin-left:-9px}.workspace{padding:12px 10px;display:flex;gap:10px;border:1px solid #3b4b43;border-radius:8px;font-size:12px;color:#eff4f1;font-weight:500;align-items:center;margin-bottom:33px}.workspace-icon{background:#3b5047;width:32px;height:32px;display:grid;place-items:center;border-radius:6px;color:#dae6df;font-size:17px}.workspace small,.profile small{display:block;color:#91a69b;font-size:10px;margin-top:4px;font-weight:400}.chevrons{margin-left:auto;font-size:10px;line-height:7px;color:#9cb0a4}.nav-caption{font-size:9px;font-weight:600;letter-spacing:1.5px;margin:0 14px 15px;color:#83988e}nav{display:grid;gap:7px}nav button{justify-content:flex-start;padding:13px 14px;gap:13px;font-size:12px;text-align:left;border-radius:7px;color:#b3c3ba}nav button.active{background:#c8e5ce;color:#244c36;font-weight:650}nav button:not(.active):hover{background:#263f36}.nav-count{margin-left:auto;border-radius:5px;background:#344f41;color:#d5e6d7;min-width:21px;padding:2px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:65px}.tip{padding:17px 15px 15px;border:1px solid #405345;border-radius:9px;background:linear-gradient(135deg,#304538,#253d32)}.tip>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e0ebdf;font-weight:500}.tip svg{color:#b5d69b}.tip p{font-size:11px;color:#acbfae;line-height:1.8;margin-top:8px}.tip button{color:#d4e6cf;margin-top:13px;padding:0;font-size:10px;width:100%;justify-content:space-between}.support{width:100%;font-size:11px;justify-content:flex-start;margin:23px 0;gap:10px}.support svg:last-child{margin-left:auto}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #344a3e;padding:20px 0 23px;font-size:11px;font-weight:500;color:#eef3ef}.online-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#99bf9b}.main-shell{margin-left:234px;min-width:0;width:calc(100% - 234px)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px;color:#8b9690}.topbar strong{font-weight:500;color:#34423a}.topbar>div>span:not(.avatar){margin:0 14px;color:#bdc7bf}.top-actions{display:flex;align-items:center;gap:23px}.top-actions .today{font-size:11px;color:#8b9690!important;margin:0!important}.icon-button{padding:6px;border-radius:6px;color:#859289;flex-shrink:0}.icon-button:hover{background:#eef4ef;color:#246846}.notification{position:relative}.notification i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d2a16d;top:6px;right:8px;border:1px solid white}main{max-width:1550px;margin:auto;padding:36px 38px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.eyebrow{font-size:9px;color:#758e7c;letter-spacing:1.8px;font-weight:600;margin-bottom:9px}h1{font-size:29px;font-weight:750;letter-spacing:-1.1px;color:#253e31;line-height:1.4}.page-heading p{color:#8a958e;font-size:12px;margin-top:7px}.primary{border-radius:6px;background:#287855;color:#fff;padding:12px 18px;white-space:nowrap;font-size:11px;font-weight:500;box-shadow:0 3px 5px #234a3010}.primary:hover{background:#1e6143}.secondary{border:1px solid #dce5de;background:#fff;border-radius:6px;padding:10px 16px;font-size:12px;gap:8px}.secondary:hover{background:#f1f6f2}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{background:#fff;border:1px solid #e6ece7;border-radius:9px;padding:19px 20px;box-shadow:0 2px 3px #183b2310}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7a897e;font-size:11px;gap:4px}.stat-icon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.stat>strong{display:block;font-family:Manrope,sans-serif;font-size:32px;font-weight:750;letter-spacing:-1px;margin:3px 0 10px}.stat small{font-size:10px;color:#8c978f;display:flex;align-items:center;gap:6px}.purple{background:#eeebf8;color:#8b79b2}.blue{background:#e9f0fb;color:#6b91c4}.orange{background:#fcf0e4;color:#d0a06a}.green{background:#e7f3e9;color:#75a37a}.pink{background:#f8e9eb;color:#b9808f}.teal{background:#e6f1ed;color:#6e9d90}.green-dot,.live i{width:5px;height:5px;background:#80aa83;border-radius:50%;display:inline-block}.orange-text{color:#bf986b}.welcome-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;background:#edf3e9;border:1px solid #e0e9d9;border-radius:8px;padding:21px 23px;margin-bottom:29px}.banner-icon{border:1px solid #d2dfc9;background:#e4ecdc;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;color:#7c9d6b}.welcome-banner h3{font-size:13px;font-weight:750;letter-spacing:-.2px}.welcome-banner p{font-size:10px;color:#8c9983;margin-top:6px}.welcome-banner button{margin-left:auto;position:relative;z-index:1;white-space:nowrap;color:#5d7c50;font-size:10px;font-weight:500}.banner-art{position:absolute;right:65px;top:-60px;width:140px;height:200px;opacity:.28;transform:rotate(33deg)}.banner-art span{position:absolute;width:74px;height:124px;border:1px solid #c0d0b6;border-radius:100%;transform:rotate(-30deg);top:28px;left:25px}.banner-art span:nth-child(2){transform:rotate(30deg);left:55px;top:10px}.banner-art span:nth-child(3){transform:rotate(70deg);top:55px;left:50px}.panel{background:#fff;border:1px solid #e4ebe5;border-radius:9px;overflow:hidden;box-shadow:0 2px 3px #183b2305}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 23px 19px}.panel-heading h2,.section-title h2{font-size:14px;font-weight:750;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}.count{font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;justify-content:center;font-size:10px;min-width:24px;height:20px;border-radius:5px;background:#eff3ee;color:#83907e;font-weight:500}.panel-heading p{font-size:10px;color:#94a091;margin-top:6px}.live{display:flex;gap:5px;align-items:center;font-size:9px;color:#8d9c8c}.table-toolbar{padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.tabs{display:flex;gap:20px;align-self:stretch}.tabs button{padding:14px 0 15px;font-size:10px;color:#8d978f;border-bottom:2px solid transparent;white-space:nowrap;border-radius:0}.tabs button.selected{color:#2d7351;border-bottom-color:#347b52;font-weight:600}.tabs button span{font-size:9px;border-radius:4px;padding:2px 5px;background:#f5eadb;color:#b58e5a}.filters{display:flex;gap:9px;align-items:center;margin-bottom:10px}.search{display:flex;align-items:center;gap:6px;border:1px solid #e5ebe4;border-radius:5px;padding:7px 9px;color:#a2ada1}.search input{border:0;outline:none;min-width:0;width:127px;font-size:9px;color:#4c6152;background:transparent}.search input::placeholder{color:#a3aca3}.filters select{font-size:9px;border:1px solid #e5ebe4;border-radius:5px;background:#fff;color:#7f8e7f;padding:8px;max-width:125px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}thead{background:#fafbf9}th{font-size:8px;letter-spacing:.8px;color:#91a08f;font-weight:500;padding:13px 16px}th:first-child{padding-left:23px}td{font-size:10px;padding:14px 16px;border-top:1px solid #f0f3ee;color:#647660}td:first-child{padding-left:23px}td:last-child{padding-right:17px;width:35px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcf9}.person-cell{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.avatar.small{width:30px;height:30px;font-size:9px}.person-cell b{font-weight:550;font-size:11px;color:#3f5141}.person-cell small{display:block;font-size:9px;margin-top:4px;color:#9aa594}.kind-icon{display:inline-flex;vertical-align:middle;margin-right:6px;color:#a3ad94}.date-cell{font-size:10px;color:#5b6d58}.date-cell>span{color:#adb6a4;margin:0 3px}.date-cell small{display:block;font-size:9px;color:#9eaa97;margin-top:4px}.day-count{font-size:11px;font-weight:500}.muted{color:#9aa595}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap;font-weight:500}.badge i{height:4px;width:4px;background:currentColor;border-radius:50%}.pending{background:#fdf3e4;color:#ba934e}.approved{background:#edf5ec;color:#6c9d6c}.rejected{background:#fbeeed;color:#c08783}.table-footer{display:flex;justify-content:space-between;gap:10px;padding:15px 23px;border-top:1px solid var(--line);font-size:9px;color:#9aa593}.table-footer span{display:flex;align-items:center;gap:6px}.empty{text-align:center;padding:50px;color:#879882;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;margin-top:24px}.upcoming{padding:21px 23px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.text-button{font-size:10px;color:#7b9275;padding:0}.upcoming-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f3ee}.upcoming-row:last-child{border:0;padding-bottom:0}.upcoming-row b{font-size:10px;font-weight:500}.upcoming-row small{display:block;font-size:9px;color:#a1ac98;margin-top:4px}.upcoming-row>span:last-child{margin-left:auto;color:#96a58a;display:flex;align-items:center;gap:14px;font-size:9px}.balance-card{padding:23px 27px;background:#f0f3eb;border:1px solid #e3e9dc;border-radius:9px;position:relative}.balance-card .stat-icon{background:#e2ead8;color:#8fa476;width:32px;height:32px}.balance-card h2{font-size:16px;font-weight:750;margin-top:14px;letter-spacing:-.4px}.balance-card p{font-size:11px;color:#93a087;line-height:1.9;margin-top:8px}.balance-tag{font-size:9px;font-weight:500;color:#7b9069;display:flex;align-items:center;gap:30px;margin-top:17px}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a2ac9c;padding:25px 0 0;gap:15px}.page-footer>span:first-child{font-size:10px}.footer-divider{margin:0 10px;color:#d1d8cb}.page-footer>span:last-child{display:flex;align-items:center;gap:7px}.green-text{color:#77a279}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.employee-card{padding:24px}.employee-card>.avatar{width:46px;height:46px;font-size:14px}.employee-card h2{font-size:16px;margin-top:15px}.employee-card p{font-size:11px;color:#8d9b87;margin-top:6px}.department-tag{font-size:9px;background:#f1f5ef;color:#7c9273;border-radius:4px;padding:5px 9px;display:inline-block;margin-top:13px}.employee-balance{margin:20px 0}.employee-balance b{font-size:23px;font-weight:600}.employee-balance b small{font-size:10px;font-weight:400}.employee-balance>small{font-size:9px;color:#8c9a87}.progress{height:5px;background:#ecf1e8;border-radius:5px;overflow:hidden;margin:12px 0 8px}.progress span{display:block;height:100%;background:#80aa7e;border-radius:5px}.employee-card .secondary{width:100%;justify-content:space-between;font-size:10px}.calendar-controls{display:flex;align-items:center;gap:8px}.capitalize{text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}.weekday{padding:13px;text-align:center;font-size:10px;color:#8c9a83;border-bottom:1px solid var(--line);background:#fafcf8}.calendar-day{min-height:111px;padding:9px 6px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fafcf9}.day-number{font-size:11px;padding:3px 5px;display:inline-block;margin-bottom:5px;color:#839379}.is-today .day-number{background:#2d7a54;color:#fff;border-radius:50%;min-width:24px;text-align:center}.calendar-event{font-size:9px;border-radius:4px;margin:3px 0;padding:5px;width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}.calendar-legend{padding:17px;display:flex;gap:12px}.help-panel{padding:30px;max-width:850px}.help-panel h2{font-size:17px;margin-bottom:10px}.help-panel p{font-size:13px;color:#84927a;line-height:1.9;margin-bottom:28px}.help-panel p:last-child{margin-bottom:0}.error{padding:15px;border:1px solid #eecbc0;background:#fff3ec;color:#a35f44;border-radius:7px;margin-bottom:20px;font-size:12px}.error button{font-size:11px;text-decoration:underline;margin-left:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102d2570;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:490px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:28px;box-shadow:0 25px 100px #102d2540}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{font-size:23px;letter-spacing:-.7px}.modal>p{font-size:12px;color:#91a084;line-height:1.7;margin-top:7px}.modal form{margin-top:25px}.modal form label{display:block;font-size:11px;font-weight:500;margin-bottom:17px}.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid #e0e8db;border-radius:6px;background:#fcfdfb;color:#52674a;padding:11px 12px;margin-top:7px;font-size:12px;resize:vertical}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-hint{display:flex;align-items:center;gap:7px;color:#9aaa8e;font-size:10px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:21px;margin-top:24px}.detail-person{display:flex;align-items:center;gap:12px;padding:22px 0}.detail-person b{font-size:13px}.detail-person small{display:block;color:#96a28d;margin-top:5px;font-size:11px}dl{margin:0}dl>div{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:12px}dt{color:#96a38b}dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere;color:#506745}.reject{color:#b4766a}.full{width:100%;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#254b35;color:#fff;padding:13px 15px;border-radius:8px;box-shadow:0 5px 30px #0c281933;z-index:100;display:flex;align-items:center;gap:12px;font-size:12px;max-width:calc(100% - 30px)}.toast .icon-button{color:#c1d4b8}.toast>svg{color:#bbcfaf}@media (min-width:1450px){main{padding-top:43px}.stats{gap:22px}.stat{padding:22px 24px}td{padding-top:17px;padding-bottom:17px}.page-heading{margin-bottom:34px}.table-toolbar{gap:25px}.search input{width:165px}.tabs{gap:28px}}@media (max-width:1200px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.main-shell{margin-left:205px;width:calc(100% - 205px)}main{padding:28px 25px 18px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:15px}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:16px}.stat small{font-size:9px}.table-toolbar{display:block}.tabs{gap:25px}.filters{margin:12px 0}.search input{width:180px}.welcome-banner p{max-width:320px;line-height:1.6}.employee-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:95px}.sidebar-bottom{padding-top:30px}}@media (max-width:900px){.sidebar{width:77px;padding:28px 13px}.brand{font-size:0;margin:0 9px 35px;gap:0}.brand-dot,.workspace,.nav-caption,.sidebar-bottom{display:none}.brand-symbol{margin:0}.sidebar nav button{font-size:0;padding:14px 0;justify-content:center;gap:0;position:relative}.sidebar nav button svg{width:21px;height:21px}.nav-count{position:absolute;top:2px;right:1px;font-size:8px;min-width:15px}.main-shell{margin-left:77px;width:calc(100% - 77px)}h1{font-size:26px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:17px}.stat-top{font-size:11px}.stat>strong{margin-top:6px}.stat small{font-size:10px}.bottom-grid{gap:15px}.balance-card{padding:23px 20px}.balance-card h2{font-size:14px}.page-heading p{line-height:1.7;font-size:11px}.welcome-banner{padding:18px;gap:12px}.welcome-banner p{max-width:270px}.welcome-banner button{font-size:9px}.banner-icon{width:39px;height:39px;flex-shrink:0}.topbar{height:65px}}@media (max-width:600px){.sidebar{width:100%;height:61px;inset:auto 0 0;padding:0;background:#182f2c}.sidebar .brand{display:none}.sidebar nav{display:flex;justify-content:space-around;padding:6px 10px;gap:5px}.sidebar nav button{width:25%;font-size:8px;display:flex;flex-direction:column;gap:4px;padding:7px 0}.sidebar nav button svg{width:17px;height:17px}.nav-count{right:17px;top:0}.main-shell{margin-left:0;width:100%;padding-bottom:61px}.topbar{height:57px;padding:0 18px}.topbar>div{font-size:10px}.topbar>div>span:not(.avatar){margin:0 8px}.top-actions{gap:12px}.top-actions .today{display:none}main{padding:24px 16px 18px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}h1{font-size:23px;letter-spacing:-.8px;line-height:1.3}.page-heading p{font-size:10px;max-width:245px}.page-heading>.primary{font-size:0;padding:10px;margin-top:22px}.page-heading>.primary svg{width:18px;height:18px}.stats{gap:10px;margin-bottom:17px}.stat{padding:14px}.stat-top{font-size:10px}.stat>strong{font-size:28px;margin:4px 0 9px}.stat small{font-size:9px}.stat-icon{width:27px;height:27px;border-radius:7px}.welcome-banner{padding:16px;gap:10px;margin-bottom:21px;flex-wrap:wrap}.welcome-banner h3{font-size:12px}.welcome-banner p{font-size:9px;max-width:245px}.welcome-banner button{margin:1px 0 0 49px;font-size:9px}.banner-icon{width:37px;height:37px}.banner-icon svg{width:23px}.panel-heading{padding:19px 16px 15px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.table-toolbar{padding:0 15px}.tabs{gap:19px}.tabs button{font-size:9px;padding-bottom:12px}.filters{gap:8px}.search{flex:1}.search input{width:100%;font-size:10px}.filters select{font-size:9px;max-width:105px}.table-scroll table{min-width:690px}.table-footer{padding:13px 16px;font-size:8px}.table-footer>span:last-child{display:none}.bottom-grid{grid-template-columns:1fr;margin-top:18px;gap:17px}.balance-card{padding:23px}.balance-card h2{font-size:16px}.page-footer{font-size:8px;padding-top:23px}.page-footer>span:first-child{font-size:9px}.page-footer>span:last-child{display:none}.employee-grid{grid-template-columns:1fr;gap:15px}.employee-card{padding:22px}.calendar-panel{overflow-x:auto}.calendar-grid{min-width:600px}.calendar-day{min-height:95px}.calendar-controls{gap:4px}.calendar-controls .secondary{padding:7px 9px;font-size:10px}.modal{padding:23px}.modal h2{font-size:22px}.modal input{min-width:0}.form-columns{gap:10px}.modal-backdrop{padding:14px}.modal form label{font-size:10px}.help-panel{padding:23px}.help-panel h2{font-size:15px}.help-panel p{font-size:12px}.toast{width:max-content;font-size:11px;bottom:77px}.topbar .avatar{width:27px;height:27px}.topbar .icon-button svg{width:17px}}