@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/vazirmatn-arabic-500-normal-C_lbnnKa.woff2) format("woff2"),url(/assets/vazirmatn-arabic-500-normal-Dqq3-xo3.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2) format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2) format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff) format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/vazirmatn-arabic-800-normal-Bwnt96zj.woff2) format("woff2"),url(/assets/vazirmatn-arabic-800-normal-BH12s3-y.woff) format("woff")}:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#253b4b;background:#f0f7fa;font-synthesis:none;font-weight:400;font-size:13px;--muted:#8b9ca8;--cyan:#0baec4;--line:rgba(168,194,206,.18)}*{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:focus-visible,a:focus-visible{outline:3px solid #53cdda;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #6ad7e5;outline-offset:1px}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}button{transition:background .18s,transform .18s,box-shadow .18s}button:hover{transform:translateY(-1px)}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 77% 6%,rgba(144,231,242,.22),transparent 35%),radial-gradient(ellipse at 16% 52%,rgba(151,223,245,.23),transparent 44%),radial-gradient(ellipse at 57% 100%,rgba(203,199,247,.13),transparent 35%),#f1f7fa}.sidebar{width:238px;position:fixed;right:0;top:0;bottom:0;background:linear-gradient(160deg,#ffffffd4,#f4fcfead);border-left:1px solid rgba(255,255,255,.95);padding:35px 21px 20px;display:flex;flex-direction:column;z-index:20;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.brand{display:flex;align-items:center;gap:12px;padding:0 13px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand small{display:block;letter-spacing:3px;font-size:8px;font-weight:600;line-height:1;color:#9aaaae;margin-top:2px}.brand-symbol{width:37px;height:38px;position:relative;display:block;transform:rotate(-8deg)}.brand-symbol i{position:absolute;display:block;border-radius:8px;background:linear-gradient(135deg,#49d7e4,#04a9c0);box-shadow:0 4px 10px #07b5cb20;width:13px;height:27px;top:11px;right:3px;transform:rotate(-27deg)}.brand-symbol i:nth-child(2){top:2px;right:14px;height:31px;background:linear-gradient(140deg,#89e7ee,#32bfcf)}.brand-symbol i:nth-child(3){top:15px;right:25px;height:20px;background:linear-gradient(140deg,#9ce9f0,#68cfde)}.workspace{width:100%;border:1px solid #e2eef2;background:#ffffff80;border-radius:12px;padding:12px 10px;margin:34px 0 30px;gap:9px;text-align:right;font-size:11px}.workspace>span:nth-child(2){flex:1;font-weight:600}.workspace small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:4px}.workspace-logo{width:32px;height:34px;border:1px solid #dcecf0;background:#f4fafc;border-radius:9px;color:#76a1b1}.nav-label{font-size:10px;color:#a2b1bb;padding:0 14px;margin-bottom:12px}.nav-item{width:100%;padding:13px 14px;margin-bottom:7px;border-radius:10px;gap:12px;text-align:right;color:#7b8f9c;font-size:12px;position:relative}.nav-item span:first-of-type{flex:1}.nav-item svg{stroke-width:1.7}.nav-item.active{background:linear-gradient(90deg,#e4f8fc,#dbf3f8);color:#029cb4;font-weight:600;box-shadow:0 3px 8px #29b4cd05}.nav-item:hover{background:#eaf5f8}.nav-item.active:before{content:"";position:absolute;right:-21px;height:23px;width:3px;background:#19b7cc;border-radius:3px}.nav-item b{font-weight:500;background:#edeafa;color:#9a8cce;font-size:10px;padding:1px 7px;border-radius:5px}.nav-dot{width:5px;height:5px;background:#08b3c7;border-radius:50%;flex:none!important}.sidebar-bottom{margin-top:auto;padding-top:40px}.help-card{position:relative;text-align:center;padding:22px 7px 13px;border:1px solid #fff;background:linear-gradient(145deg,#e8f7fc90,#e7f1fc80);border-radius:14px;margin-bottom:23px;overflow:hidden}.help-orb{color:#4cbaca;width:43px;height:43px;margin:0 auto 12px;background:linear-gradient(130deg,#fff,#d5f2fa);border-radius:13px;display:grid;place-items:center;box-shadow:0 5px 17px #49b4d219}.help-card strong{font-size:11px;font-weight:600}.help-card p{font-size:9px;color:#91a3ae;margin:6px 0 14px}.help-card button{width:100%;background:#ffffffb0;border-radius:7px;font-size:10px;padding:8px;color:#5c8596}.sidebar-user{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:20px;gap:10px}.sidebar-user>span:nth-child(2){flex:1}.sidebar-user strong{font-size:11px;font-weight:600}.sidebar-user small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.sidebar-user button{color:#91a4ae;padding:3px}.avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:15px;font-weight:600;border:2px solid #ffffffb0;box-shadow:0 2px 5px #23465508}.peach{background:linear-gradient(145deg,#f8e9df,#efc9b6);color:#ad705a}.blue{background:linear-gradient(145deg,#e0eff8,#bacde5);color:#557992}.purple{background:linear-gradient(145deg,#eee7f6,#d4c4e5);color:#9773aa}.green{background:linear-gradient(145deg,#e1eee1,#bfdbc9);color:#628b76}.pink{background:linear-gradient(145deg,#fbebef,#e7c2d2);color:#b17c92}.sky{background:#e5f5fc}.large{width:70px;height:70px;font-size:28px;margin-top:8px}.main-shell{margin-right:238px}.topbar{height:82px;border-bottom:1px solid #e4edf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#f9fcfe55;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.breadcrumb{display:flex;align-items:center;gap:15px;color:#9aabb6;font-size:11px}.breadcrumb strong{font-weight:500;color:#637b8b}.topbar-actions{display:flex;align-items:center;gap:21px}.global-search{display:flex;align-items:center;gap:9px;color:#91a4af}.global-search input{width:170px;background:none;border:none;font-size:11px;padding:8px 0;color:#597282;outline:none}.global-search input::placeholder{color:#9baeb8}.global-search kbd{font:9px sans-serif;padding:4px 5px;background:#ffffff80;border:1px solid #dfe9ed;color:#9bb0bc;border-radius:5px;direction:ltr}.top-divider{height:23px;width:1px;background:#dce7ed}.notification{padding:4px;position:relative;color:#7f98a8}.notification i{height:5px;width:5px;border-radius:50%;background:#13b6cc;position:absolute;top:3px;right:6px;border:1px solid #f6fbfd}.top-avatar{padding:0}.top-avatar .avatar{width:33px;height:33px;font-size:13px}.notification-wrap{position:relative}.notification-panel{position:absolute;left:0;top:40px;width:290px;z-index:30;background:#fff;box-shadow:0 10px 50px #294e6420;border:1px solid #edf5f8;border-radius:14px;padding:22px}.notification-panel p{font-size:12px;margin:14px 0;color:#8a9ca8}.notification-panel button{font-size:11px;color:var(--cyan)}.mobile-menu{display:none}main{max-width:1600px;margin:auto;padding:32px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:18px}.eyebrow{display:flex;align-items:center;font-size:9px;gap:6px;color:#8fa3b0;margin-bottom:9px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#2bbbd0;box-shadow:0 0 7px #3acadb55}h1{font-size:25px;letter-spacing:-.8px;font-weight:700;display:flex;align-items:center;gap:10px}.greeting-spark{font-size:26px;color:#b0d8df;font-weight:400}.page-heading p{color:#8c9eaa;font-size:11px;margin-top:8px}.heading-actions{display:flex;gap:12px;align-items:center;padding-top:18px}.date-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #ddeaf0;border-radius:8px;background:#ffffff50;color:#7e94a2;padding:9px 12px;font-size:10px;white-space:nowrap}.date-pill svg{color:#8ea7b5}.primary{background:linear-gradient(115deg,#21bbce,#08a9c1);color:#fff;box-shadow:0 5px 12px #08a9c126;border:1px solid #4cc8d4;padding:10px 16px;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap}.primary:hover{box-shadow:0 5px 18px #08a9c140;background:#08a9c1}.secondary{border:1px solid #dbe8ed;background:#ffffff85;color:#76909f;padding:9px 12px;border-radius:8px;font-size:11px}.glass{background:linear-gradient(125deg,#ffffffde,#ffffff80);border:1px solid rgba(255,255,255,.96);box-shadow:0 5px 22px #52809c09,inset 0 0 0 1px #dbe8ef40;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.stat-card{padding:18px 21px 16px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7f94a3}.stat-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;background:#e6f7fa;color:#2bb2c7}.stat-icon svg{stroke-width:1.6}.mint .stat-icon{background:#e5f6f0;color:#62baa3}.lavender .stat-icon{background:#f0edf9;color:#aa95d3}.sky .stat-icon{background:#eaf3fc;color:#7ba7d3}.stat-value{display:flex;align-items:baseline;gap:9px;margin:12px 0 8px}.stat-value strong{font-weight:600;font-size:31px;letter-spacing:-1px;line-height:1.4}.stat-value>span{font-size:10px;color:#91a3af}.stat-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:#9aacb6}.stat-caption b{display:flex;align-items:center;gap:2px;font-weight:500;color:#3fad9c}.stat-glow{position:absolute;width:100px;height:100px;background:#88e1e7;filter:blur(42px);opacity:.11;bottom:-58px;left:-25px}.pending-dot{width:5px;height:5px;border-radius:50%;background:#b8a2d8}.middle-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:23px;margin-bottom:23px}.chart-card{padding:22px 24px 20px;min-height:332px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}h2{font-size:14px;font-weight:600;letter-spacing:-.2px}.card-heading p{color:#9aadb9;font-size:9px;margin-top:7px}.card-heading select,select{border:1px solid #e0eaef;background:#ffffff80;color:#7d94a3;border-radius:7px;padding:6px 9px;font-size:10px;cursor:pointer}.icon-btn{padding:4px;color:#9aadb9}.chart-legend{display:flex;align-items:center;gap:17px;font-size:9px;color:#91a4b0;margin-bottom:12px}.chart-legend>span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:6px;height:6px;border-radius:2px}.legend-cyan{background:#27becf}.legend-gray{background:#dce9ee}.chart-summary{margin-right:auto;display:flex;align-items:center;gap:9px}.chart-summary strong{font-size:20px;font-weight:500;color:#3d5869}.chart-summary span{display:flex;align-items:center;font-size:9px;color:#55b9a8;gap:3px}.attendance-chart{display:flex;height:190px;direction:rtl}.y-axis{display:flex;flex-direction:column;justify-content:space-between;width:30px;flex-shrink:0;color:#a7b5bf;font-size:9px;padding:0 0 23px}.plot{position:relative;flex:1;min-width:0}.grid-lines{position:absolute;top:3px;right:0;bottom:25px;left:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #dfe9ef;display:block}.bars{display:flex;justify-content:space-around;position:relative;height:100%;gap:12px}.bar-group{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.bar-group>span{font-size:9px;color:#98a9b4;white-space:nowrap}.bar-pair{height:160px;display:flex;align-items:flex-end;gap:5px;width:65%;max-width:43px;justify-content:center;position:relative}.bar{border-radius:5px 5px 2px 2px;width:18px;min-width:5px;position:relative}.present{background:linear-gradient(0deg,#84dde4,#33c1d2);box-shadow:0 4px 10px #24bac90a}.absent{background:linear-gradient(0deg,#e7eff3,#d9e5eb)}.highlight .present{background:linear-gradient(0deg,#55cedd,#02aec7);box-shadow:0 0 20px #04b1c71a}.highlight>span{color:#29a4bb}.bar-tooltip{display:none;position:absolute;white-space:nowrap;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#244b5c;color:#fff;padding:5px 8px;border-radius:6px;font-size:9px;z-index:2}.bar:hover .bar-tooltip{display:block}.department-card{padding:22px 24px 17px}.donut-wrap{position:relative;width:156px;height:156px;margin:4px auto 16px}.donut{height:100%;width:100%;padding:20px;background:conic-gradient(from 3deg,#22b9cf 0,#22b9cf 33.2%,#fafcfd 33.2%,#fafcfd 34.2%,#87d9e4 34.2%,#87d9e4 56%,#fafcfd 56%,#fafcfd 57%,#aab8ef 57%,#aab8ef 75.3%,#fafcfd 75.3%,#fafcfd 76.3%,#d8e8ee 76.3%,#d8e8ee 99%,#fafcfd 99%);border-radius:50%;transform:rotate(8deg);box-shadow:0 6px 18px #58bbd014}.donut>div{border-radius:50%;background:#f9fcfd;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.donut strong{font-size:30px;font-weight:600;line-height:1.5}.donut span{font-size:9px;color:#9aacb8}.department-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.department-legend>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:5px}.department-legend span{display:flex;align-items:center;gap:6px;color:#8298a8;white-space:nowrap}.department-legend i{display:block;height:6px;width:6px;border-radius:2px}.department-legend strong{font-weight:500;color:#6f8798;white-space:nowrap}.department-legend small{font-size:8px;color:#a3b2bb;font-weight:400}.lower-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:23px;margin-bottom:23px}.employees-card{padding:21px 0 5px;overflow:hidden}.employees-card .card-heading{padding:0 22px;margin-bottom:17px}.count-badge{font-size:9px;background:#eff5f8;color:#93a6b2;padding:3px 7px;border-radius:5px;font-weight:400;margin-right:7px}.text-btn{color:#7ba0b3;font-size:9px;padding:4px 0;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:9px;font-weight:400;color:#9aaebc;background:#f3f8fa77;padding:10px 22px}td{padding:13px 22px;border-bottom:1px solid #e7eff46b;font-size:10px;color:#7890a1}tbody tr{transition:background .2s}tbody tr:hover{background:#eaf8fb77}tbody tr[tabindex]{cursor:pointer}tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:10px}.person-cell strong{font-weight:500;color:#4c6577;font-size:11px}.person-cell small{display:block;margin-top:4px;color:#a1b0ba;font-size:9px}.person-cell .avatar{height:33px;width:33px;font-size:13px}.last-cell{padding-right:0;width:30px}.status{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#65b397;background:#eaf7f1;font-size:9px;border:1px solid #dff2e9;border-radius:5px;padding:3px 8px;min-width:49px}.status i{width:4px;height:4px;border-radius:50%;background:currentColor}.status.away{color:#ba9a60;border-color:#f3ebd9;background:#fcf6e9}.status.rejected{color:#ce7979;border-color:#f5dfdf;background:#fceeee}.events-card{padding:21px 23px 12px}.tiny-calendar{color:#8ab2c4;padding:6px;background:#ecf6f9;border-radius:8px}.event{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #e6eef374}.event-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;font-size:18px;border:1px solid #ffffff}.event>div{flex:1;min-width:0}.event strong{font-size:10px;color:#637c8c;font-weight:500}.event small{display:block;font-size:8px;color:#a5b3bd;margin-top:5px}.event-date{color:#a2b1bc;font-size:8px;white-space:nowrap}.event-date.today{color:#49b5c6;background:#e8f7fa;padding:3px 7px;border-radius:5px}.calendar-link{width:100%;padding:16px 0 4px;color:#7aa1b6;font-size:9px}.bottom-banner{display:flex;align-items:center;gap:15px;border:1px solid #fff;border-radius:12px;background:linear-gradient(105deg,#e7f2fb88,#e2f4f9aa);padding:17px 22px;position:relative;overflow:hidden}.banner-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#ffffff80;color:#6cb8ce}.bottom-banner strong{font-weight:500;font-size:11px;color:#6a8b9f}.bottom-banner p{font-size:9px;margin-top:5px;color:#98adbb}.bottom-banner button{margin-right:auto;border:1px solid #d3e5ee;background:#ffffff60;color:#6c9bb1;font-size:10px;padding:8px 12px;border-radius:7px;z-index:1}.banner-decoration{position:absolute;font-size:85px;opacity:.07;left:35px;color:#2089b2;top:-17px}footer{display:flex;justify-content:space-between;color:#acbcc7;font-size:9px;padding:24px 0 20px}footer>span{display:flex;align-items:center;gap:7px}footer i{width:3px;height:3px;border-radius:50%;background:#b7c7d1}.footer-heart{font-size:13px;color:#90bac7}.full-card{padding:22px 0;min-height:300px}.full-card>.card-heading{padding:0 24px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px 20px;gap:15px}.local-search{display:flex;align-items:center;gap:8px;background:#f1f7fa;border:1px solid #e1edf2;border-radius:9px;padding:8px 11px;color:#8da6b5}.local-search input{border:0;background:transparent;font-size:11px;width:210px;outline:none;color:#546f81}.toolbar-actions{display:flex;gap:10px}.table-footer{display:flex;justify-content:space-between;margin:20px 23px 0;padding-top:16px;border-top:1px solid #e5edf2;color:#9badb9;font-size:10px}.decision-buttons{display:flex;gap:7px}.decision-buttons button{border-radius:6px;padding:5px 8px;font-size:10px;background:#eaf7f1;color:#63a68d}.decision-buttons button+button{background:#fbeeee;color:#c48080}.muted{color:#acb8c1;font-size:10px}.report-card{padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.report-card p{line-height:2;color:#91a5b4;font-size:11px}.report-icon,.modal-icon{height:52px;width:52px;background:#e8f7fb;color:#32b0c5;border:1px solid #d6f0f4;border-radius:14px;display:grid;place-items:center}.sample-note{padding:15px;color:#93a6b2;font-size:11px}.settings-card{max-width:660px;padding:28px}.settings-card .card-heading{margin-bottom:30px}.settings-card .card-heading>svg{color:#8ec6d3}label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#758e9e;margin-bottom:18px}label input,label select,label textarea{border:1px solid #dbe9f0;border-radius:8px;background:#ffffffb0;padding:11px 12px;color:#49687b;font-size:12px;min-width:0;width:100%}input::placeholder,textarea::placeholder{color:#b0bec6}label textarea{resize:vertical}.settings-note{border:1px solid #e1edf1;border-radius:9px;padding:16px;margin:24px 0}.settings-note p{font-size:11px;line-height:2;margin-top:9px;color:#9badb8}.empty-state{text-align:center;padding:50px;color:#9cb0bd}.empty-state svg{margin-bottom:10px}.empty-state h3{font-size:14px;margin-bottom:10px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;background:#254f61;color:#fff;border:1px solid #4c7787;border-radius:12px;padding:14px 24px;box-shadow:0 8px 35px #294e6433;display:flex;align-items:center;gap:10px;font-size:12px;animation:toast-in .2s ease-out}.toast svg{color:#85ded9}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#274e6633;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{position:relative;width:470px;max-height:90vh;overflow:auto;padding:30px;background:linear-gradient(130deg,#fff,#effbfe);box-shadow:0 25px 100px #33566933}.modal-close{position:absolute;left:17px;top:17px}.modal h2{font-size:19px;margin-top:20px}.modal>p{font-size:11px;color:#92a6b3;margin:9px 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-submit{width:100%;margin-top:8px}.profile-details{border-top:1px solid #e0ebf0;margin:24px 0}.profile-details>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0ebf0;padding:15px 0;font-size:11px;color:#99aab5}.profile-details strong{font-weight:500;color:#547184}.help-content p{color:#8da3b0;font-size:12px;line-height:2;margin-bottom:13px}.help-content strong{color:#5d8395}@keyframes toast-in{0%{opacity:0;margin-bottom:-12px}to{opacity:1;margin-bottom:0}}@media(min-width:1450px){main{padding:38px 48px 0}.topbar{padding:0 48px}.chart-card{min-height:358px}.attendance-chart{height:207px}.bar-pair{height:177px}.stat-card{padding:22px 24px}.stat-value strong{font-size:36px}.page-heading{margin-bottom:34px}.middle-grid,.lower-grid{gap:24px}.donut-wrap{width:171px;height:171px;margin-top:10px;margin-bottom:20px}.stat-caption{font-size:10px}td{padding-top:15px;padding-bottom:15px}.event{padding:18px 0}}@media(max-width:1200px){.sidebar{width:210px;padding-right:16px;padding-left:16px}.main-shell{margin-right:210px}.nav-item.active:before{right:-16px}main{padding:27px 24px 0}.topbar{padding:0 24px}.heading-actions{gap:8px}.date-pill{font-size:9px;padding:9px}.stats-grid{gap:12px}.stat-card{padding:16px}.middle-grid,.lower-grid{gap:17px}.department-card{padding:22px 18px}.department-legend{gap:13px 9px}.department-legend span{font-size:8px}.event{gap:8px}.events-card{padding:21px 17px 12px}th,td{padding-left:15px;padding-right:15px}.brand{padding:0 9px}.page-heading h1{font-size:23px}.global-search input{width:140px}}@media(max-width:1020px){.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch;padding-top:2px}.date-pill{justify-content:center}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.middle-grid,.lower-grid{grid-template-columns:1fr}.department-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center}.department-card .card-heading{grid-column:1/-1}.department-legend{grid-template-columns:1fr;gap:18px}.donut-wrap{margin:0 auto 8px}.events-card .event{padding:16px 0}.events-card{padding:22px}.global-search{display:none}.table-toolbar{flex-wrap:wrap}}@media(max-width:700px){.sidebar{right:-250px;transition:right .25s;width:230px;box-shadow:-10px 0 50px #34566b1a}.sidebar.open{right:0}.main-shell{margin-right:0}.mobile-menu{display:flex;margin-left:2px}.topbar{height:65px;padding:0 18px}.topbar-actions{gap:14px}.breadcrumb{gap:9px;font-size:10px}main{padding:24px 17px 0}.page-heading{flex-direction:column;gap:16px;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.heading-actions{flex-direction:row;width:100%;justify-content:space-between}.primary{font-size:10px}.stats-grid{gap:11px;margin-bottom:17px}.stat-card{padding:14px}.stat-top{font-size:10px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon svg{width:17px}.stat-value strong{font-size:28px}.stat-value{gap:6px}.stat-value>span{font-size:9px}.stat-caption{font-size:8px;gap:4px;flex-wrap:wrap}.middle-grid,.lower-grid{gap:17px;margin-bottom:17px}.chart-card{padding:19px 17px;min-height:315px}.bars{gap:6px}.bar-pair{width:70%;gap:3px}.bar-group>span{font-size:8px}.attendance-chart{height:183px}.bar-pair{height:153px}.department-card{padding:20px}.card-heading p{font-size:9px}.bottom-banner{gap:9px;padding:15px 12px;flex-wrap:wrap}.bottom-banner strong{font-size:9px}.bottom-banner p{font-size:8px}.bottom-banner button{font-size:9px;margin-top:5px}.banner-icon{width:31px;height:31px}.table-footer{flex-direction:column;gap:8px}.toolbar-actions{width:100%;justify-content:space-between}.local-search,.local-search input{width:100%}.full-card{padding-top:20px}.form-row{grid-template-columns:1fr;gap:0}.modal{padding:26px 22px}footer{font-size:8px}.report-card{padding:28px}.toast{max-width:90%;width:max-content;font-size:11px}.notification-panel{left:-45px;width:270px}}.employee-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-cell{font-variant-numeric:tabular-nums;font-weight:500;color:#52778b}.loading-shell{display:grid;place-items:center;padding:24px}.loading-card{max-width:460px;padding:35px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.loading-card p{color:#8da3b0;line-height:2}button:disabled{opacity:.5;cursor:wait;transform:none}.saved-notes{margin-top:25px;border-top:1px solid #dbe9ef;padding-top:15px}.saved-notes h3{font-size:12px;color:#6f8c9e}.saved-notes>div{padding:12px 0;border-bottom:1px solid #e1edf2}.saved-notes strong{font-size:11px}.saved-notes p{font-size:11px;color:#8da3b0;line-height:1.9;white-space:pre-wrap}