:root{--ink:#17231f;--muted:#6f7b75;--green:#156b53;--green-soft:#eaf5f0;--gold:#be8b3d;--line:#e5e9e7;--canvas:#f4f7f5;--panel:#fff}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#fff;background:#122d26;flex-direction:column;width:258px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 0 0 auto}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 10px 26px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#e0b66e,#b87c2d);border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff35}.brand strong,.brand small,.sidebar-footer strong,.sidebar-footer small{display:block}.brand strong{font-size:15px}.brand small,.sidebar-footer small{color:#aabdb6;margin-top:4px;font-size:11px}.nav-heading{color:#829a91;letter-spacing:.04em;margin:24px 12px 10px;font-size:10px;font-weight:700}.nav-item{color:#c7d5d0;border-radius:11px;align-items:center;gap:12px;min-height:45px;margin:3px 0;padding:0 12px;font-size:13px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0c}.nav-item.active{color:#fff;box-shadow:inset -3px 0 var(--gold);background:#ffffff12}.nav-icon{background:#ffffff0c;border-radius:7px;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.nav-item.active .nav-icon{color:#18372e;background:#d2a45e}.nav-badge{color:#fff;text-align:center;background:#be5e4c;border-radius:10px;min-width:20px;margin-right:auto;padding:3px 6px;font-size:10px}.sidebar-footer{border-top:1px solid #ffffff17;grid-template-columns:36px 1fr 26px;align-items:center;gap:9px;margin-top:auto;padding:17px 8px 0;display:grid}.sidebar-footer .avatar{color:#1f3a32;background:#d5ae6e;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.sidebar-footer strong{font-size:11px}.sidebar-footer button{color:#9eb2aa;background:0 0;border:0}.main-content{min-height:100vh;margin-right:258px}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffe;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 34px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:9px;display:none}.mobile-brand .brand-mark{width:34px;height:34px;font-size:18px}.search-box{border:1px solid var(--line);color:#819087;background:#f8faf9;border-radius:11px;align-items:center;gap:9px;width:min(430px,46vw);padding:0 13px;display:flex}.search-box input{min-width:0;height:39px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box kbd{color:#8a9690;direction:ltr;background:#fff;border:1px solid #dfe4e1;border-radius:5px;padding:3px 6px;font-size:9px}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--line);color:#56635d;background:#fff;border-radius:10px;width:39px;height:39px;position:relative}.notification-dot{background:#d55947;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:8px;box-shadow:0 0 0 2px #fff}.primary-button,.secondary-button,.date-button{border-radius:10px;min-height:39px;font-size:11px;font-weight:700}.primary-button{background:var(--green);color:#fff;border:0;padding:0 14px;box-shadow:0 5px 14px #156b5326}.primary-button span{margin-left:5px;font-size:15px}.secondary-button,.date-button{border:1px solid var(--line);color:#526159;background:#fff;padding:0 13px}.date-button{align-items:center;gap:20px;display:flex}.page-wrap{max-width:1500px;margin:auto;padding:28px 34px 48px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px;display:flex}.page-heading h1{letter-spacing:-.03em;margin:5px 0 7px;font-size:24px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.page-heading .eyebrow{color:var(--green);font-size:10px;font-weight:700}.heading-actions{gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.kpi-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;min-height:142px;padding:18px;position:relative;overflow:hidden;box-shadow:0 5px 20px #263d3410}.kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-top span{color:var(--muted);font-size:11px}.kpi-top b{background:var(--green-soft);color:var(--green);border-radius:8px;padding:4px 7px;font-size:9px}.kpi-card.red .kpi-top b{color:#b64c3d;background:#fff0ed}.kpi-card.gold .kpi-top b{color:#94651d;background:#fff5e6}.kpi-value{letter-spacing:-.03em;margin:14px 0 5px;font-size:24px;display:block}.kpi-card>small{color:#8b9691;font-size:9px}.sparkline{opacity:.7;direction:ltr;align-items:flex-end;gap:5px;height:25px;display:flex;position:absolute;bottom:0;left:14px;right:14px}.sparkline i{background:#d9ebe4;border-radius:4px 4px 0 0;flex:1;height:30%}.sparkline i:nth-child(2){height:45%}.sparkline i:nth-child(3){height:35%}.sparkline i:nth-child(4){height:62%}.sparkline i:nth-child(5){height:49%}.sparkline i:nth-child(6){height:78%}.sparkline i:nth-child(7){height:68%}.kpi-card.blue .sparkline i{background:#dce8f4}.kpi-card.gold .sparkline i{background:#f3e4c9}.kpi-card.red .sparkline i{background:#f3dcd8}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:14px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:19px;box-shadow:0 5px 20px #263d340d}.panel-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.panel-header h2{margin:0 0 5px;font-size:14px}.panel-header p{color:var(--muted);margin:0;font-size:10px}.panel-header a{color:var(--green);font-size:10px;font-weight:700}.count-pill{color:#b94d3d;background:#fff0ed;border-radius:9px;place-items:center;min-width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.fleet-summary{background:#f7f9f8;border-radius:12px;grid-template-columns:112px 120px 1fr;align-items:center;gap:21px;padding:14px 16px;display:grid}.util-ring{background:conic-gradient(var(--green) 0 82.6%, #dfe7e3 82.6% 100%);border-radius:50%;place-items:center;width:91px;height:91px;display:grid}.util-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:69px;height:69px}.util-ring span{z-index:1;text-align:center;grid-area:1/1}.util-ring strong,.util-ring small{display:block}.util-ring strong{font-size:16px}.util-ring small{color:var(--muted);margin-top:3px;font-size:8px}.fleet-legend{gap:11px;display:grid}.fleet-legend span{color:var(--muted);grid-template-columns:8px 25px 1fr;align-items:center;gap:6px;font-size:9px;display:grid}.fleet-legend b{color:var(--ink);font-size:12px}.dot{border-radius:50%;width:7px;height:7px}.green-dot{background:#278269}.amber-dot{background:#d69a44}.red-dot{background:#ca604f}.hours-chart{direction:ltr;border-bottom:1px solid #dce3df;align-items:flex-end;gap:9px;height:88px;padding:8px 6px 0;display:flex}.hours-chart span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.hours-chart i{background:linear-gradient(#278269,#83b6a7);border-radius:5px 5px 1px 1px;width:min(22px,70%)}.hours-chart small{color:#86918b;font-size:8px}.table-scroll{margin-top:11px;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%;min-width:570px;font-size:10px}th{color:#829087;padding:9px 8px;font-size:9px;font-weight:500}td{border-top:1px solid #edf0ee;padding:10px 8px}td:first-child b,td:first-child small{display:block}.table-scroll td:first-child b{font-size:10px}.table-scroll td:first-child small{color:#849089;margin-top:3px;font-size:8px}.status{text-align:center;color:#23745c;background:#eaf6f1;border-radius:8px;min-width:56px;padding:5px 7px;font-size:8px;font-weight:700;display:inline-block}.status-في-الصيانة{color:#a26a1a;background:#fff3e3}.status-متوقفة{color:#b85142;background:#fff0ed}td:last-child{grid-template-columns:1fr 29px;align-items:center;gap:7px;display:grid}.progress{background:#e7ece9;border-radius:5px;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:var(--green);height:100%;display:block}.alert-list{gap:8px;display:grid}.alert-row{width:100%;min-height:68px;color:var(--ink);text-align:right;background:#fff;border:1px solid #edf0ee;border-radius:11px;grid-template-columns:29px 1fr 12px;align-items:center;gap:9px;padding:10px;display:grid}.alert-row:hover{background:#fafcfb;border-color:#cedbd5}.alert-row>b{color:#9ba59f;font-size:18px}.alert-symbol{color:#b94c3d;background:#fff0ed;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.alert-row.warning .alert-symbol{color:#a76d18;background:#fff4e1}.alert-row.info .alert-symbol{color:#376e9d;background:#eaf2fa}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:9px}.alert-row small{color:var(--muted);margin-top:5px;font-size:8px}.all-alerts{width:100%;min-height:36px;color:var(--green);background:#f8faf9;border:1px solid #dbe3df;border-radius:9px;margin-top:11px;font-size:9px;font-weight:700}.bottom-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.metric-chip{color:#28745e;background:#eaf6f1;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:700}.fuel-total{align-items:baseline;gap:8px;display:flex}.fuel-total strong{font-size:20px}.fuel-total span{color:var(--muted);font-size:9px}.fuel-total b{color:var(--green);margin-right:auto;font-size:9px}.line-chart{height:74px;margin-top:10px;position:relative;overflow:hidden}.grid-line{background:#edf0ee;height:1px;position:absolute;left:0;right:0}.grid-line.one{top:15px}.grid-line.two{top:37px}.grid-line.three{top:59px}.line-segments{direction:ltr;align-items:center;display:flex;position:absolute;inset:5px 3% 11px}.line-segments i{background:var(--green);transform-origin:0;flex:1;height:3px;position:relative;transform:rotate(-7deg)}.line-segments i:nth-child(2){transform:rotate(11deg)}.line-segments i:nth-child(3){transform:rotate(-16deg)}.line-segments i:nth-child(4){transform:rotate(8deg)}.line-segments i:nth-child(5){transform:rotate(-3deg)}.line-segments i:nth-child(6){transform:rotate(13deg)}.line-segments i:after{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 0 1px var(--green);border:2px solid #fff;border-radius:50%;position:absolute;top:-3px;right:-3px}.approval{border-top:1px solid #edf0ee;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.approval:first-of-type{border-top:0}.approval-icon{color:#a36d20;background:#fff4e3;border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.approval-icon.blue-bg{color:#3d719a;background:#e9f2fa}.approval strong,.approval small{display:block}.approval strong{font-size:9px}.approval small{color:var(--muted);margin-top:5px;font-size:8px}.approval button{color:var(--green);background:#fff;border:1px solid #d8e2dd;border-radius:8px;padding:6px 10px;font-size:8px;font-weight:700}@media (max-width:1100px){.sidebar{width:218px}.main-content{margin-right:218px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.alerts-panel{order:2}.fleet-summary{grid-template-columns:100px 110px 1fr}}@media (max-width:760px){.sidebar{display:none}.main-content{margin-right:0}.topbar{padding:10px 15px}.mobile-brand{display:flex}.search-box{display:none}.page-wrap{padding:20px 15px 34px}.page-heading{align-items:flex-start}.heading-actions{display:none}.page-heading h1{font-size:21px}.kpi-grid,.bottom-grid{grid-template-columns:1fr}.kpi-card{min-height:130px}.fleet-panel{padding:15px}.fleet-summary{grid-template-columns:92px 1fr}.hours-chart{grid-column:1/-1}.primary-button{font-size:10px}.panel-header{align-items:center}}@media (max-width:430px){.topbar{min-height:62px}.topbar-actions .icon-button{display:none}.page-heading{margin-bottom:18px}.kpi-grid{gap:10px}.panel{border-radius:13px}.fleet-summary{gap:12px;padding:12px}.fleet-legend{gap:8px}}.erp-app{min-height:100vh}.enterprise-sidebar{padding-bottom:12px}.enterprise-sidebar .brand{flex:none;padding-bottom:19px}.enterprise-nav{scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;flex:1;min-height:0;padding:8px 0;overflow-y:auto}.nav-group+.nav-group{margin-top:4px}.enterprise-nav .nav-heading{margin:11px 12px 6px}.enterprise-nav .nav-item{text-align:start;background:0 0;border:0;width:100%;min-height:38px;margin:1px 0}.enterprise-nav .nav-item:hover{background:#ffffff0c}.enterprise-nav .nav-item.active{background:#ffffff12}.system-health{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:9px;margin:7px 8px 0;padding:10px 11px;display:flex}.system-health strong,.system-health small{display:block}.system-health strong{font-size:9px}.system-health small{color:#8da79d;margin-top:3px;font-size:7px}.developer-credit{color:#d9e4df;background:linear-gradient(120deg,#bd8a3e22,#ffffff05);border-radius:10px;margin:7px 8px 0;padding:9px 11px}.developer-credit small,.developer-credit strong,.developer-credit span{display:block}.developer-credit small{color:#9fb3ab;font-size:7px}.developer-credit strong{color:#dfb874;letter-spacing:.08em;margin:3px 0 2px;font-size:12px}.developer-credit span{font-size:7px;line-height:1.5}.health-dot{background:#43b88e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #43b88e1c}.enterprise-sidebar .sidebar-footer{flex:none;margin-top:8px;padding-top:11px}.enterprise-topbar{min-height:66px}.mobile-menu{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:10px;display:none}.language-button{border:1px solid var(--line);color:#526159;background:#fff;border-radius:9px;min-width:58px;height:35px;font-size:9px;font-weight:700}.sync-button{font-size:18px}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.enterprise-wrap{padding-top:24px}.enterprise-heading{margin-bottom:20px}.link-button{color:var(--green);background:0 0;border:0;font-size:10px;font-weight:700}.health-strip{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:25px;margin-top:14px;padding:12px 18px;font-size:9px;display:flex}.health-strip span:first-child{color:var(--green);margin-inline-end:auto;font-weight:700}.health-strip .health-dot{margin-inline-end:8px}.module-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.module-heading h1{letter-spacing:-.03em;margin:7px 0 6px;font-size:24px}.module-heading>div>p{color:var(--muted);margin:0;font-size:11px}.breadcrumb{color:#8b9891!important;font-size:9px!important}.breadcrumb b{color:var(--green)}.module-actions{gap:8px;display:flex}.module-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px;display:grid}.module-kpis>div{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;min-height:77px;padding:14px;display:flex;box-shadow:0 4px 18px #263d3408}.module-kpis small,.module-kpis strong{display:block}.module-kpis small{color:var(--muted);font-size:9px}.module-kpis strong{margin-top:5px;font-size:18px}.mini-icon{border-radius:11px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:grid}.green-mini{color:#24745c;background:#e9f5f0}.blue-mini{color:#3d729e;background:#eaf2fa}.red-mini{color:#b95142;background:#fff0ed}.gold-mini{color:#9b691f;background:#fff4e2}.records-panel{padding:0;overflow:hidden}.records-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.records-toolbar h2{margin:0 0 4px;font-size:13px}.records-toolbar p{color:var(--muted);margin:0;font-size:8px}.filter-select{align-items:center;gap:8px;display:flex}.filter-select>span{color:var(--muted);font-size:9px}.filter-select select{border:1px solid var(--line);min-width:130px;height:34px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.enterprise-table{overflow-x:auto}.enterprise-table table{min-width:820px;font-size:9px}.enterprise-table th{border-bottom:1px solid var(--line);white-space:nowrap;background:#f8faf9;height:38px;padding:8px 14px;font-size:8px;font-weight:700}.enterprise-table td{white-space:nowrap;border-top:1px solid #edf0ee;height:49px;padding:8px 14px}.enterprise-table tbody tr{cursor:pointer;transition:all .15s}.enterprise-table tbody tr:hover{background:#fafcfb}.enterprise-table td:last-child{text-align:end;width:110px;display:table-cell}.cell-code{color:#315d4f;letter-spacing:.02em;direction:ltr;font-weight:800;display:inline-block}.tone-success{color:#23745c;background:#eaf6f1}.tone-warning{color:#9b691e;background:#fff4e2}.tone-danger{color:#b95142;background:#fff0ed}.tone-neutral{color:#536975;background:#eef2f5}.row-actions button{border-radius:7px;min-height:27px;margin-inline-start:4px;padding:0 8px;font-size:7px;font-weight:700}.approve-btn,.resolve-btn{color:#176b52;background:#edf8f3;border:1px solid #bfdbd0}.reject-btn{color:#ae4e40;background:#fff4f2;border:1px solid #efd1cb}.more-btn{border:1px solid var(--line);color:#7d8882;background:#fff;min-width:31px}.empty-state{min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>span{width:48px;height:48px;color:var(--green);background:#edf3f0;border-radius:15px;place-items:center;font-size:23px;display:grid}.empty-state strong{color:var(--ink);margin-top:12px;font-size:12px}.empty-state small{margin-top:5px;font-size:9px}.table-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:8px;display:flex}.table-footer button{border:1px solid var(--line);color:#78857e;background:#fff;width:25px;height:25px;font-size:9px}.table-footer button.current{background:var(--green);color:#fff}.table-footer button:disabled{opacity:.45}.report-hero{color:#fff;background:linear-gradient(120deg,#123b31,#17664f);border-radius:16px;justify-content:space-between;align-items:center;gap:30px;min-height:160px;margin-bottom:15px;padding:24px 28px;display:flex;overflow:hidden;box-shadow:0 12px 30px #123b3125}.report-hero>div:first-child{align-items:center;gap:17px;display:flex}.report-mark{color:#ddb266;background:#ffffff0c;border:1px solid #e7bd7850;border-radius:17px;place-items:center;width:62px;height:62px;font-size:25px;font-weight:800;display:grid}.report-hero small,.report-hero strong,.report-hero p{margin:0;display:block}.report-hero small{color:#bbd3ca;font-size:9px}.report-hero strong{margin:9px 0 5px;font-size:24px}.report-hero p{color:#a9c5ba;font-size:9px}.report-bars{opacity:.8;direction:ltr;align-items:flex-end;gap:10px;width:280px;height:100px;display:flex}.report-bars i{background:linear-gradient(#dcb266,#ffffff25);border-radius:5px 5px 0 0;flex:1}.report-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.report-card{border:1px solid var(--line);min-height:126px;color:var(--ink);text-align:start;background:#fff;border-radius:14px;grid-template-columns:42px 1fr 16px;align-items:start;gap:12px;padding:17px;transition:all .2s;display:grid;box-shadow:0 4px 18px #263d3408}.report-card:hover{border-color:#c9d9d2;transform:translateY(-2px);box-shadow:0 10px 25px #263d3412}.report-icon{width:42px;height:42px;color:var(--green);background:#eaf5f0;border-radius:12px;place-items:center;font-size:14px;font-weight:800;display:grid}.report-tone-1{color:#426f96;background:#edf3fa}.report-tone-2{color:#9d6b20;background:#fff4e4}.report-card strong,.report-card small,.report-card em{display:block}.report-card strong{font-size:10px}.report-card small{min-height:30px;color:var(--muted);margin-top:7px;font-size:8px;line-height:1.8}.report-card em{color:var(--green);margin-top:8px;font-size:8px;font-style:normal}.report-card>b{color:#9aa59f}.attendance-overview{grid-template-columns:180px 220px minmax(0,1fr);gap:12px;margin-bottom:15px;display:grid}.attendance-overview>article{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:105px;padding:17px;box-shadow:0 4px 18px #263d3408}.attendance-overview small,.attendance-overview strong,.attendance-overview span{display:block}.attendance-overview small{color:var(--muted);font-size:9px}.attendance-overview strong{margin:9px 0 4px;font-size:22px}.attendance-overview span{color:#7c8982;font-size:8px}.attendance-overview .attendance-import{color:#fff;background:linear-gradient(120deg,#123b31,#17664f);justify-content:space-between;align-items:center;gap:20px;display:flex}.attendance-import>div:last-child{align-items:center;gap:7px;display:flex}.attendance-import form{gap:7px;display:flex}.attendance-import .secondary-button{align-items:center;display:inline-flex}.attendance-import strong{font-size:13px}.attendance-import small,.attendance-import span{color:#bfd2cb}.file-trigger{position:relative;overflow:hidden}.file-trigger input{opacity:0;cursor:pointer;position:absolute;inset:0}.device-panel{margin-top:15px}.panel-header code{color:#28634f;direction:ltr;background:#edf4f1;border-radius:8px;padding:7px 9px;font-size:8px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.device-grid article,.device-admin-grid article{border:1px solid var(--line);background:#fafcfb;border-radius:12px;padding:14px}.device-grid strong,.device-grid small,.device-grid p,.device-grid em,.device-admin-grid strong,.device-admin-grid small,.device-admin-grid p{display:block}.device-grid strong,.device-admin-grid strong{margin-top:11px;font-size:10px}.device-grid small,.device-admin-grid small{color:var(--muted);margin-top:5px;font-size:8px}.device-grid p,.device-admin-grid p{color:#53645c;margin:9px 0 0;font-size:8px}.device-grid em{color:#2e725c;margin-top:10px;font-size:7px;font-style:normal}.version-pill{color:var(--green);background:#eaf5f0;border-radius:10px;padding:7px 11px;font-size:10px;font-weight:800}.settings-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px;display:grid}.settings-card>header{gap:11px;margin-bottom:17px;display:flex}.settings-card>header>span{width:39px;height:39px;color:var(--green);background:#eaf5f0;border-radius:11px;place-items:center;font-weight:800;display:grid}.settings-card h2,.settings-card p{margin:0}.settings-card h2{font-size:13px}.settings-card p{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.6}.identity-card form{grid-template-columns:1fr 1fr;gap:11px;display:grid}.settings-card label{gap:5px;display:grid}.settings-card label>span,.user-access-list label>span{color:#596860;font-size:8px;font-weight:700}.settings-card input,.settings-card select,.user-access-list input,.user-access-list select,.device-form input,.device-form select{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #dce3df;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.settings-card input:disabled,.settings-card select:disabled,.user-access-list input:disabled,.user-access-list select:disabled{color:#7b8580;background:#f3f5f4}.identity-card form>button{justify-self:start}.identity-card footer{color:#fff;background:#132f27;border-radius:11px;margin-top:15px;padding:13px}.identity-card footer small,.identity-card footer strong{display:block}.identity-card footer small{color:#a8bcb4;font-size:7px}.identity-card footer strong{margin-top:5px;font-size:10px}.identity-card footer b{color:#deb36b}.backup-download{justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.backup-card form{align-items:flex-end;gap:9px;display:flex}.file-drop{background:#f8fbf9;border:1px dashed #b9cdc4;border-radius:10px;flex:1;padding:11px}.file-drop input{background:0 0;border:0;height:auto;padding:5px 0}.file-drop small{color:var(--muted);font-size:7px;line-height:1.5}.backup-history{gap:6px;margin-top:13px;display:grid}.backup-history>span{background:#f7f9f8;border-radius:9px;grid-template-columns:80px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.backup-history b{font-size:8px}.backup-history small{color:var(--muted);font-size:7px}.backup-history em{color:var(--green);font-size:7px;font-style:normal}.read-only-note{background:#fff7e9;border-radius:10px;padding:12px;color:#8d651f!important}.admin-section{margin-bottom:14px}.user-access-list{gap:7px;display:grid}.user-access-list>form{border:1px solid #edf0ee;border-radius:11px;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(110px,1fr)) 72px;align-items:end;gap:9px;padding:10px;display:grid}.user-identity{align-items:center;gap:9px;display:flex}.user-identity .avatar{color:#233a32;background:#e2b86f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.user-identity strong,.user-identity small{display:block}.user-identity strong{font-size:9px}.user-identity small{color:var(--muted);margin-top:4px;font-size:7px}.device-admin-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.device-admin-grid>div{gap:8px;display:grid}.device-form{background:#f6f9f7;border-radius:12px;grid-template-columns:1fr 1fr;align-content:start;gap:9px;padding:15px;display:grid}.device-form h3{grid-column:1/-1;margin:0 0 4px;font-size:11px}.device-form button{justify-self:start}.permissions-section{padding:0;overflow:hidden}.permissions-section>.panel-header{border-bottom:1px solid var(--line);padding:18px 20px}.user-access-list{gap:0}.user-permission-card{border-bottom:1px solid var(--line);background:#fff}.user-permission-card:last-child{border-bottom:0}.user-permission-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;list-style:none;transition:background .2s;display:flex}.user-permission-card>summary::-webkit-details-marker{display:none}.user-permission-card>summary:hover{background:#f8fbf9}.user-permission-card[open]>summary{border-bottom:1px solid var(--line);background:#f3f8f5}.user-access-summary{align-items:center;gap:12px;display:flex}.user-access-summary b{color:#526159;min-width:88px;font-size:8px}.user-access-summary i{color:var(--green);font-size:14px;font-style:normal;transition:transform .2s}.user-permission-card[open] .user-access-summary i{transform:rotate(180deg)}.user-permission-card>form{padding:18px 20px 20px}.permission-toolbar{grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin-bottom:15px;display:grid}.full-access-toggle{background:#f4faf7;border:1px solid #c9ddd4;border-radius:12px;align-items:center;padding:12px 14px;gap:11px!important;display:flex!important}.full-access-toggle input,.permission-grid input{accent-color:var(--green);flex:none;width:17px!important;height:17px!important;padding:0!important}.full-access-toggle strong,.full-access-toggle small{display:block}.full-access-toggle strong{color:#174f3d;font-size:9px}.full-access-toggle small{color:#6b7f76;margin-top:4px;font-size:7px;line-height:1.5}.user-status-control{align-content:center;gap:5px;display:grid}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.permission-grid fieldset{background:#fbfcfc;border:1px solid #e0e8e4;border-radius:11px;min-width:0;padding:11px 12px 12px}.permission-grid legend{color:#183e32;padding:0 5px;font-size:9px;font-weight:800}.permission-grid fieldset label{white-space:nowrap;align-items:center;gap:6px;margin:5px 0 0 12px;display:inline-flex}.permission-grid fieldset label span{color:#5c6b64;font-size:7px;font-weight:600}.user-permission-card form>footer{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.user-permission-card form>footer small{color:var(--muted);font-size:7px}.add-user-card{background:linear-gradient(135deg,#f2faf6,#fbfdfc);border:1px solid #bcd9cd;border-radius:14px;margin:14px 20px;overflow:hidden}.add-user-card>summary{cursor:pointer;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:14px;list-style:none;display:grid}.add-user-card>summary::-webkit-details-marker{display:none}.add-user-icon{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.add-user-card summary strong,.add-user-card summary small{display:block}.add-user-card summary strong{color:#163f33;font-size:11px}.add-user-card summary small{color:#677a72;margin-top:4px;font-size:8px}.add-user-card summary b{color:var(--green);font-size:8px}.add-user-card[open]>summary{background:#edf7f2;border-bottom:1px solid #d8e7e1}.add-user-card>form{padding:16px}.new-user-fields{grid-template-columns:1fr 1.25fr 150px;gap:10px;margin-bottom:11px;display:grid}.new-user-fields label{gap:5px;display:grid}.new-user-fields label>span{color:#596860;font-size:8px;font-weight:700}.new-user-fields input,.new-user-fields select,.user-status-control select{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #d4e0db;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.add-user-card>form>.full-access-toggle{margin-bottom:12px}.add-user-card form>footer{border-top:1px solid #dce8e3;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.add-user-card form>footer small{max-width:620px;color:var(--muted);font-size:7px;line-height:1.6}.sidebar-footer form{margin-inline-start:2px}.sidebar-footer .logout-button{color:#d8e7e1;background:#ffffff0c;border:1px solid #fff2;border-radius:7px;min-width:42px;height:29px;padding:0 7px;font-size:7px;font-weight:700}.permission-toolbar{grid-template-columns:minmax(0,1fr) 170px 210px}.new-user-fields{grid-template-columns:1fr 1.15fr 1fr 150px}.user-status-control input{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #d4e0db;border-radius:9px;outline:0;padding:0 10px;font-size:9px}.modal-backdrop,.drawer-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1e1880;position:fixed;inset:0}.modal-card{z-index:90;background:#fff;border-radius:18px;width:min(700px,100% - 28px);max-height:min(760px,100vh - 30px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #0a1b1640}.modal-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;display:flex}.modal-card>header>div{gap:12px;display:flex}.modal-card>header h2,.modal-card>header p{margin:0}.modal-card>header h2{font-size:15px}.modal-card>header p{color:var(--muted);margin-top:5px;font-size:9px}.modal-card>header>button{color:#65736c;background:#f1f4f2;border:0;border-radius:9px;width:31px;height:31px;font-size:18px}.modal-mark,.drawer-mark{width:38px;height:38px;color:var(--green);background:#eaf5f0;border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px;display:grid}.form-grid label{gap:6px;display:grid}.form-grid label>span{color:#53625a;font-size:9px;font-weight:700}.form-grid input,.form-grid select{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #dce3df;border-radius:9px;outline:0;padding:0 11px;font-size:10px}.form-grid input:focus,.form-grid select:focus{border-color:#5b9784;box-shadow:0 0 0 3px #3b826b12}.full-field{grid-column:1/-1}.file-field{background:#f8fbf9;border:1px dashed #b9cdc4;border-radius:11px;padding:14px}.file-field small{color:var(--muted);font-size:8px}.modal-card form>footer{border-top:1px solid var(--line);background:#fafcfb;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.modal-card form>footer button{min-width:100px}.toast{z-index:120;color:#205e4b;background:#f3fbf7;border:1px solid #bcd6cb;border-radius:12px;align-items:center;gap:10px;max-width:min(420px,100% - 30px);padding:13px 16px;font-size:10px;font-weight:700;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 14px 40px #10231d28}.toast span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.drawer-overlay{z-index:84;border:0}.detail-drawer{z-index:85;background:#fff;flex-direction:column;width:min(450px,92vw);animation:.25s drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-25px 0 70px #0c1c1730}.ltr-app .detail-drawer{left:0;right:auto}@keyframes drawer-in{0%{transform:translate(100%)}}.ltr-app .detail-drawer{animation-name:drawer-in-ltr}@keyframes drawer-in-ltr{0%{transform:translate(-100%)}}.detail-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:23px;display:flex}.detail-drawer>header>div{gap:12px;display:flex}.detail-drawer h2,.detail-drawer header small{margin:0;display:block}.detail-drawer h2{margin-top:5px;font-size:14px}.detail-drawer header small{color:var(--green);font-size:8px}.detail-drawer header>button{color:#68766f;background:#f1f4f2;border:0;border-radius:9px;width:31px;height:31px;font-size:18px}.drawer-status{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 23px;display:flex}.drawer-status small{color:var(--muted);font-size:8px}.drawer-grid{background:#eef2f0;flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:1px;padding:18px 23px;display:grid;overflow-y:auto}.drawer-grid>div{background:#fff;min-height:76px;padding:14px}.drawer-grid small,.drawer-grid strong{display:block}.drawer-grid small{color:var(--muted);text-transform:capitalize;font-size:8px}.drawer-grid strong{word-break:break-word;margin-top:8px;font-size:10px;line-height:1.6}.detail-drawer>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 23px;display:flex}.drawer-download{align-items:center;padding:0 14px;display:inline-flex}.ltr-app .enterprise-sidebar{left:0;right:auto}.ltr-app .enterprise-main{margin-left:258px;margin-right:0}.ltr-app .nav-item.active{box-shadow:inset 3px 0 var(--gold)}.ltr-app .nav-badge{margin-left:auto;margin-right:0}.ltr-app table{text-align:left}.ltr-app .fuel-total b{margin-left:auto;margin-right:0}.mobile-overlay{display:none}@media (max-width:1100px){.ltr-app .enterprise-main{margin-left:218px}.module-kpis,.report-grid{grid-template-columns:repeat(2,1fr)}.attendance-overview{grid-template-columns:1fr 1fr}.attendance-import{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-user-fields{grid-template-columns:1fr 1fr}.new-user-fields label:last-child{grid-column:1/-1}}@media (max-width:760px){.mobile-menu{place-items:center;display:grid}.enterprise-sidebar{width:250px;transition:transform .25s;display:flex;transform:translate(105%)}.enterprise-sidebar.menu-open{transform:translate(0)}.ltr-app .enterprise-sidebar{transform:translate(-105%)}.ltr-app .enterprise-sidebar.menu-open{transform:translate(0)}.ltr-app .enterprise-main{margin-left:0}.mobile-overlay{z-index:19;background:#0b1d176d;border:0;display:block;position:fixed;inset:0}.enterprise-topbar .mobile-brand{display:none}.enterprise-topbar .language-button{min-width:48px}.enterprise-topbar .sync-button{display:none}.module-heading{flex-direction:column;align-items:flex-start}.module-actions{width:100%;overflow-x:auto}.module-actions button{white-space:nowrap}.module-kpis{grid-template-columns:1fr 1fr}.report-hero{align-items:flex-start}.report-bars{width:160px}.report-grid,.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.attendance-overview{grid-template-columns:1fr}.attendance-import{flex-direction:column;grid-column:auto;align-items:flex-start!important}.attendance-import>div:last-child{flex-wrap:wrap;width:100%}.device-grid,.identity-card form,.device-admin-grid,.device-form{grid-template-columns:1fr}.device-form h3{grid-column:auto}.permission-toolbar,.new-user-fields{grid-template-columns:1fr}.new-user-fields label:last-child{grid-column:auto}.permission-grid{grid-template-columns:1fr}.user-permission-card>summary{align-items:flex-start}.user-access-summary{flex-direction:column;align-items:flex-end;gap:5px}.user-access-summary i{display:none}.add-user-card{margin:12px}}@media (max-width:480px){.enterprise-topbar .language-button{display:none}.enterprise-topbar .primary-button{padding:0 10px}.module-kpis{gap:8px}.module-kpis>div{min-height:68px;padding:10px}.module-kpis small{font-size:7px}.report-hero{flex-direction:column;min-height:190px}.report-bars{width:100%;height:45px}.records-toolbar{flex-direction:column;align-items:flex-start}.filter-select{width:100%}.filter-select select{flex:1}.drawer-grid{grid-template-columns:1fr}.attendance-import form,.backup-card form{flex-direction:column;align-items:stretch;width:100%}.user-permission-card>summary,.user-permission-card>form{padding-left:12px;padding-right:12px}.user-permission-card form>footer,.add-user-card form>footer{flex-direction:column;align-items:stretch}.user-permission-card form>footer button,.add-user-card form>footer button{width:100%}.permission-grid fieldset label{margin-left:8px;margin-right:0}.add-user-card>summary{grid-template-columns:38px 1fr}.add-user-card summary b{display:none}}@media print{.enterprise-sidebar,.enterprise-topbar,.module-actions,.heading-actions,.health-strip,.row-actions,.table-footer{display:none!important}.enterprise-main,.ltr-app .enterprise-main{margin:0!important}.enterprise-wrap{max-width:none;padding:0}.panel,.kpi-card,.module-kpis>div{box-shadow:none;break-inside:avoid}.enterprise-table{overflow:visible}.enterprise-table table{min-width:0;font-size:7px}}