:root{color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.login-page{background:radial-gradient(circle at 80% 20%,#e4efff,#0000 35%),#f6f8fc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e1e8f2;border-radius:16px;gap:14px;width:min(410px,100%);padding:36px;display:grid;box-shadow:0 18px 50px #1a345c1f}.login-card .brand-mark{margin:auto}.login-card h1{text-align:center;margin:2px 0 0;font-size:21px}.login-card>p{color:#718097;text-align:center;margin:0 0 10px;font-size:12px}.login-card label{color:#40516c;gap:6px;font-size:12px;font-weight:600;display:grid}.login-card input{border:1px solid #dce4ef;border-radius:8px;outline:0;height:42px;padding:0 11px}.login-card input:focus{border-color:#3779dc;box-shadow:0 0 0 3px #e9f1ff}.login-card .primary-button{width:100%;margin-top:6px}.login-error{background:#fff0f2;border-radius:7px;padding:8px;color:#c73c4d!important}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f7f8fc;min-height:100vh}.sidebar{z-index:10;color:#d9e2f0;background:#10213f;flex-direction:column;width:278px;transition:transform .2s,width .2s;display:flex;position:fixed;inset:0 0 0 auto}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;height:88px;padding:0 24px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2879eb,#2367cf);border-radius:11px;place-items:center;width:37px;height:37px;font-size:21px;font-weight:700;display:grid}.brand-copy{flex:1;line-height:1.15;display:grid}.brand-copy strong{color:#fff;font-size:18px}.icon-button{color:#51627d;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;transition:all .15s;display:inline-grid}.navigation{flex:1;padding:18px 13px;overflow-y:auto}.nav-item{color:#c4d0e1;text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;font-size:13px;display:flex}.nav-icon{text-align:center;width:17px;font-size:17px}.nav-label{flex:1}.nav-badge{color:#422600;text-align:center;background:#f3a438;border-radius:10px;min-width:19px;padding:1px 5px;font-size:10px;font-weight:700}.sidebar-footer{background:#00000021;gap:10px;padding:17px 22px;font-size:11px;display:flex}.sidebar-footer div:last-child{display:grid}.sidebar-footer span{color:#8095b5;margin-top:2px}.help-icon{color:#a9c7ed;border:1px solid #5776a6;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.main-content{min-height:100vh;margin-left:0;margin-right:278px;padding:0 42px 42px;transition:margin .2s}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-group p,.sidebar-collapsed .sidebar-footer{visibility:hidden}.topbar{border-bottom:1px solid #e6e9f0;justify-content:space-between;align-items:center;height:88px;display:flex}.topbar-start,.topbar-actions,.user-menu{align-items:center;display:flex}.topbar-actions{gap:5px}.search-box{color:#8090a9;text-align:right;background:#fff;border:1px solid #dce2ed;border-radius:9px;align-items:center;gap:9px;width:306px;height:39px;padding:0 13px;font-size:12px;display:flex}.search-box span:nth-child(2){flex:1}.search-box kbd,.command-input kbd{color:#a0adbd;background:#fafbfd;border:1px solid #e1e5ed;border-radius:4px;padding:2px 5px;font-size:9px}.notification-button i{background:#ef5a67;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.user-menu{border-right:1px solid #e3e6ee;gap:8px;margin-right:7px;padding-right:11px}.avatar,.initials{color:#fff;background:#376fbe;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.user-copy{line-height:1.25;display:grid}.user-copy strong{font-size:11px}.user-copy span{color:#8190a7;font-size:9px}.chevron{color:#8b99ac;font-size:15px}.mobile-menu{display:none}.page-heading{justify-content:space-between;align-items:flex-end;padding:36px 0 25px;display:flex}.eyebrow{color:#8695aa;font-size:11px}.page-heading h1{color:#172745;margin:5px 0 4px;font-size:25px;line-height:1.4}.page-heading h1 span{font-size:20px}.page-heading p{color:#7a899e;margin:0;font-size:12px}.primary-button,.outline-button{border-radius:8px;min-height:38px;padding:0 15px;font-size:12px;font-weight:600}.primary-button{color:#fff;background:#246bda;border:1px solid #2367d1;box-shadow:0 4px 9px #246bda30}.primary-button:hover{background:#1d5dbc}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.surface{background:#fff;border:1px solid #e7eaf0;border-radius:11px;box-shadow:0 2px 7px #182d5306}.metric-card{align-items:flex-start;gap:13px;min-height:132px;padding:21px 18px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.metric-card div:last-child{display:grid}.metric-card span{color:#7d8aa0;font-size:11px}.metric-card strong{color:#1a2944;margin:5px 0 3px;font-size:24px;line-height:1}.metric-card small{color:#8997aa;font-size:9px}.metric-card small em{color:#a5afbd;font-style:normal}.positive{color:#19a16d!important}.warning{color:#d38a17!important}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:17px;margin-top:17px;display:grid}.surface-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.surface h2{color:#1d2b45;margin:0;font-size:15px}.surface-heading p{color:#8794a6;margin:5px 0 0;font-size:10px}.text-button{color:#236bdb;background:0 0;border:0;padding:2px;font-size:10px;font-weight:600}.chart-wrap{justify-content:center;align-items:center;gap:46px;min-height:194px;display:flex}.donut{background:conic-gradient(#2ba87d 0 77%, #edb347 77% 82%, #8465d1 82% 91%, #ec6671 91% 100%);border-radius:50%;place-items:center;width:135px;height:135px;display:grid;position:relative}.donut:before{content:"";border-radius:inherit;background:#fff;position:absolute;inset:16px}.donut div{z-index:1;text-align:center}.donut strong{color:#1a2b45;font-size:23px;display:block}.donut span{color:#8390a3;font-size:9px}.legend{gap:12px;min-width:140px;display:grid}.legend div{color:#6e7c91;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:11px;display:grid}.legend strong{color:#263650;font-size:11px}.legend-dot{border-radius:50%;width:7px;height:7px}.present{background:#2ba87d}.late{background:#edb347}.leave{background:#8465d1}.absent{background:#ec6671}.count-pill{color:#806315;background:#fff4d8;border-radius:12px;padding:3px 8px;font-size:10px}.approval-list{border-top:1px solid #edf0f4;margin:14px 0 11px}.approval-item{border-bottom:1px solid #edf0f4;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:12px 0;display:grid}.initials{width:29px;height:29px;font-size:8px}.indigo{background:#6271c5}.teal{background:#2b9993}.rose{background:#cc6b83}.approval-item div:nth-child(2){gap:3px;display:grid}.approval-item strong{color:#263650;font-size:10px}.approval-item span,.approval-item time{color:#8a98aa;font-size:9px}.outline-button{color:#326fcb;background:#fff;border:1px solid #d9e1ed;width:100%}.outline-button:hover{background:#f6f9ff}.lower-grid{grid-template-columns:1.15fr .85fr}.bars{gap:17px;margin-top:23px;display:grid}.bar-row>div:first-child{color:#64748b;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.bar-row strong{color:#263650}.bar-track{background:#edf1f6;border-radius:8px;height:7px;overflow:hidden}.bar-track i{border-radius:inherit;background:linear-gradient(90deg,#4385e7,#7ab3ff);height:100%;display:block}.actions-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:21px;display:grid}.actions-grid button{color:#62718a;background:#fbfcfe;border:1px solid #e7ecf4;border-radius:9px;place-items:center;gap:4px;min-height:76px;font-size:10px;display:grid}.actions-grid button:hover{color:#2569d4;background:#f3f8ff;border-color:#a9c8f4}.actions-grid b{color:#3976d2;font-size:20px;font-weight:400}.module-placeholder{text-align:center;place-content:center;justify-items:center;max-width:650px;min-height:290px;margin-top:4px;display:grid}.placeholder-icon{color:#286ed8;background:#eaf2ff;border-radius:15px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.module-placeholder h2{margin:15px 0 7px}.module-placeholder p{color:#7a899e;max-width:440px;margin:0;font-size:12px;line-height:1.9}.module-checks{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.module-checks span{color:#388867;background:#ecf9f2;border-radius:20px;padding:5px 9px;font-size:10px}.action-panel,.records-panel,.report-filter{margin-top:0}.action-panel h2{margin:0 0 8px;font-size:17px}.action-panel p{color:#728198;line-height:1.8}.operation-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;margin-top:16px;display:grid}.operation-form label,.report-filter label{color:#526176;gap:6px;font-size:12px;display:grid}.operation-form input,.operation-form select,.report-filter input{color:#25324a;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:0 10px}.report-filter{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:14px;display:flex}.record-list{gap:8px;display:grid}.record-list article{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.record-list article:last-child{border-bottom:0}.record-list strong,.record-list span{display:block}.record-list strong{color:#2a3850;font-size:13px}.record-list span,.record-list small{color:#8591a3;margin-top:4px;font-size:11px}.success-message{color:#1d7a55;background:#eaf8f1;border-radius:8px;margin:0 0 12px;padding:10px 12px}.dashboard-empty{text-align:center;place-content:center;justify-items:center;gap:6px;min-height:178px;display:grid}.dashboard-empty b{color:#236bda;font-size:34px}.dashboard-empty span{color:#42536d;font-size:12px;font-weight:600}.dashboard-empty small{color:#8c99aa;font-size:10px}.notification-panel{z-index:20;background:#fff;border:1px solid #e2e7ef;border-radius:10px;width:285px;position:fixed;top:73px;left:31px;overflow:hidden;box-shadow:0 13px 34px #152a4e26}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:15px;display:flex}.panel-heading strong{font-size:12px}.panel-heading button{color:#2872df;background:0 0;border:0;font-size:9px}.notice{border-bottom:1px solid #f0f2f6;gap:3px;padding:12px 15px;display:grid}.search-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e1d3757;place-items:start center;padding-top:120px;display:grid;position:fixed;inset:0}.command-palette{background:#fff;border:1px solid #dee4ed;border-radius:11px;width:min(540px,100vw - 32px);overflow:hidden;box-shadow:0 20px 50px #0f20403d}.command-input{color:#5d6f8b;border-bottom:1px solid #edf0f4;align-items:center;gap:10px;height:55px;padding:0 16px;display:flex}.command-input input{color:#273752;background:0 0;border:0;outline:0;flex:1;font-size:13px}.command-palette p{color:#9aa6b6;margin:12px 16px 6px;font-size:10px}.command-palette button{color:#41516a;text-align:right;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:calc(100% - 16px);margin:2px 8px;padding:10px;font-size:12px;display:flex}.command-palette button small{color:#98a5b6;margin-right:auto}.employee-form{margin-bottom:17px}.employee-form h2{margin-bottom:18px}.employee-form form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.employee-form label{color:#607089;gap:5px;font-size:11px;display:grid}.employee-form input,.employee-form select,.list-tools input{color:#283953;background:#fff;border:1px solid #dce4ed;border-radius:7px;outline:0;height:38px;padding:0 9px}.employee-form input:focus,.employee-form select:focus,.list-tools input:focus{border-color:#4381df}.employee-form form button{align-self:end}.employee-list{padding:0;overflow:hidden}.list-tools{border-bottom:1px solid #edf0f5;gap:8px;padding:15px;display:flex}.list-tools input{flex:1;max-width:320px}.list-tools .outline-button{width:auto;padding:0 14px}.employee-list table{border-collapse:collapse;text-align:right;width:100%}.employee-list th{color:#8090a6;background:#fafbfd;padding:12px 16px;font-size:10px;font-weight:600}.employee-list td{color:#53647c;border-top:1px solid #edf0f5;padding:13px 16px;font-size:11px}.employee-list td:first-child{gap:3px;display:grid}.employee-list td strong{color:#273852}.employee-list td small{color:#9aa6b6}.status{border-radius:12px;padding:3px 8px;font-size:9px;display:inline-block}.status.active{color:#21885e;background:#e8f8f0}.empty-state{text-align:center;color:#8b98aa;padding:42px;font-size:12px}.form-error{color:#c0394c;margin:10px 15px;font-size:11px}.org-heading-actions .outline-button,.org-detail-actions .outline-button,.org-modal .outline-button{width:auto}.org-alert{margin:0 0 14px}.org-statistics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.org-statistics article{background:#fff;border:1px solid #e5eaf2;border-radius:10px;padding:15px 17px}.org-statistics span{color:#7b899d;font-size:10px;display:block}.org-statistics strong{color:#21324f;margin-top:5px;font-size:22px;display:block}.org-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:15px;display:grid}.org-browser{padding:0;overflow:hidden}.org-toolbar{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.org-toolbar h2{margin:0;font-size:16px}.org-toolbar p{color:#8a96a8;margin:4px 0 0;font-size:10px}.org-search{color:#8190a5;background:#fafbfd;border:1px solid #dce3ec;border-radius:8px;align-items:center;gap:7px;width:min(330px,45%);height:38px;padding:0 11px;display:flex}.org-search input{color:#2b3a53;background:0 0;border:0;outline:0;width:100%;font-size:11px}.org-tree{min-height:430px;padding:8px 10px 16px}.org-tree-row{--depth:0;width:100%;min-height:55px;padding:7px 12px 7px calc(12px + var(--depth)*25px);color:#56657b;text-align:right;background:0 0;border:0;border-bottom:1px solid #f0f2f6;border-radius:7px;align-items:center;gap:8px;display:flex}.org-branch{color:#c4ceda;width:11px;font-family:Tahoma;font-size:12px}.org-toggle{color:#657691;background:#e9eef5;border-radius:5px;place-items:center;width:20px;height:20px;font-size:16px;display:grid}.org-toggle.hidden{visibility:hidden}.org-unit-icon{color:#2e70d2;background:#e5efff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.org-unit-copy{flex:1;gap:2px;display:grid}.org-unit-copy strong{color:#24344e;font-size:12px}.org-unit-copy small{color:#8a98aa;font-size:9px}.org-count{color:#77869a;min-width:55px;font-size:9px}.status.inactive{color:#9b6e16;background:#fff3da}.status.archived{color:#697589;background:#edf0f4}.org-details{min-height:430px;position:sticky;top:16px}.org-details-head{border-bottom:1px solid #e9edf3;align-items:center;gap:12px;padding-bottom:17px;display:flex}.org-detail-icon{color:#fff;background:linear-gradient(135deg,#347be0,#205eb9);border-radius:11px;place-items:center;width:45px;height:45px;font-size:18px;display:grid}.org-details-head div:last-child{display:grid}.org-details-head span,.org-details-head small{color:#8795a8;font-size:9px}.org-details-head h2{color:#20314d;margin:2px 0;font-size:16px}.org-details dl{gap:0;margin:16px 0;display:grid}.org-details dl div{border-bottom:1px dashed #e7ebf0;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.org-details dt{color:#8491a4;font-size:10px}.org-details dd{color:#33445f;text-align:left;margin:0;font-size:10px;font-weight:600}.org-description{background:#f7f9fc;border-radius:8px;padding:11px}.org-description span{color:#8a97a8;font-size:9px}.org-description p{color:#53637a;margin:5px 0 0;font-size:10px;line-height:1.8}.org-detail-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;display:grid}.org-detail-actions .primary-button{grid-column:1/-1}.org-danger{color:#bd3f4d;background:#fff5f6;border:1px solid #f0cbd0;border-radius:8px;min-height:38px;font-size:11px}.org-danger:hover{background:#ffe9ec}.org-empty{text-align:center;place-content:center;justify-items:center;min-height:400px;padding:30px;display:grid}.org-empty.detail{min-height:380px}.org-empty>div{color:#3976d2;background:#eaf2ff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.org-empty h3{color:#30415c;margin:14px 0 5px;font-size:14px}.org-empty p{color:#8a97a9;max-width:310px;margin:0 0 15px;font-size:10px;line-height:1.8}.org-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a193180;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.org-modal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 24px 70px #0a1a3447}.org-modal.types{width:min(650px,100%)}.org-modal header{z-index:2;background:#fff;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.org-modal header span{color:#8795a9;font-size:9px}.org-modal header h2{margin:3px 0 0;font-size:17px}.org-modal header>button{color:#64748b;background:#f0f3f7;border:0;border-radius:8px;width:32px;height:32px;font-size:20px}.org-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;display:grid}.org-form label{color:#53637b;gap:6px;font-size:10px;font-weight:600;display:grid}.org-form .wide{grid-column:1/-1}.org-form input,.org-form select,.org-form textarea,.org-type-form input{color:#293a54;width:100%;font:inherit;background:#fff;border:1px solid #dce3ec;border-radius:8px;outline:0;padding:9px 10px}.org-form input,.org-form select{height:40px}.org-form input:focus,.org-form select:focus,.org-form textarea:focus,.org-type-form input:focus{border-color:#3c7bd8;box-shadow:0 0 0 3px #edf4ff}.org-form footer{grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.org-type-form{background:#f8fafc;border-bottom:1px solid #e9edf3;grid-template-columns:1.2fr 1fr 90px auto auto;gap:8px;padding:16px 20px;display:grid}.org-type-list{padding:8px 20px 20px}.org-type-list article{border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto auto auto;align-items:center;gap:9px;padding:12px 5px;display:grid}.org-type-list article div{gap:3px;display:grid}.org-type-list strong{font-size:11px}.org-type-list span{color:#8b98aa;font-size:9px}.org-type-list em{color:#24855f;background:#e8f7f0;border-radius:12px;padding:3px 7px;font-size:8px;font-style:normal}.org-type-list em.off{color:#7b8492;background:#edf0f4}.org-type-list button{color:#2f6fc8;background:0 0;border:0;font-size:9px}.org-type-list button.delete{color:#bd4350}@media (width<=1040px){.sidebar{transform:translate(278px)}.app-shell:not(.sidebar-collapsed) .sidebar{transform:translate(0)}.main-content,.sidebar-collapsed .main-content{margin-left:0;margin-right:0;padding:0 24px 30px}.desktop-only{display:none}.mobile-menu{display:inline-grid}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-group p,.sidebar-collapsed .sidebar-footer{visibility:visible}}@media (width<=900px){.org-workspace{grid-template-columns:1fr}.org-details{min-height:auto;position:static}.org-statistics{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.main-content{padding:0 15px 25px}.topbar{height:68px}.search-box{background:0 0;border:0;width:auto;padding:0}.search-box span:nth-child(2),.search-box kbd,.user-copy,.chevron{display:none}.user-menu{border:0;margin:0;padding:0}.page-heading{align-items:flex-start;gap:14px;padding:24px 0 18px}.page-heading h1{font-size:21px}.primary-button{white-space:nowrap;padding:0 11px}.primary-button span{display:none}.metrics-grid{gap:10px}.metric-card{gap:8px;min-height:112px;padding:14px 10px}.metric-icon{width:31px;height:31px;font-size:15px}.metric-card strong{font-size:19px}.metric-card small em{display:none}.surface{padding:16px}.chart-wrap{gap:22px}.donut{width:116px;height:116px}.legend{min-width:120px}.notification-panel{width:auto;left:12px;right:12px}.module-placeholder{min-height:250px}.dashboard-heading{display:block}.dashboard-heading .primary-button{margin-top:15px}.dashboard-heading .primary-button span{display:inline}.org-heading{display:grid}.org-heading-actions{width:100%}.org-heading-actions button{flex:1}.org-statistics{grid-template-columns:1fr 1fr}.org-toolbar{flex-direction:column;align-items:stretch}.org-search{width:100%}.org-tree-row{padding-left:8px}.org-count{display:none}.org-form{grid-template-columns:1fr}.org-form .wide,.org-form footer{grid-column:auto}.org-type-form{grid-template-columns:1fr 1fr}.org-type-list article{grid-template-columns:1fr auto auto}.org-type-list em{display:none}}:root{--bg:#f4f6fa;--surface:#fff;--surface-soft:#f8fafc;--surface-hover:#f1f5fb;--text:#17233b;--muted:#68778e;--muted-light:#95a1b2;--border:#e1e6ee;--primary:#1769d2;--primary-dark:#1059b7;--primary-soft:#eaf2fd;--success:#168b63;--success-soft:#e8f7f1;--warning:#b87508;--warning-soft:#fff5dd;--danger:#c63e4c;--danger-soft:#fff0f2;--sidebar:#0c1d36;--sidebar-soft:#142945;--shadow-sm:0 1px 2px #14223b08, 0 4px 14px #14223b0a;--shadow-md:0 16px 40px #11223f21;color:var(--text);background:var(--bg);font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.app-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1726;--surface:#152136;--surface-soft:#19283e;--surface-hover:#1f3048;--text:#edf3fc;--muted:#a7b4c7;--muted-light:#78879d;--border:#293950;--primary:#61a2f5;--primary-dark:#84b8f7;--primary-soft:#1c3556;--success:#52c99a;--success-soft:#173d36;--warning:#f0b44f;--warning-soft:#42351e;--danger:#ff8794;--danger-soft:#48262d;--sidebar:#091322;--sidebar-soft:#14253b;--shadow-sm:0 1px 2px #00000026, 0 6px 20px #0000001f;--shadow-md:0 18px 48px #00000059}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 25%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.app-loader{background:var(--bg);place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.app-loader>span{background:var(--border);border-radius:10px;width:110px;height:3px;overflow:hidden}.app-loader>span:after{content:"";border-radius:inherit;background:var(--primary);width:45%;height:100%;animation:1s ease-in-out infinite alternate loader;display:block}.app-loader p{color:var(--muted);margin:0;font-size:12px}@keyframes loader{to{transform:translate(-120%)}}.primary-button,.secondary-button,.outline-button{border-radius:9px;justify-content:center;align-items:center;gap:7px;width:auto;min-height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.primary-button{border:1px solid var(--primary);color:#fff;background:var(--primary);box-shadow:0 6px 15px color-mix(in srgb, var(--primary) 22%, transparent)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button,.outline-button{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:none}.secondary-button:hover,.outline-button:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));color:var(--primary);background:var(--surface-hover)}.full-width{width:100%}.text-button{color:var(--primary);font-size:11px}.text-button:disabled{opacity:.45}.icon-button{color:var(--muted)}.icon-button:hover{color:var(--primary);background:var(--surface-hover)}.login-page{background:var(--surface);grid-template-columns:minmax(420px,1.05fr) minmax(400px,.95fr);min-height:100vh;padding:0;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 15% 25%,#3793ff47,#0000 28%),radial-gradient(circle at 85% 78%,#1cb8932e,#0000 30%),linear-gradient(145deg,#08182d,#102d52 62%,#0d3550);flex-direction:column;justify-content:space-between;min-height:100vh;padding:50px clamp(40px,6vw,86px);display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:360px;height:360px;position:absolute}.login-visual:before{top:-180px;left:-90px}.login-visual:after{width:500px;height:500px;bottom:-220px;right:-120px}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand div{display:grid}.login-brand strong{font-size:20px}.login-brand small{color:#9fb1c9;font-size:10px}.login-message{z-index:1;max-width:580px;position:relative}.login-message>span{color:#acd0ff;border:1px solid #ffffff29;border-radius:20px;padding:6px 11px;font-size:10px;display:inline-block}.login-message h2{letter-spacing:-.035em;margin:19px 0 17px;font-size:clamp(34px,4vw,54px);line-height:1.35}.login-message p{color:#a9b8ca;max-width:500px;margin:0;font-size:14px;line-height:2}.login-features{z-index:1;color:#bed0e4;flex-wrap:wrap;gap:22px;font-size:11px;display:flex;position:relative}.login-card{width:min(430px,100% - 48px);box-shadow:none;background:0 0;border:0;border-radius:0;place-self:center;gap:19px;padding:0;display:grid}.login-card-heading{margin-bottom:8px}.login-card-heading h1{text-align:right;color:var(--text);margin:8px 0 7px;font-size:29px}.login-card-heading p{color:var(--muted);margin:0;font-size:12px}.mobile-brand{display:none}.login-card label{color:var(--text);gap:8px;font-size:11px}.input-with-icon{border:1px solid var(--border);height:48px;color:var(--muted-light);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-with-icon input{height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0}.login-submit{justify-content:space-between;width:100%;min-height:48px;padding-inline:20px}.login-help{color:var(--muted-light);text-align:center;font-size:10px}.app-shell{background:var(--bg)}.sidebar{background:var(--sidebar);color:#d5dfec;width:268px}.brand{height:78px;padding:0 21px}.brand-mark{background:linear-gradient(145deg,#2581ef,#145bbc);border-radius:12px;flex:none;width:39px;height:39px;box-shadow:0 7px 18px #0f5bbc47}.brand-copy strong{font-size:17px}.brand-copy span{color:#8fa1b9}.navigation{scrollbar-width:thin;padding:15px 11px}.nav-group p{color:#687f9e;margin:0 12px 7px;font-size:9px}.nav-item{color:#b9c6d7;border-radius:9px;gap:11px;min-height:43px;padding:0 11px;font-size:12px}.nav-item:hover{background:#ffffff0e}.nav-item.active{background:linear-gradient(100deg,#1766ca,#2479df);box-shadow:0 8px 18px #0000002e}.nav-icon{place-items:center;width:23px;height:23px;font-size:15px;display:grid}.nav-badge{background:#f4ad45;min-width:20px}.sidebar-footer{background:#00000029;padding:15px 19px}.mobile-close,.mobile-sidebar-backdrop{display:none}.sidebar-collapsed .sidebar{transform:translate(225px)}.topbar{border-color:var(--border);height:78px}.search-box{border-color:var(--border);width:330px;height:40px;color:var(--muted);background:var(--surface);border-radius:10px}.search-box kbd{border-color:var(--border);color:var(--muted-light);background:var(--surface-soft)}.topbar-actions{gap:3px;position:relative}.notification-button{position:relative}.notification-button>b{border:2px solid var(--bg);color:#fff;background:#dd4050;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:8px;display:grid;position:absolute;top:-2px;left:-2px}.user-menu-wrap{position:relative}.user-menu{color:var(--text);background:0 0;border:0}.avatar{background:linear-gradient(145deg,#3378d3,#1759ad)}.avatar.soft{color:var(--primary);background:var(--primary-soft)}.avatar.large{width:58px;height:58px;font-size:20px}.user-copy strong{color:var(--text);font-size:11px}.user-copy span{color:var(--muted)}.user-dropdown{z-index:45;border:1px solid var(--border);background:var(--surface);width:250px;box-shadow:var(--shadow-md);border-radius:12px;padding:7px;position:absolute;top:calc(100% + 12px);left:0;overflow:hidden}.user-dropdown button{width:100%;color:var(--text);text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:10px;display:flex}.user-dropdown button:hover{background:var(--surface-hover)}.user-dropdown button>span{width:28px;height:28px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.user-dropdown button div{gap:2px;display:grid}.user-dropdown b{font-size:11px}.user-dropdown small{color:var(--muted);font-size:9px}.user-dropdown .logout-item{border-top:1px solid var(--border);color:var(--danger);border-radius:0 0 8px 8px;margin-top:5px}.user-dropdown .logout-item>span{color:var(--danger);background:var(--danger-soft)}.notification-panel{z-index:40;border-color:var(--border);background:var(--surface);width:min(360px,100vw - 30px);box-shadow:var(--shadow-md);border-radius:13px;top:68px;left:clamp(20px,3vw,48px)}.panel-heading{border-color:var(--border);align-items:center;padding:15px 16px}.panel-heading>div{gap:2px;display:grid}.panel-heading strong{color:var(--text);font-size:13px}.panel-heading span{color:var(--muted);font-size:9px}.panel-heading button{color:var(--primary)}.notice{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:right;background:0 0;gap:10px;padding:13px 16px;display:flex}.notice:hover{background:var(--surface-hover)}.notice>i{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:5px}.notice.unread>i{background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.notice>div{flex:1;gap:2px;display:grid}.notice b{color:var(--text);font-size:11px}.notice span,.notice small{color:var(--muted);font-size:9px}.panel-footer-button{width:100%;color:var(--primary);background:var(--surface-soft);border:0;padding:12px;font-size:10px;font-weight:700}.page-heading{align-items:center;padding:31px 0 23px}.eyebrow{color:var(--muted-light);font-weight:600}.page-heading h1{color:var(--text);margin:5px 0 4px;font-size:clamp(22px,2vw,27px)}.surface,.metric-card{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:13px}.surface h2,.surface h3{color:var(--text)}.surface-heading p{color:var(--muted)}.metrics-grid{gap:14px}.metric-card{align-items:center;min-height:127px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:color-mix(in srgb, var(--primary) 4%, transparent);border-radius:50%;width:80px;height:80px;position:absolute;inset:auto -18px -28px auto}.metric-icon{border-radius:11px;flex:none;width:43px;height:43px}.metric-card span{color:var(--muted)}.metric-card strong{color:var(--text);font-size:27px}.metric-card small{color:var(--muted-light)}.blue{color:#2470db;background:#eaf2ff}.green{color:#19865f;background:#e8f7f1}.amber{color:#b87912;background:#fff4df}.purple{color:#7556c7;background:#f0ebff}.app-dark .blue,.app-dark .green,.app-dark .amber,.app-dark .purple{background:var(--surface-soft)}.dashboard-grid{gap:14px;margin-top:14px}.attendance-chart{justify-content:center;align-items:center;gap:clamp(30px,6vw,80px);min-height:205px;display:flex}.donut-chart{background:conic-gradient(#29a778 0 var(--present), #4389e3 var(--present) var(--out), var(--border) var(--out) 100%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:relative}.donut-chart:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:17px}.donut-chart div{z-index:1;text-align:center;display:grid}.donut-chart strong{color:var(--text);font-size:25px}.donut-chart span{color:var(--muted);font-size:9px}.chart-legend{gap:13px;min-width:190px;display:grid}.chart-legend div{color:var(--muted);grid-template-columns:9px 1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.chart-legend i{border-radius:50%;width:8px;height:8px}.chart-legend b{color:var(--text)}.green-dot{background:#29a778}.blue-dot{background:#4389e3}.gray-dot{background:var(--border)}.count-chip{min-width:28px;height:28px;color:var(--primary);background:var(--primary-soft);border-radius:20px;place-items:center;padding:0 8px;font-size:11px;font-weight:700;display:grid}.count-chip.warning{color:var(--warning);background:var(--warning-soft)}.approval-summary{text-align:center;place-content:center;justify-items:center;min-height:175px;display:grid}.approval-summary>span{color:var(--muted);font-size:10px}.approval-summary strong{color:var(--primary);margin:4px 0;font-size:40px}.approval-summary small{max-width:250px;color:var(--muted-light);font-size:9px;line-height:1.7}.big-stat{text-align:center;place-content:center;justify-items:center;min-height:170px;display:grid}.big-stat strong{color:var(--primary);font-size:40px}.big-stat span{color:var(--text);font-size:11px;font-weight:700}.big-stat p{max-width:360px;color:var(--muted);font-size:9px}.actions-grid{gap:10px}.actions-grid button{border-color:var(--border);min-height:80px;color:var(--muted);background:var(--surface-soft)}.actions-grid button:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--primary-soft);transform:translateY(-2px)}.actions-grid b{color:var(--primary)}.alert{border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;margin:0 0 14px;padding:11px 13px;font-size:11px;line-height:1.65;display:flex}.alert.error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 22%, transparent);background:var(--danger-soft)}.alert.success{color:var(--success);border-color:color-mix(in srgb, var(--success) 22%, transparent);background:var(--success-soft)}.alert.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 28%, transparent);background:var(--warning-soft)}.alert button{color:inherit;background:0 0;border:0;margin-right:auto;text-decoration:underline}.security-notice{color:var(--warning);background:var(--warning-soft);border-radius:9px;margin:18px 22px 0;padding:11px 13px;font-size:11px;line-height:1.7}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-grid label{color:var(--muted);align-content:start;gap:7px;font-size:10px;font-weight:700;display:grid}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea,.directory-toolbar input,.directory-toolbar select,.filter-bar input,.filter-bar select,.report-toolbar input{border:1px solid var(--border);width:100%;min-height:42px;color:var(--text);background:var(--surface);border-radius:9px;outline:0;padding:0 11px}.form-grid textarea{resize:vertical;min-height:84px;padding-block:10px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.directory-toolbar input:focus,.directory-toolbar select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-grid .wide{grid-column:1/-1}.form-section-title{border-bottom:1px solid var(--border);color:var(--text);margin:4px 0 -2px;padding-bottom:9px;font-size:12px}.form-actions,.dialog-actions{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.checkbox-field{border:1px solid var(--border);background:var(--surface-soft);border-radius:9px;grid-template-columns:auto 1fr;justify-content:start;align-items:center;min-height:42px;padding:0 12px}.checkbox-field input,.checkbox-row input{accent-color:var(--primary)}.checkbox-row{grid-template-columns:auto 1fr;justify-content:start}.field-hint{color:var(--muted-light);margin-top:-9px;font-size:9px}.password-meter{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:-6px;display:grid}.password-meter span{background:var(--border);border-radius:5px;height:4px}.password-meter[data-score="1"] span:nth-child(-n+1){background:var(--danger)}.password-meter[data-score="2"] span:nth-child(-n+2){background:var(--warning)}.password-meter[data-score="3"] span:nth-child(-n+3),.password-meter[data-score="4"] span{background:var(--success)}.modal-backdrop,.org-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06122494;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.dialog,.org-modal{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;box-shadow:0 28px 80px #05122857}.dialog-header,.org-modal header{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.dialog-header h2{margin:3px 0 0;font-size:17px}.password-dialog{width:min(480px,100%)}.directory-summary,.org-statistics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.directory-summary article,.org-statistics article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:11px;padding:15px 17px}.directory-summary span,.org-statistics span{color:var(--muted);font-size:9px;display:block}.directory-summary strong,.org-statistics strong{color:var(--text);margin-top:4px;font-size:22px;display:block}.employee-list{padding:0}.directory-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1fr) 170px 210px auto;gap:9px;padding:15px;display:grid}.search-input{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-input input{background:0 0;border:0;padding:0;box-shadow:none!important}.responsive-table{width:100%;overflow-x:auto}.responsive-table table{border-collapse:collapse;text-align:right;width:100%}.responsive-table th{color:var(--muted);background:var(--surface-soft);white-space:nowrap;padding:12px 15px;font-size:9px;font-weight:700}.responsive-table td{border-top:1px solid var(--border);color:var(--muted);vertical-align:middle;padding:14px 15px;font-size:10px}.responsive-table td>strong,.responsive-table td>small{display:block}.responsive-table td>strong{color:var(--text);font-size:11px}.responsive-table td>small{color:var(--muted-light);margin-top:3px;font-size:8px}.employee-identity{align-items:center;gap:10px;min-width:180px;display:flex}.employee-identity>div{gap:2px;display:grid}.employee-identity strong{color:var(--text);font-size:11px}.employee-identity small{color:var(--muted-light);font-size:8px}.employee-number{color:var(--text);font-size:10px}.row-actions{width:50px}.status-pill{width:fit-content;color:var(--muted);background:var(--surface-soft);white-space:nowrap;border-radius:20px;align-items:center;padding:4px 8px;font-size:8px;font-weight:700;display:inline-flex}.status-pill.active,.status-pill.approved{color:var(--success);background:var(--success-soft)}.status-pill.pending,.status-pill.on_leave,.status-pill.returned{color:var(--warning);background:var(--warning-soft)}.status-pill.rejected,.status-pill.terminated,.status-pill.suspended{color:var(--danger);background:var(--danger-soft)}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:15px;padding:14px;font-size:9px;display:flex}.pagination button{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:7px;padding:6px 11px;font-size:9px}.employee-dialog{width:min(860px,100%)}.employee-profile-dialog{width:min(660px,100%)}.profile-hero{color:#fff;background:linear-gradient(135deg,#0d315b,#1769c8);align-items:center;gap:15px;padding:27px;display:flex;position:relative}.profile-hero h2{color:#fff;margin:7px 0 2px;font-size:20px}.profile-hero p{color:#c6dbf5;margin:0;font-size:10px}.profile-hero .status-pill{color:#fff;background:#ffffff26}.close-profile{color:#fff;position:absolute;top:13px;left:13px}.profile-body{grid-template-columns:.85fr 1.15fr;gap:24px;padding:23px;display:grid}.profile-body h3{color:var(--text);margin:0 0 12px;font-size:12px}.profile-body dl{margin:0}.profile-body dl div{border-bottom:1px dashed var(--border);padding:8px 0}.profile-body dt{color:var(--muted-light);font-size:8px}.profile-body dd{color:var(--text);overflow-wrap:anywhere;margin:3px 0 0;font-size:10px}.history-list{display:grid}.history-list article{gap:10px;padding:0 0 16px;display:flex;position:relative}.history-list article>i{border:2px solid var(--surface);background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 2px var(--primary-soft);border-radius:50%;margin-top:4px}.history-list article:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:14px;bottom:3px;right:4px}.history-list article>div{gap:2px;display:grid}.history-list strong{color:var(--text);font-size:10px}.history-list span,.history-list small,.muted{color:var(--muted);font-size:8px}.profile-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:16px 23px;display:flex}.profile-documents{border-top:1px solid var(--border);grid-column:1/-1;padding-top:17px}.profile-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-section-heading h3{margin:0}.profile-section-heading label{cursor:pointer}.profile-section-heading input{display:none}.document-list{gap:7px;margin-top:12px;display:grid}.document-list button{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-soft);text-align:right;border-radius:8px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.document-list button>span{width:30px;height:30px;color:var(--primary);background:var(--primary-soft);border-radius:7px;place-items:center;display:grid}.document-list button div{gap:2px;display:grid}.document-list button strong{font-size:10px}.document-list button small{color:var(--muted);font-size:8px}.document-list button em{color:var(--primary);font-size:8px;font-style:normal}.attendance-layout{grid-template-columns:minmax(310px,.8fr) minmax(420px,1.2fr);gap:14px;display:grid}.attendance-clock-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:455px;display:flex}.live-indicator{color:var(--muted);font-size:9px}.live-indicator i{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%;margin-left:5px;display:inline-block}.live-clock{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:7px 0 1px;font-size:clamp(32px,5vw,46px)}.live-date{color:var(--muted);margin-bottom:24px;font-size:10px}.clock-action{border:10px solid color-mix(in srgb, var(--success) 16%, transparent);color:#fff;background:linear-gradient(145deg,#1da577,#14825f);border-radius:50%;place-content:center;justify-items:center;gap:7px;width:165px;height:165px;display:grid;box-shadow:0 14px 35px #158f6640}.clock-action.checkout{border-color:color-mix(in srgb, var(--primary) 16%, transparent);background:linear-gradient(145deg,#2a7de1,#155fb8);box-shadow:0 14px 35px #1e69ca40}.clock-action:hover{transform:scale(1.025)}.clock-action span{font-size:24px}.clock-action b{font-size:12px}.location-hint{color:var(--muted);margin:15px 0 0;font-size:9px}.location-status{border:1px solid var(--border);text-align:start;background:var(--surface-soft);border-radius:10px;align-items:center;gap:9px;width:min(100%,390px);margin-top:14px;padding:10px 12px;display:flex}.location-status>span{width:28px;height:28px;color:var(--primary);background:var(--primary-soft);border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.location-status>div{gap:2px;display:grid}.location-status strong{font-size:9.5px}.location-status small{color:var(--muted);font-size:8.5px;line-height:1.5}.location-status.ready{border-color:color-mix(in srgb, var(--success) 30%, var(--border))}.location-status.warning{border-color:color-mix(in srgb, #d69c22 40%, var(--border));background:color-mix(in srgb, #fff7df 55%, var(--surface))}.location-status.error{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft)}.day-complete,.exempt-badge+h2{color:var(--text)}.day-complete{place-content:center;justify-items:center;gap:5px;min-height:170px;display:grid}.day-complete>span,.exempt-badge{width:58px;height:58px;color:var(--success);background:var(--success-soft);border-radius:50%;place-items:center;font-size:24px;display:grid}.day-complete small,.attendance-clock-card>p{color:var(--muted);font-size:9px}.undo-checkout-button{border:1px solid color-mix(in srgb, var(--warning) 45%, var(--border));color:var(--warning);background:color-mix(in srgb, var(--warning) 9%, var(--surface));font:inherit;cursor:pointer;border-radius:9px;margin-top:9px;padding:8px 13px;font-size:10px;font-weight:800}.undo-checkout-button:hover{background:color-mix(in srgb, var(--warning) 15%, var(--surface))}.undo-checkout-button:disabled{opacity:.55;cursor:wait}.day-complete .undo-hint{text-align:center;max-width:290px;margin-top:2px;line-height:1.6}.today-timeline{min-height:455px}.attendance-timeline{margin:24px 0 0;padding:0;list-style:none;display:grid}.attendance-timeline li{grid-template-columns:12px 1fr auto;gap:12px;min-height:73px;display:grid;position:relative}.attendance-timeline li>i{z-index:1;border:3px solid var(--surface);background:var(--primary);width:11px;height:11px;box-shadow:0 0 0 2px var(--primary-soft);border-radius:50%;margin-top:4px}.attendance-timeline li:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:15px;bottom:-3px;right:5px}.attendance-timeline div{align-content:start;gap:3px;display:grid}.attendance-timeline strong{color:var(--text);font-size:11px}.attendance-timeline span{color:var(--muted);font-size:9px}.attendance-timeline time{color:var(--text);font-size:11px;font-weight:700}.attendance-corrections{border:1px dashed color-mix(in srgb, var(--warning) 40%, var(--border));background:color-mix(in srgb, var(--warning) 6%, var(--surface));border-radius:10px;gap:7px;margin-top:12px;padding:12px;display:grid}.attendance-corrections>strong{color:var(--text);font-size:10px}.attendance-corrections>div{color:var(--warning);justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.attendance-corrections>small{color:var(--muted);font-size:8.5px;line-height:1.6}.balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.balance-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:11px;align-items:center;gap:12px;padding:16px;display:flex}.balance-card>i{border-radius:4px;width:4px;height:47px}.balance-card div{display:grid}.balance-card span{color:var(--muted);font-size:9px}.balance-card strong{color:var(--text);font-size:22px}.balance-card small{color:var(--muted-light);font-size:8px}.request-form-panel{margin-bottom:14px}.request-summary{border:1px solid var(--border);background:var(--border);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.request-summary div{background:var(--surface-soft);gap:4px;padding:12px;display:grid}.request-summary span{color:var(--muted);font-size:8px}.request-summary strong{color:var(--text);font-size:11px}.requests-table-card{padding:0}.requests-table-card>.surface-heading{padding:19px 21px}.resource-form{margin-bottom:14px}.records-panel{margin-top:0}.record-list.professional{margin-top:12px}.record-list.professional article{cursor:default;grid-template-columns:34px 1fr auto;gap:11px;min-height:62px;padding:11px 0;display:grid}.record-list.professional article.unread{background:var(--primary-soft);border-radius:8px;padding-inline:10px}.record-list.professional .record-icon{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;font-size:14px;display:grid}.record-list.professional strong{color:var(--text)}.record-list.professional span,.record-list.professional small{color:var(--muted)}.approval-actions{gap:6px;display:flex}.approve-button,.reject-button{border-radius:7px;min-height:32px;padding:0 10px;font-size:9px;font-weight:700}.compact-button{min-height:32px;padding-inline:11px;font-size:9px}.approve-button{border:1px solid var(--success);color:#fff;background:var(--success)}.reject-button{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);background:var(--danger-soft)}.filter-bar,.report-toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.filter-bar label,.report-toolbar label{color:var(--muted);gap:5px;font-size:9px;display:grid}.report-workspace{gap:14px;display:grid}.report-results{padding:0}.report-results>.surface-heading{padding:19px 21px}.settings-panel{max-width:850px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid label small{color:var(--muted-light);font-weight:400}.profile-overview{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-account-card{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.profile-account-card h2{margin:3px 0}.profile-account-card p,.security-card p{color:var(--muted);margin:0;font-size:9px}.security-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.security-card h2{margin-bottom:4px}.schedule-options{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:13px;padding:15px;display:grid}.schedule-option-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.schedule-option-heading h3,.schedule-option-heading p{margin:0}.schedule-option-heading h3{font-size:12px}.schedule-option-heading p{color:var(--muted);margin-top:3px;font-size:9px}.schedule-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.schedule-option-grid article{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:9px;padding:12px;display:grid}.switch-field{flex-direction:row!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;display:flex!important}.switch-field input[type=checkbox]{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:999px;min-width:35px;margin:0;transition:all .2s;border:0!important;width:35px!important;height:20px!important;min-height:20px!important}.switch-field input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;margin:3px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0003}.switch-field input[type=checkbox]:checked{background:var(--primary)}.switch-field input[type=checkbox]:checked:after{transform:translate(-15px)}.switch-field input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.switch-field span{color:var(--text);font-size:9.5px;font-weight:700}.schedule-editor{border:1px solid var(--border);border-radius:10px;padding:15px;overflow-x:auto}.schedule-editor h3{margin:0 0 12px;font-size:12px}.schedule-day{border-top:1px solid var(--border);min-width:680px;color:var(--muted);grid-template-columns:110px 1fr 1fr 125px 90px;align-items:end;gap:8px;padding:10px 0;font-size:9px;display:grid}.schedule-day input{min-height:35px!important}.day-toggle{grid-template-columns:auto 1fr;align-items:center!important;display:flex!important}.workflow-intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.workflow-intro article{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-soft));border-radius:12px;gap:10px;min-height:78px;padding:13px;display:flex}.workflow-intro article>b{color:#fff;background:var(--primary);width:28px;height:28px;box-shadow:0 5px 12px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:9px;flex:0 0 28px;place-items:center;font-size:11px;display:grid}.workflow-intro article div{align-content:start;gap:4px;display:grid}.workflow-intro strong{font-size:11px}.workflow-intro small{color:var(--muted);font-size:9px;line-height:1.65}.workflow-mode{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary-soft) 42%, var(--surface));border-radius:13px;gap:11px;padding:15px;display:grid}.workflow-mode header>div{gap:3px;display:grid}.workflow-mode header strong{font-size:11px}.workflow-mode header small{color:var(--muted);font-size:9px}.workflow-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.workflow-mode-options label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;min-height:58px;padding:10px 12px;flex-direction:row!important;grid-template-columns:none!important;align-items:center!important;gap:9px!important;display:flex!important}.workflow-mode-options label.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 12%, transparent)}.workflow-mode-options input{width:16px!important;min-height:16px!important}.workflow-mode-options span{gap:2px;display:grid}.workflow-mode-options b{font-size:10px}.workflow-mode-options small{color:var(--muted);font-size:8.5px}.workflow-templates{flex-wrap:wrap;align-items:center;gap:7px;padding-top:2px;display:flex}.workflow-templates>span{color:var(--muted);font-size:9px}.workflow-templates button{border:1px solid var(--border);min-height:32px;color:var(--primary);background:var(--surface);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;font-size:9px;font-weight:750}.workflow-templates button:hover{border-color:var(--primary);background:var(--primary-soft)}.workflow-scope{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.workflow-scope legend{color:var(--text);padding-inline:7px;font-size:11px;font-weight:800}.workflow-scope p{color:var(--muted);flex:0 0 100%;margin:0 0 3px;font-size:9px}.workflow-scope label,.workflow-step-options label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;min-height:34px;padding:6px 10px;flex-direction:row!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important;display:flex!important}.workflow-scope input,.workflow-step-options input{width:16px!important;height:16px!important;min-height:16px!important}.workflow-multiselect{flex:0 0 100%;min-width:0;position:relative}.workflow-multiselect summary{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:10px;font-weight:700;list-style:none;display:flex}.workflow-multiselect summary::-webkit-details-marker{display:none}.workflow-multiselect summary:after{content:"⌄";color:var(--muted);margin-inline-start:auto;font-size:13px;transition:transform .18s}.workflow-multiselect[open] summary{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent)}.workflow-multiselect[open] summary:after{transform:rotate(180deg)}.workflow-multiselect summary>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workflow-multiselect summary>b{min-width:23px;height:23px;color:var(--primary);background:var(--primary-soft);border-radius:999px;flex:none;place-items:center;font-size:8px;display:grid}.workflow-multiselect-menu{z-index:40;inset-inline:0;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:11px;position:absolute;top:calc(100% + 5px);overflow:hidden}.workflow-multiselect-search{border-bottom:1px solid var(--border);background:var(--surface-soft);gap:7px;padding:9px;display:flex}.workflow-multiselect-search input{flex:1;width:auto!important;height:auto!important;min-height:35px!important}.workflow-multiselect-search button{min-height:35px;color:var(--danger);background:var(--danger-soft);font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 10px;font-size:8.5px}.workflow-multiselect-options{max-height:230px;padding:7px;display:grid;overflow-y:auto}.workflow-scope .workflow-multiselect-options label{background:0 0;border:0;border-radius:7px;min-height:40px}.workflow-scope .workflow-multiselect-options label:hover{background:var(--surface-soft)}.workflow-multiselect-options label>span{gap:1px;display:grid}.workflow-multiselect-options label small{color:var(--muted);font-size:8px;font-weight:500}.workflow-no-options{color:var(--muted);text-align:center;padding:18px;font-size:9px}.workflow-builder{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;padding:16px}.workflow-builder header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.workflow-builder h3,.workflow-builder p{margin:0}.workflow-builder h3{font-size:12px}.workflow-builder p{color:var(--muted);margin-top:3px;font-size:9px}.workflow-builder .workflow-step-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:10px;padding:14px;display:block;box-shadow:0 5px 16px #0e233d09}.workflow-step-head{border-bottom:1px solid var(--border);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding-bottom:11px;display:grid}.workflow-step-head>b{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.workflow-step-head>div:nth-child(2){gap:3px;display:grid}.workflow-step-head strong{font-size:11px}.workflow-step-head small{max-width:680px;color:var(--muted);font-size:9px;line-height:1.6}.workflow-order-actions{gap:5px;display:flex}.workflow-order-actions button{border:1px solid var(--border);width:30px;height:30px;color:var(--primary);background:var(--surface-soft);cursor:pointer;border-radius:8px}.workflow-order-actions button:disabled{opacity:.35;cursor:default}.workflow-step-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding-top:12px;display:grid}.workflow-step-options{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.workflow-step-options .danger-text{margin-inline-start:auto}.workflow-preview{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--primary-soft) 55%, var(--surface));border-radius:13px;grid-template-columns:1fr minmax(230px,.7fr) auto;align-items:end;gap:11px;padding:15px;display:grid}.workflow-preview>div:first-child{align-self:center;gap:3px;display:grid}.workflow-preview>div:first-child strong{font-size:11px}.workflow-preview>div:first-child small{color:var(--muted);font-size:9px;line-height:1.6}.workflow-preview-result{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-column:1/-1;padding:12px 14px}.workflow-preview-result.is-valid{border-color:color-mix(in srgb, var(--success) 35%, var(--border))}.workflow-preview-result.is-invalid{border-color:color-mix(in srgb, var(--danger) 35%, var(--border))}.workflow-preview-result>strong{color:var(--success);font-size:11px}.workflow-preview-result.is-invalid>strong{color:var(--danger)}.workflow-preview-result ol{color:var(--muted);gap:6px;margin:9px 0 0;padding-inline-start:21px;font-size:9px;display:grid}.workflow-preview-result li b{color:var(--text);margin-inline-end:5px}.workflow-record{align-items:start}.workflow-record-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;grid-column:2/-1;gap:9px;padding:10px 12px;display:grid}.workflow-record-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.workflow-record-meta .status-live,.workflow-record-meta .status-off{color:var(--success);background:var(--success-soft);border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:800}.workflow-record-meta .status-off{color:var(--danger);background:var(--danger-soft)}.workflow-record-timeline{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.workflow-record-timeline span{align-items:center;gap:6px;display:inline-flex;color:var(--text)!important;font-size:9px!important}.workflow-record-timeline span b{width:22px;height:22px;color:var(--primary);background:var(--primary-soft);border-radius:7px;place-items:center;font-size:8px;display:grid}.workflow-record-timeline i{color:var(--muted-light);font-style:normal}.danger-text{min-height:38px;color:var(--danger);background:0 0;border:0;font-size:9px}.deputy-heading{padding-bottom:4px}.deputy-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.deputy-rule-card{align-items:center;gap:12px;min-height:84px;display:flex}.deputy-rule-icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:12px;flex:0 0 39px;place-items:center;font-size:17px;font-weight:800;display:grid}.deputy-rule-card>div{gap:4px;display:grid}.deputy-rule-card strong{font-size:11px}.deputy-rule-card small{color:var(--muted);font-size:8.7px;line-height:1.65}.deputy-layout{grid-template-columns:minmax(255px,.72fr) minmax(0,1.65fr);align-items:start;gap:14px;display:grid}.deputy-status{gap:15px;display:grid;position:sticky;top:82px}.deputy-state{color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.deputy-state.active{color:var(--success);background:var(--success-soft)}.deputy-current{border:1px solid color-mix(in srgb, var(--success) 28%, var(--border));background:color-mix(in srgb, var(--success-soft) 42%, var(--surface));border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.deputy-avatar{color:#fff;background:linear-gradient(145deg, var(--primary), var(--primary-dark));width:47px;height:47px;box-shadow:0 7px 17px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:14px;flex:0 0 47px;place-items:center;font-size:13px;font-weight:850;display:grid}.deputy-avatar.small{border-radius:11px;flex-basis:39px;width:39px;height:39px;font-size:10px}.deputy-current>div{gap:2px;min-width:0;display:grid}.deputy-current strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.deputy-current small,.deputy-current div>span{color:var(--muted);font-size:8.5px}.deputy-none{border:1px dashed var(--border);text-align:center;border-radius:12px;place-content:center;justify-items:center;gap:5px;min-height:132px;padding:18px;display:grid}.deputy-none>span{color:var(--muted-light);font-size:27px}.deputy-none strong{font-size:10px}.deputy-none small{color:var(--muted);font-size:8.5px}.deputy-scopes{border-top:1px solid var(--border);gap:7px;padding-top:3px;display:grid}.deputy-scopes>span{color:var(--muted);font-size:8.5px;font-weight:700}.deputy-scopes>div{flex-wrap:wrap;gap:6px;display:flex}.deputy-scopes b{color:var(--primary);background:var(--primary-soft);border-radius:7px;padding:6px 8px;font-size:8px}.deputy-remove{border:1px solid color-mix(in srgb, var(--danger) 32%, var(--border));min-height:39px;color:var(--danger);background:var(--danger-soft);font:inherit;cursor:pointer;border-radius:9px;font-size:9px;font-weight:750}.deputy-picker{min-width:0}.deputy-search{border:1px solid var(--border);height:43px;color:var(--muted);background:var(--surface-soft);border-radius:10px;margin-bottom:11px;padding:0 12px;grid-template-columns:none!important;align-items:center!important;gap:8px!important;display:flex!important}.deputy-search input{width:100%!important;min-height:38px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.deputy-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:430px;padding:2px 3px 2px 1px;display:grid;overflow-y:auto}.deputy-candidate{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;min-width:0;min-height:64px;padding:11px;transition:border-color .16s,background .16s,transform .16s;overflow:hidden;grid-template-columns:0 39px minmax(0,1fr) 25px!important;align-items:center!important;gap:9px!important;display:grid!important}.deputy-candidate:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-1px)}.deputy-candidate.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 38%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 14%, transparent)}.deputy-candidate>input{opacity:0;width:0!important;height:0!important;min-height:0!important}.deputy-candidate-copy{gap:3px;min-width:0;display:grid}.deputy-candidate-copy strong,.deputy-candidate-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deputy-candidate-copy strong{font-size:10px}.deputy-candidate-copy small{color:var(--muted);font-size:8px;font-weight:500}.deputy-check{border:1px solid var(--border);color:#0000;background:var(--surface-soft);border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.deputy-candidate.selected .deputy-check{border-color:var(--primary);color:#fff;background:var(--primary)}.deputy-picker-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:64px;margin-top:13px;padding-top:13px;display:flex}.deputy-picker-footer>div{gap:2px;display:grid}.deputy-picker-footer small{color:var(--muted);font-size:8px}.deputy-picker-footer strong{font-size:10px}.deputy-no-results,.deputy-empty{text-align:center;place-content:center;justify-items:center;gap:6px;min-height:270px;display:grid}.deputy-no-results>span,.deputy-empty-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;font-size:21px;display:grid}.deputy-no-results strong,.deputy-empty h2{margin:5px 0 0;font-size:12px}.deputy-no-results small,.deputy-empty p{max-width:440px;color:var(--muted);margin:0;font-size:9px;line-height:1.8}.deputy-loading{align-content:center;gap:10px;min-height:270px;display:grid}.deputy-loading span{background:linear-gradient(90deg, var(--surface-soft), var(--border), var(--surface-soft));background-size:200% 100%;border-radius:9px;height:48px;animation:1.2s infinite shimmer}.empty-state{min-height:220px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:5px;padding:34px;display:grid}.empty-state.compact{min-height:115px;padding:18px}.empty-state>span{width:45px;height:45px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;font-size:20px;display:grid}.empty-state b{color:var(--text);font-size:11px}.empty-state small{color:var(--muted-light);font-size:9px}.record-skeletons{gap:10px;padding:18px 0;display:grid}.record-skeletons.padded{padding:18px}.record-skeletons i,.skeleton-block{background:linear-gradient(90deg, var(--surface-soft), var(--border), var(--surface-soft));background-size:200% 100%;border-radius:8px;height:47px;animation:1.2s infinite shimmer;display:block;overflow:hidden}.page-loading-state{min-height:280px;padding:22px}.page-loading-state .record-skeletons{gap:12px;display:grid}.page-loading-state .record-skeletons i:first-child{width:42%}.page-loading-state .record-skeletons i:nth-child(2){width:68%}.assignment-unit-picker{border:1px solid var(--border);border-radius:12px;min-width:0;margin:0;padding:16px}.assignment-unit-picker legend{color:var(--text);padding:0 8px;font-weight:800}.assignment-picker-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.assignment-picker-toolbar input{flex:1}.assignment-picker-toolbar span{white-space:nowrap;color:var(--primary);font-weight:800}.assignment-descendants-option{background:var(--surface-soft);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px;flex-direction:row!important;display:flex!important}.assignment-descendants-option input,.assignment-unit-list input{min-width:18px;margin-top:2px;width:18px!important;height:18px!important;min-height:18px!important}.assignment-descendants-option span{gap:2px;display:grid}.assignment-descendants-option small{color:var(--muted)}.assignment-unit-list{gap:6px;max-height:280px;padding:4px;display:grid;overflow:auto}.assignment-unit-list label{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;flex-direction:row!important;display:flex!important}.assignment-unit-list label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.assignment-no-results{text-align:center;color:var(--muted);padding:16px}.assignment-current{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.assignment-current h3{margin:0 0 10px}.assignment-current article{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;display:flex}.assignment-current article+article{margin-top:8px}.assignment-current article div{gap:3px;display:grid}.assignment-current article small{color:var(--muted)}.skeleton-block{border-radius:50%;width:180px;height:180px}@keyframes shimmer{to{background-position:-200% 0}}.access-denied{text-align:center;place-content:center;justify-items:center;min-height:430px;margin-top:32px;display:grid}.access-denied>span{width:62px;height:62px;color:var(--danger);background:var(--danger-soft);border-radius:16px;place-items:center;font-size:26px;display:grid}.access-denied h1{margin:16px 0 5px}.access-denied p{max-width:430px;color:var(--muted);margin:0 0 17px;font-size:11px;line-height:1.8}.search-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0711208a}.command-palette{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:14px}.command-input{border-color:var(--border);color:var(--muted)}.command-input input{color:var(--text)}.command-input kbd{border-color:var(--border);background:var(--surface-soft)}.command-palette p{color:var(--muted-light)}.command-palette button{color:var(--text);align-items:center}.command-palette button:hover{color:var(--primary);background:var(--primary-soft)}.command-palette button>div{text-align:right;flex:1;gap:2px;display:grid}.command-palette button b{font-size:11px}.command-palette button small{color:var(--muted);margin:0;font-size:8px}.command-palette button em{color:var(--muted-light);font-style:normal}.org-heading-actions{gap:8px;display:flex}.org-workspace{grid-template-columns:minmax(0,1fr) 320px}.org-browser,.org-details{border-color:var(--border);background:var(--surface)}.org-toolbar{border-color:var(--border)}.org-toolbar h2,.org-details-head h2,.org-unit-copy strong{color:var(--text)}.org-toolbar p,.org-unit-copy small,.org-details dt,.org-description span,.org-empty p{color:var(--muted)}.org-search,.org-form input,.org-form select,.org-form textarea,.org-type-form input{border-color:var(--border);color:var(--text);background:var(--surface)}.org-tree-row{border-color:var(--border);color:var(--muted)}.org-tree-row:hover{background:var(--surface-hover)}.org-tree-row.selected{background:var(--primary-soft);box-shadow:inset -3px 0 var(--primary)}.org-unit-icon,.org-empty>div{color:var(--primary);background:var(--primary-soft)}.org-toggle{color:var(--muted);background:var(--surface-soft)}.org-details dl div{border-color:var(--border)}.org-details dd{color:var(--text)}.org-description{background:var(--surface-soft)}.org-description p{color:var(--muted)}.org-type-form{border-color:var(--border);background:var(--surface-soft)}.org-type-list article{border-color:var(--border)}.org-modal header{border-color:var(--border);background:var(--surface)}.org-modal header>button{color:var(--muted);background:var(--surface-soft)}@media (width<=1180px){.metrics-grid,.balance-grid{grid-template-columns:repeat(2,1fr)}.directory-toolbar{grid-template-columns:minmax(220px,1fr) 160px 190px}.directory-toolbar>button{grid-column:1/-1;justify-self:end}}@media (width<=1040px){.deputy-overview,.deputy-layout{grid-template-columns:1fr}.deputy-status{position:static}.sidebar{width:min(300px,100vw - 44px);box-shadow:var(--shadow-md);transform:translate(100%)}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-collapsed .sidebar{transform:translate(100%)}.main-content,.sidebar-collapsed .main-content{margin:0;padding:0 24px 34px}.mobile-menu,.mobile-close{display:inline-grid}.desktop-only{display:none}.mobile-sidebar-backdrop{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0611218a;border:0;display:block;position:fixed;inset:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-group p,.sidebar-collapsed .sidebar-footer{visibility:visible}.dashboard-grid,.lower-grid,.attendance-layout,.profile-overview{grid-template-columns:1fr}}@media (width<=760px){.deputy-candidates{grid-template-columns:1fr;max-height:none}.deputy-picker-footer{flex-direction:column;align-items:stretch}.deputy-picker-footer .primary-button{width:100%}.workflow-mode-options{grid-template-columns:1fr}.workflow-templates{align-items:stretch}.workflow-templates>span{flex:0 0 100%}.workflow-templates button{flex:140px}.workflow-multiselect-menu{margin-top:6px;position:static}.login-page{background:var(--bg);grid-template-columns:1fr}.login-visual{display:none}.login-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:16px;align-self:start;margin-top:10vh;padding:26px}.mobile-brand{margin-bottom:19px;display:grid}.directory-toolbar{grid-template-columns:1fr 1fr}.directory-toolbar .search-input{grid-column:1/-1}.directory-toolbar>button{grid-column:1/-1;width:100%}.profile-body,.org-workspace{grid-template-columns:1fr}.org-details{position:static}.workflow-intro,.workflow-step-fields,.workflow-preview{grid-template-columns:1fr}.workflow-preview-result{grid-column:1}}.leave-request-shell{overflow:hidden}.leave-kind-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px;display:grid}.leave-kind-picker button{text-align:right;border:1px solid var(--border,#dbe2ea);color:#334155;background:#fff;border-radius:18px;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon hint";align-items:center;gap:3px 12px;padding:18px;transition:all .2s;display:grid}.leave-kind-picker button:hover{border-color:#94a3b8;transform:translateY(-1px)}.leave-kind-picker button.active{background:linear-gradient(145deg,#eff6ff,#fff);border-color:#2563eb;box-shadow:0 10px 28px #2563eb1f}.leave-kind-picker strong{grid-area:title;font-size:1rem}.leave-kind-picker small{color:#64748b;grid-area:hint}.kind-icon{color:#2563eb;background:#eef2ff;border-radius:14px;grid-area:icon;place-items:center;width:46px;height:46px;font-size:1.45rem;display:grid}.leave-kind-picker .active .kind-icon{color:#fff;background:#2563eb}.leave-live-quote{background:#dbe4ef;border:1px solid #dbe4ef;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}.leave-live-quote>div{background:#f8fafc;flex-direction:column;gap:5px;padding:16px;display:flex}.leave-live-quote span{color:#64748b;font-size:.78rem}.leave-live-quote strong{color:#0f172a;font-size:1rem}.leave-live-quote.loading{opacity:.7}.leave-live-quote.negative{background:#f59e0b;border-color:#f59e0b}.quote-note,.quote-warning{color:#1d4ed8;background:#eff6ff;grid-column:1/-1;padding:10px 14px}.quote-warning{color:#c2410c;background:#fff7ed}.table-actions{align-items:center;gap:10px;display:flex}.danger-text{color:#dc2626;cursor:pointer;font:inherit;background:0 0;border:0}@media (width<=760px){.leave-kind-picker{grid-template-columns:1fr}.leave-live-quote{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-request-shell{border-radius:20px}.leave-smart-form{grid-template-columns:1fr}}@media (width<=620px){.main-content{padding:0 13px 26px}.topbar{height:65px}.search-box{background:0 0;border:0;justify-content:center;width:38px;padding:0}.search-box span:nth-child(2),.search-box kbd,.user-copy,.chevron{display:none}.user-menu{border:0;margin:0;padding:0}.user-dropdown{width:auto;position:fixed;top:58px;left:12px;right:12px}.notification-panel{width:auto;top:58px;left:12px;right:12px}.page-heading{align-items:flex-start;gap:12px;padding:22px 0 17px}.page-heading>div{min-width:0}.page-heading p{max-width:250px}.page-heading>button{min-width:42px;padding-inline:11px}.page-heading>button span{display:none}.dashboard-heading{display:grid}.dashboard-heading>button{justify-self:start}.metrics-grid,.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{align-items:flex-start;gap:8px;min-height:118px;padding:14px 11px}.metric-icon{width:34px;height:34px;font-size:15px}.metric-card strong{font-size:21px}.metric-card small{line-height:1.4}.surface{padding:16px}.attendance-chart{gap:20px}.donut-chart{width:118px;height:118px}.chart-legend{min-width:135px}.actions-grid{grid-template-columns:repeat(2,1fr)}.directory-summary,.org-statistics{grid-template-columns:repeat(3,1fr);gap:7px}.directory-summary article,.org-statistics article{padding:12px 9px}.directory-summary strong,.org-statistics strong{font-size:18px}.directory-toolbar{grid-template-columns:1fr}.directory-toolbar .search-input,.directory-toolbar>button{grid-column:auto}.responsive-table{overflow:visible}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tr{border-top:1px solid var(--border);padding:12px 14px}.responsive-table td{text-align:left;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:7px 0;display:flex}.responsive-table td:before{content:attr(data-label);color:var(--muted);text-align:right;font-size:8px}.responsive-table td:first-child{padding-top:0}.responsive-table td:first-child:before,.responsive-table td.row-actions:before{display:none}.responsive-table td:first-child,.employee-table td:first-child{display:block}.employee-identity{min-width:0}.row-actions{width:100%;justify-content:flex-end!important}.form-grid,.settings-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog,.org-modal{border-radius:14px;max-height:calc(100vh - 18px)}.modal-backdrop,.org-modal-backdrop{align-items:end;padding:9px}.dialog-header{padding:16px}.dialog-body{padding-inline:16px}.request-summary{grid-template-columns:1fr}.profile-hero{padding:22px 17px}.profile-actions{padding:13px 16px}.attendance-clock-card{min-height:420px}.today-timeline{min-height:auto}.live-clock{font-size:37px}.clock-action{width:150px;height:150px}.balance-card{padding:12px 10px}.balance-card strong{font-size:18px}.record-list.professional article{grid-template-columns:32px 1fr}.record-list.professional article>small,.approval-actions{grid-column:2}.approval-actions{justify-content:flex-start}.report-toolbar>*{flex:140px}.profile-account-card{grid-template-columns:auto 1fr}.profile-account-card>.status-pill{grid-column:2}.security-card{flex-direction:column;align-items:stretch}.org-heading{display:grid}.org-heading-actions{width:100%}.org-heading-actions button{flex:1}.org-toolbar{flex-direction:column;align-items:stretch}.org-search{width:100%}.org-form{grid-template-columns:1fr}.org-form .wide,.org-form footer{grid-column:auto}.org-type-form{grid-template-columns:1fr 1fr}.search-overlay{padding-top:70px}.command-palette{width:calc(100vw - 20px)}}@media print{.sidebar,.topbar,.page-heading>button,.report-toolbar,.notification-panel{display:none!important}.main-content,.sidebar-collapsed .main-content{margin:0;padding:0}body,.app-shell,.main-content{background:#fff!important}.surface{box-shadow:none;border:0}.report-results{display:block}.responsive-table{overflow:visible}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#f5f7fb;--surface-soft:#f7f9fc;--surface-hover:#eef4fb;--text:#15233a;--muted:#5f7088;--muted-light:#8795a8;--border:#dde4ee;--primary:#175fc4;--primary-dark:#104fa7;--primary-soft:#e8f1fd;--sidebar:#fff;--sidebar-soft:#f4f7fb;--shadow-sm:0 1px 2px #182a4808, 0 8px 24px #182a480b;--shadow-md:0 20px 55px #14274629;font-family:Segoe UI Variable,Segoe UI,Noto Sans Arabic,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.65}html.app-dark{--bg:#0d1624;--surface:#142033;--surface-soft:#18263a;--surface-hover:#1e3048;--border:#293a51;--sidebar:#111c2c;--sidebar-soft:#17263a}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 88% -10%, color-mix(in srgb, var(--primary) 5%, transparent), transparent 25rem), var(--bg)}.sidebar{width:292px;color:var(--text);background:color-mix(in srgb, var(--sidebar) 96%, transparent);border-left:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:-8px 0 28px #182a4809}.brand{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 38%, var(--surface)), var(--surface));gap:13px;height:92px;padding:0 22px}.brand-mark{background:linear-gradient(145deg,#2478df,#104d9f);border-radius:14px;width:44px;height:44px;font-size:22px;box-shadow:0 10px 24px #175fc440}.brand-copy{line-height:1.3}.brand-copy strong{color:var(--text);letter-spacing:-.02em;font-size:19px}.brand-copy span{color:var(--muted);margin-top:3px;font-size:10.5px}.sidebar .icon-button{color:var(--muted)}.sidebar .icon-button:hover{color:var(--primary);background:var(--primary-soft)}.navigation{scrollbar-color:color-mix(in srgb, var(--primary) 20%, transparent) transparent;padding:20px 14px 18px}.nav-group{margin-bottom:22px}.nav-group p{color:var(--muted-light);letter-spacing:.015em;margin:0 13px 8px;font-size:10.5px;font-weight:700}.nav-item{min-height:47px;color:var(--muted);border-radius:11px;gap:11px;margin:2px 0;padding:0 11px;font-size:13px;font-weight:600}.nav-item:hover{color:var(--text);background:var(--surface-hover)}.nav-item.active{color:var(--primary);background:linear-gradient(90deg, color-mix(in srgb, var(--primary-soft) 72%, var(--surface)), var(--primary-soft));box-shadow:inset -3px 0 var(--primary), 0 7px 18px #175fc412}.nav-icon{width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border-radius:10px;font-size:16px}.nav-item:hover .nav-icon{color:var(--primary);background:var(--primary-soft)}.nav-item.active .nav-icon{color:#fff;background:linear-gradient(145deg,#2c7bdd,#175bb6);box-shadow:0 6px 14px #175fc433}.nav-badge{color:#704200;background:#ffcf7b}.sidebar-footer{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);border-radius:12px;margin:0 13px 14px;padding:14px}.sidebar-footer strong{color:var(--text);font-size:11px}.sidebar-footer span{color:var(--muted);font-size:9.5px}.help-icon{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));color:var(--primary);background:var(--primary-soft)}.main-content{background:0 0;margin-right:292px;padding:0 clamp(25px,3.5vw,54px) 54px}.sidebar-collapsed .sidebar{width:84px;transform:none}.sidebar-collapsed .main-content{margin-right:84px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-group p,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .brand .desktop-only{border:1px solid var(--border);background:var(--surface);width:30px;height:30px;box-shadow:var(--shadow-sm);position:absolute;bottom:-17px}.sidebar-collapsed .navigation{padding-inline:14px}.sidebar-collapsed .nav-group{margin-bottom:8px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.topbar{z-index:8;border-color:var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:82px;position:sticky;top:0}.sidebar-restore{border:1px solid color-mix(in srgb, var(--primary) 26%, var(--border));min-height:39px;color:var(--primary);background:var(--primary-soft);border-radius:10px;align-items:center;gap:7px;margin-left:9px;padding:0 12px;font-size:11px;font-weight:750;display:inline-flex}.sidebar-restore:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 65%, var(--surface))}.sidebar-restore span{font-size:15px}.page-heading{padding:34px 0 25px}.page-heading h1{color:var(--text);letter-spacing:-.025em;font-size:clamp(25px,2.3vw,30px);font-weight:750}.page-heading p{color:var(--muted);font-size:12.5px;line-height:1.8}.eyebrow{color:var(--primary);font-size:10.5px;font-weight:700}.surface,.metric-card,.directory-summary article,.org-statistics article{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:15px}.org-statistics{grid-template-columns:repeat(4,minmax(0,1fr))}.surface{padding:23px}.surface h2,.surface-heading h2{color:var(--text);font-size:16px;font-weight:750}.surface-heading p{color:var(--muted);font-size:10.5px}.metric-card{min-height:138px;padding:21px 19px}.metric-card strong{font-size:27px}.metric-card small{font-size:9.5px}.primary-button,.secondary-button,.outline-button{border-radius:10px;min-height:43px;padding-inline:18px;font-size:12px}.form-grid label,.org-form label,.login-card label,.filter-bar label,.report-toolbar label{color:var(--text);font-size:11.5px;font-weight:650}.form-grid input,.form-grid select,.form-grid textarea,.org-form input,.org-form select,.org-form textarea,.org-type-form input,.directory-toolbar input,.directory-toolbar select{min-height:44px;color:var(--text);border-radius:10px;font-size:12.5px}.responsive-table th{color:var(--muted);font-size:10.5px}.responsive-table td{color:var(--muted);font-size:11.5px}.responsive-table td strong{color:var(--text);font-size:12px}.record-list.professional strong{font-size:12px}.record-list.professional span,.record-list.professional small{font-size:10px}.auto-code-note{border:1px solid color-mix(in srgb, var(--success) 20%, var(--border));min-height:58px;color:var(--text);background:color-mix(in srgb, var(--success-soft) 70%, var(--surface));border-radius:11px;align-items:center;gap:11px;padding:11px 13px;display:flex}.auto-code-note>span{color:#fff;background:var(--success);border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.auto-code-note div{gap:1px;display:grid}.auto-code-note strong{font-size:11px}.auto-code-note small{color:var(--muted);font-size:9.5px;font-weight:400}.org-tree{padding:12px 13px 18px}.org-tree-row{min-height:61px;padding:9px calc(14px + var(--depth) * 27px) 9px 14px;border-bottom-color:color-mix(in srgb, var(--border) 72%, transparent);border-radius:10px;gap:10px}.org-tree-row:hover{transform:translate(-2px)}.org-unit-icon{border-radius:10px;width:35px;height:35px}.org-unit-copy strong{font-size:12.5px}.org-unit-copy small{font-size:9.5px}.org-branch{color:color-mix(in srgb, var(--primary) 40%, var(--border))}.org-toggle{width:24px;height:24px}.org-details{border-radius:15px}.org-type-form{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center}.employee-account-card{min-height:185px}.account-empty{grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:115px;display:grid}.account-empty>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;place-items:center;font-size:17px;display:grid}.account-empty div{gap:2px;display:grid}.account-empty strong{color:var(--text);font-size:11.5px}.account-empty small{color:var(--muted);font-size:9.5px}.account-dialog{width:min(760px,100%)}.dialog-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.access-form-tabs{background:var(--surface-soft);border-radius:11px;gap:5px;margin:16px 0;padding:4px;display:flex}.access-form-tabs button{min-height:37px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:11px;font-weight:700}.access-form-tabs button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.access-command-bar{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.access-editor{padding-bottom:20px}.role-management{grid-template-columns:245px minmax(0,1fr);gap:16px;display:grid}.role-list{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-content:start;gap:5px;max-height:660px;padding:5px;display:grid;overflow-y:auto}.role-list>button{min-height:55px;color:var(--muted);text-align:right;background:0 0;border:0;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.role-list>button:hover,.role-list>button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.role-list>button>span{background:var(--primary-soft);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.role-list>button div{gap:2px;display:grid}.role-list>button strong{color:var(--text);font-size:10px}.role-list>button small{font-size:8px}.role-list-item{min-height:58px;color:var(--muted);background:0 0;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:5px 7px 5px 5px;display:grid}.role-list-item:hover,.role-list-item.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.role-select-button{min-width:0;color:inherit;text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:3px 0;display:grid}.role-select-button>span{background:var(--primary-soft);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.role-select-button>div{gap:2px;min-width:0;display:grid}.role-select-button strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.role-select-button small{font-size:8px}.role-item-actions{gap:3px;display:grid}.role-item-actions button{min-width:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:7.5px}.role-edit-action{color:var(--primary)}.role-delete-action{color:#dc2626}.role-item-actions button:hover:not(:disabled){background:var(--surface-soft)}.role-item-actions button:disabled{color:var(--muted-light);cursor:not-allowed;opacity:.55}.role-form{min-width:0}.role-form-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.role-form-heading h3,.role-form-heading p{margin:0}.role-form-heading p{color:var(--muted);margin-top:3px;font-size:9px}.permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.permission-matrix article{border:1px solid var(--border);border-radius:11px;overflow:hidden}.permission-matrix header{border-bottom:1px solid var(--border);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;display:flex}.permission-matrix header div{gap:1px;display:grid}.permission-matrix header small{color:var(--muted);font-size:8px}.permission-matrix header button{color:var(--primary);background:0 0;border:0;font-size:8px;font-weight:700}.permission-matrix article>label{border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent);cursor:pointer;align-items:center;gap:8px;padding:8px 11px;display:flex}.permission-matrix article>label:first-of-type{border-top:0}.permission-matrix label input{width:16px;height:16px;accent-color:var(--primary)}.permission-matrix label span{gap:1px;display:grid}.permission-matrix label strong{color:var(--text);font-size:9px}.permission-matrix label small{color:var(--muted-light);text-align:right;direction:ltr;font-size:7.5px}.direct-permission-editor{gap:16px;display:grid}.direct-grants-list{border-top:1px solid var(--border);gap:7px;padding-top:14px;display:grid}.direct-grants-list h3{margin:0 0 3px;font-size:11px}.direct-grants-list article{border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.direct-grants-list article>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.direct-grants-list small{width:100%;color:var(--muted);font-size:8px}.role-chips{flex-wrap:wrap;gap:4px;display:flex}.role-chips button{border:1px solid var(--border);color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:4px 7px;font-size:8px}.role-chips span{color:var(--muted-light);font-size:8px}.leave-balance-workspace{gap:14px;margin-bottom:14px;display:grid}.leave-balance-command{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));background:linear-gradient(120deg, var(--primary-soft), var(--surface));border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.leave-balance-command>div{align-items:center;gap:11px;display:flex}.leave-balance-command>div>div{gap:2px;display:grid}.leave-balance-command strong{color:var(--text);font-size:11px}.leave-balance-command small{color:var(--muted);font-size:9px}.balance-command-icon{color:#fff;background:var(--primary);border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.balance-editor{margin-bottom:0}.balance-live-summary{border:1px solid color-mix(in srgb, var(--success) 22%, var(--border));background:var(--success-soft);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;padding:12px 14px;display:grid}.balance-live-summary span{color:var(--muted);font-size:9px}.balance-live-summary strong{color:var(--success);font-size:18px}.balance-live-summary small{color:var(--muted);grid-column:1/-1;font-size:8px}.balance-list-panel{padding:0;overflow:hidden}.balance-list-panel>.surface-heading{padding:17px 19px}.balance-year-filter{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.balance-year-filter select{min-width:92px;min-height:34px}.available-balance{color:var(--success)!important;font-size:13px!important}.settings-section-title{background:var(--primary-soft);border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));border-radius:12px;gap:3px;margin:10px 0 2px;padding:14px 16px;display:grid}.settings-section-title span{color:var(--primary);font-weight:800}.settings-section-title small{color:var(--muted)}.workflow-inline-select{min-width:220px}.negative-balance{color:#dc2626!important}.account-maintenance{grid-template-columns:1fr 1fr;gap:18px;display:grid}.account-maintenance>form{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--background));border-radius:14px;align-content:start;padding:18px}.password-reset-editor{border-color:color-mix(in srgb, var(--warning) 28%, var(--border))!important}.account-editor-heading{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding-bottom:13px;display:flex}.account-editor-heading>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:11px;place-items:center;font-size:18px;display:grid}.account-editor-heading>div{gap:2px;display:grid}.account-editor-heading strong{color:var(--text);font-size:11px}.account-editor-heading small{color:var(--muted);font-size:8.5px}.account-editor-heading.danger>span{color:#b45309;background:#fff7ed}.reset-password-button{color:#9a3412;background:#fff7ed;border-color:#fdba74}.audit-filter{gap:15px;display:grid}.audit-filter-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.audit-filter-heading>div{gap:3px;display:grid}.audit-filter-heading strong{color:var(--text);font-size:12px}.audit-filter-heading small{color:var(--muted);font-size:9px}.audit-filter-heading>span{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:6px 10px;font-size:8.5px;font-weight:800}.audit-filter-grid{grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(125px,1fr)) auto;align-items:end;gap:10px;display:grid}.audit-filter-grid label{color:var(--muted);gap:6px;font-size:9px;font-weight:700;display:grid}.audit-filter-grid input,.audit-filter-grid select{border:1px solid var(--border);width:100%;min-height:39px;color:var(--text);background:var(--surface);font:inherit;border-radius:9px;outline:none;padding:0 10px}.audit-filter-grid input:focus,.audit-filter-grid select:focus{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));box-shadow:0 0 0 3px var(--primary-soft)}.audit-workspace{gap:10px;display:grid}.audit-loading,.audit-empty{margin:0}.audit-card{padding:0;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.audit-card:before{content:"";background:var(--success);width:3px;position:absolute;top:0;bottom:0;right:0}.audit-card.tone-warning:before{background:var(--warning)}.audit-card.tone-danger:before{background:var(--danger)}.audit-card.expanded{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));box-shadow:0 12px 30px #122f4b12}.audit-card-main{width:100%;min-height:92px;color:inherit;text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:43px minmax(0,1fr) 30px;align-items:center;gap:13px;padding:16px 18px;display:grid}.audit-event-icon{width:41px;height:41px;color:var(--success);background:var(--success-soft);border-radius:12px;place-items:center;font-size:20px;font-weight:500;display:grid}.tone-warning .audit-event-icon{color:var(--warning);background:var(--warning-soft)}.tone-danger .audit-event-icon{color:var(--danger);background:var(--danger-soft)}.audit-card-copy{gap:5px;min-width:0;display:grid}.audit-card-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.audit-card-title strong{color:var(--text);font-size:11.5px}.audit-card-title em{color:var(--muted);background:var(--background);direction:ltr;border-radius:6px;padding:3px 6px;font-size:8px;font-style:normal}.audit-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.audit-meta{color:var(--muted-light);flex-wrap:wrap;align-items:center;gap:6px;font-size:8.5px;display:flex}.audit-meta b{color:var(--primary)}.audit-meta i{opacity:.6;font-style:normal}.audit-expand{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);background:var(--background);border-radius:9px;place-items:center;font-size:16px;display:grid}.audit-details{border-top:1px solid var(--border);background:color-mix(in srgb, var(--background) 55%, var(--surface))}.audit-change-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px 18px;display:grid}.audit-change-columns>section{border:1px solid var(--border);background:var(--surface);border-radius:11px;min-width:0;padding:13px}.audit-change-columns h3{color:var(--text);margin:0 0 10px;font-size:9.5px}.audit-change-columns dl{grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);max-height:310px;margin:0;display:grid;overflow:auto}.audit-change-columns dt,.audit-change-columns dd{border-bottom:1px solid var(--border);overflow-wrap:anywhere;margin:0;padding:7px 6px;font-size:8.5px;line-height:1.65}.audit-change-columns dt{color:var(--muted);font-weight:750}.audit-change-columns dd{color:var(--text);direction:auto}.audit-change-columns dt:last-of-type,.audit-change-columns dd:last-of-type{border-bottom:0}.audit-no-values{grid-column:1/-1}.audit-no-values p{color:var(--muted);margin:0;font-size:9px}.audit-technical{flex-wrap:wrap;align-items:stretch;gap:8px;padding:11px 18px 15px;display:flex}.audit-technical span{min-width:135px;color:var(--text);background:var(--surface);direction:auto;border-radius:8px;gap:3px;padding:8px 10px;font-size:8px;display:grid}.audit-technical b{color:var(--muted);direction:rtl;font-size:7.5px}.audit-pagination{justify-content:center;align-items:center;gap:13px;padding:11px 14px;display:flex}.audit-pagination span{color:var(--muted);font-size:9px}.audit-pagination b{color:var(--text)}.audit-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.account-maintenance{grid-template-columns:1fr}}.mobile-action-bar{display:none}@media (width<=1040px){.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-search{grid-column:span 2}.role-management{grid-template-columns:1fr}.role-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px}.schedule-option-grid{grid-template-columns:1fr}.sidebar,.sidebar-collapsed .sidebar{width:min(318px,100vw - 40px);transform:translate(100%)}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .nav-group p,.sidebar-collapsed .sidebar-footer{display:initial}.sidebar-collapsed .brand-copy{display:grid}.sidebar-collapsed .sidebar-footer{display:flex}.sidebar-collapsed .brand{justify-content:initial;padding:0 22px}.sidebar-collapsed .navigation{padding:20px 14px 18px}.sidebar-collapsed .nav-group{margin-bottom:22px}.sidebar-collapsed .nav-item{justify-content:initial;padding:0 11px}.main-content,.sidebar-collapsed .main-content{margin-right:0}}@media (width<=760px){.main-content,.sidebar-collapsed .main-content{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-action-bar{z-index:60;min-height:calc(67px + env(safe-area-inset-bottom));padding:6px 12px env(safe-area-inset-bottom);border-top:1px solid color-mix(in srgb, var(--border) 88%, transparent);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 22px #0e233d14}.mobile-action-bar button{min-height:57px;color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-rows:30px 17px;place-items:center;gap:2px;padding:4px 8px;display:grid;position:relative}.mobile-action-bar button span{color:currentColor;border-radius:10px;place-items:center;width:31px;height:29px;font-size:20px;line-height:1;transition:color .18s,background .18s,transform .18s;display:grid}.mobile-action-bar button b{font-size:9px;font-weight:750;transition:color .18s}.mobile-action-bar button.active{color:var(--primary)}.mobile-action-bar button.active span{color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.mobile-action-bar button.active:before{content:"";background:var(--primary);border-radius:0 0 5px 5px;width:22px;height:3px;position:absolute;top:0}}@media (width<=620px){:root{font-size:14px}.topbar{height:68px}.page-heading{padding-top:25px}.page-heading h1{font-size:24px}.page-heading p{max-width:290px;font-size:11px}.surface{border-radius:13px;padding:17px}.org-tree-row{padding-right:calc(9px + var(--depth) * 19px)}.org-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}.org-unit-icon{width:31px;height:31px}.org-count{display:none}.org-type-form{grid-template-columns:1fr}.account-empty{grid-template-columns:38px 1fr}.account-empty button{grid-column:1/-1;width:100%}.access-command-bar>button{flex:calc(50% - 5px)}.access-form-tabs{overflow-x:auto}.access-form-tabs button{min-width:105px}.role-list,.permission-matrix{grid-template-columns:1fr}.schedule-option-heading{flex-direction:column;align-items:start}.leave-balance-command{flex-direction:column;align-items:stretch}.leave-balance-command>button{width:100%}.audit-filter-heading{flex-direction:column;align-items:start}.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-search,.audit-filter-grid>button{grid-column:1/-1}.audit-card-main{grid-template-columns:37px minmax(0,1fr) 25px;gap:10px;padding:14px 13px}.audit-event-icon{border-radius:10px;width:36px;height:36px;font-size:17px}.audit-summary{white-space:normal;line-height:1.7}.audit-meta i{display:none}.audit-meta>span,.audit-meta time{flex-basis:100%}.audit-change-columns{grid-template-columns:1fr;padding:12px}.audit-change-columns dl{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)}.audit-technical{padding:0 12px 12px}.audit-technical span{flex:130px}}:root{--background:var(--bg);--border-strong:color-mix(in srgb, var(--border) 72%, var(--text));--control-height:44px;--radius-sm:10px;--radius-md:14px;--content-width:1540px}html{scroll-behavior:smooth}body{min-width:320px}::selection{color:#fff;background:var(--primary)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--muted-light);opacity:1}.main-content>.topbar,.main-content>section,.main-content>div:not(.mobile-action-bar){width:min(100%, var(--content-width));margin-inline:auto}.topbar{padding-inline:2px}.topbar button{min-width:40px;min-height:40px}.topbar .user-copy strong{font-size:12px}.topbar .user-copy span{font-size:10px}.topbar-search{min-height:42px}.topbar-search span{font-size:12px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:126px;display:flex}.page-heading>div:first-child{min-width:0}.page-heading h1{margin-block:5px 3px;line-height:1.25}.page-heading p{max-width:720px;margin:0;font-size:13px}.page-heading>button,.page-heading>div:last-child:not(:first-child){flex:none}.surface,.metric-card,.directory-summary article,.org-statistics article{border:1px solid var(--border);transition:border-color .18s,box-shadow .18s,transform .18s}.surface:hover{border-color:color-mix(in srgb, var(--primary) 15%, var(--border))}.surface-heading{align-items:start;gap:14px;margin-bottom:18px}.surface-heading h2,.surface-heading h3{margin:0;line-height:1.4}.surface-heading p{margin:4px 0 0;font-size:11.5px;line-height:1.75}.metric-card span{font-size:12px}.metric-card small,.panel-heading span,.notice span,.notice small,.donut-chart span,.approval-summary small,.big-stat p,.directory-summary span,.org-statistics span,.employee-identity small,.profile-body dt,.history-list span,.history-list small,.muted,.document-list button small,.document-list button em,.live-indicator,.location-hint,.location-status small,.day-complete small,.attendance-clock-card>p,.attendance-timeline span,.attendance-corrections>div,.attendance-corrections>small,.balance-card span,.balance-card small,.request-summary span,.profile-account-card p,.security-card p,.schedule-option-heading p,.workflow-intro small,.workflow-mode header small,.workflow-mode-options small,.workflow-templates>span,.workflow-scope p,.workflow-multiselect-options label small,.workflow-no-options,.workflow-builder p,.workflow-step-head small,.workflow-preview>div:first-child small,.workflow-preview-result ol,.deputy-current small,.deputy-current div>span,.deputy-none small,.deputy-scopes>span,.deputy-candidate-copy small,.deputy-picker-footer small,.deputy-no-results small,.deputy-empty p,.empty-state small,.command-palette button small,.user-dropdown small{font-size:10.5px;line-height:1.65}.pagination{font-size:10.5px}.pagination button,.approve-button,.reject-button,.compact-button,.workflow-templates button,.workflow-multiselect-search button,.danger-text,.deputy-remove{min-height:36px;font-size:10.5px}.switch-field span,.schedule-day,.location-status strong{font-size:11px}.workflow-record-meta .status-live,.workflow-record-meta .status-off,.deputy-state,.deputy-scopes b{font-size:9.5px}.workflow-record-timeline span{font-size:10.5px!important}.responsive-table td:before{font-size:10px}.primary-button,.secondary-button,.outline-button{min-height:var(--control-height);white-space:nowrap;box-shadow:0 1px 2px #15233a0a}.primary-button:active,.secondary-button:active,.outline-button:active{transform:translateY(0)scale(.985)}.icon-button{border-radius:var(--radius-sm);min-width:40px;min-height:40px}.text-button{min-height:36px;padding-inline:8px;font-size:11.5px;font-weight:700}.form-grid{gap:16px}.form-grid label,.org-form label,.login-card label,.filter-bar label,.report-toolbar label,.audit-filter-grid label{gap:7px;font-size:12px;line-height:1.55}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea,.org-form input,.org-form select,.org-form textarea,.org-type-form input,.directory-toolbar input,.directory-toolbar select,.filter-bar input,.filter-bar select,.report-toolbar input,.report-toolbar select,.audit-filter-grid input,.audit-filter-grid select{min-height:var(--control-height);border-radius:var(--radius-sm);border-color:var(--border);padding-inline:12px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.form-grid textarea,.org-form textarea{min-height:112px;padding-block:11px;line-height:1.7}.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover,.org-form input:hover,.org-form select:hover,.org-form textarea:hover,.directory-toolbar input:hover,.directory-toolbar select:hover{border-color:color-mix(in srgb, var(--primary) 32%, var(--border))}.form-grid small,.field-hint,.form-hint{color:var(--muted);font-size:10.5px;line-height:1.7}.filter-bar,.report-toolbar,.directory-toolbar{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:11px;padding:14px}.directory-toolbar{margin-bottom:16px}.responsive-table{border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 28%, var(--border)) transparent;border-radius:12px;width:100%;overflow:auto}.responsive-table table{min-width:720px}.responsive-table thead{z-index:1;position:sticky;top:0}.responsive-table th{letter-spacing:.01em;padding:13px 15px;font-size:11px}.responsive-table td{padding:14px 15px;font-size:12px;line-height:1.6}.responsive-table td strong{font-size:12.5px}.responsive-table td>small{margin-top:3px;font-size:10px;line-height:1.55}.responsive-table tbody tr{transition:background .14s}.responsive-table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 42%, var(--surface))}.responsive-table td button{min-width:36px;min-height:36px}.badge,.status-badge,.nav-badge,.role-chips button{white-space:nowrap;line-height:1.35}.empty-state,.loading-state,.error-state{min-height:118px;line-height:1.75}.error-banner,.success-banner,.warning-banner{border-radius:11px;font-size:11.5px;line-height:1.7}.modal-backdrop,.org-modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08142694;padding:24px}.dialog,.org-modal{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);border-radius:18px;max-height:min(88vh,900px);box-shadow:0 28px 80px #06142a47}.dialog-header,.org-modal header{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px 22px;position:sticky;top:0}.dialog-header h2,.org-modal header h2{font-size:18px;line-height:1.4}.dialog-header p{font-size:11.5px}.dialog-body{padding:20px 22px 24px}.dialog-actions,.form-actions{border-top:1px solid var(--border);gap:10px;padding-top:16px}.role-list>button strong,.role-select-button strong{font-size:11.5px}.role-list>button small,.role-select-button small{font-size:9.5px}.role-item-actions button{min-height:30px;font-size:9px}.permission-matrix header strong{font-size:11.5px}.permission-matrix header small,.permission-matrix header button{font-size:9.5px}.permission-matrix label strong{font-size:10.5px}.permission-matrix label small{font-size:9px}.direct-grants-list strong{font-size:10.5px}.direct-grants-list small,.role-chips button,.role-chips span{font-size:9.5px}.leave-balance-command strong,.account-editor-heading strong{font-size:12px}.leave-balance-command small,.balance-live-summary span,.account-editor-heading small{font-size:10.5px}.balance-live-summary small{font-size:9.5px}.audit-card-title strong{font-size:12.5px}.audit-summary{font-size:10.5px}.audit-meta,.audit-pagination span{font-size:9.5px}.audit-change-columns h3{font-size:10.5px}.audit-change-columns dt,.audit-change-columns dd{font-size:9.5px}.audit-technical span,.audit-technical b{font-size:9px}html.app-dark .responsive-table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 55%, var(--surface))}html.app-dark .modal-backdrop,html.app-dark .org-modal-backdrop{background:#020812b8}html.app-dark input,html.app-dark select,html.app-dark textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=1180px){.main-content{padding-inline:28px}.directory-summary,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-table table{min-width:780px}}@media (width<=760px){.main-content,.sidebar-collapsed .main-content{padding-inline:16px}.topbar{height:68px}.topbar-search{justify-content:center;max-width:44px;padding:0}.topbar-search>span:not(:first-child),.topbar-search kbd{display:none}.page-heading{align-items:stretch;min-height:0;padding:24px 0 18px}.page-heading h1{font-size:clamp(23px,7vw,28px)}.page-heading p{max-width:none;font-size:12.5px}.page-heading>button,.page-heading>div:last-child:not(:first-child){width:100%}.page-heading>div:last-child:not(:first-child){flex-wrap:wrap;display:flex}.page-heading>div:last-child:not(:first-child)>button{flex:1}.surface{padding:17px}.surface-heading{flex-direction:column;align-items:stretch}.surface-heading>button{width:100%}.filter-bar,.report-toolbar,.directory-toolbar{align-items:stretch;padding:12px}.filter-bar>*,.report-toolbar>*,.directory-toolbar>*{flex:100%;width:100%}.directory-summary,.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-backdrop,.org-modal-backdrop{align-items:end;padding:0}.dialog,.org-modal{width:100%;max-width:none;max-height:calc(94dvh - env(safe-area-inset-top));border-radius:20px 20px 0 0}.dialog-body{padding:18px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.dialog-header,.org-modal header{padding:17px 16px}.dialog-actions,.form-actions{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);margin-inline:-16px;position:sticky;bottom:0}.dialog-actions>button,.form-actions>button{flex:1}.permission-matrix{grid-template-columns:1fr}}@media (width<=430px){.main-content,.sidebar-collapsed .main-content{padding-inline:12px}.surface{border-radius:12px;padding:14px}.page-heading{gap:14px}.primary-button,.secondary-button,.outline-button{padding-inline:14px}.org-statistics,.role-list,.audit-filter-grid{grid-template-columns:1fr}.audit-search,.audit-filter-grid>button{grid-column:auto}}