@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#0a0a0a;--navy2:#151515;--gold:#a48145;--ink:#173440;--muted:#7d9295;--line:#e6edef;--bg:#f5f8f8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh;direction:ltr}.sidebar{direction:rtl;width:270px;flex:none;background:linear-gradient(180deg,var(--navy),#050505);color:#dce8e9;padding:25px 16px;display:flex;flex-direction:column;box-shadow:8px 0 30px #0b334012}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px;color:#fff}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#c3a269,#96723a);display:grid;place-items:center;font-size:25px;font-weight:700;color:#fff}.brand strong{font-size:20px;display:block;line-height:1.1}.brand small{font-size:10px;color:#aac2c4;letter-spacing:.5px}.company-switch{background:#1c1c1c;border:1px solid #2b6873;border-radius:10px;padding:12px 13px;font-size:12px;position:relative;margin-bottom:22px}.company-switch small{display:block;color:#a7c4c5;font-size:10px;margin-top:5px}.company-dot,.online-dot{display:inline-block;width:8px;height:8px;background:#52be92;border-radius:50%;margin-left:7px}.chevron{position:absolute;left:12px;color:#aac2c4}nav{display:grid;gap:3px}nav p{font-size:10px;color:#78999e;margin:14px 12px 5px}nav a,nav b{padding:11px 13px;border-radius:8px;font-size:13px;font-weight:400;display:flex;gap:11px;align-items:center}nav a:hover,nav b.active{background:#2b2b2b;color:#fff}nav i{font-style:normal;font-size:18px;width:19px;text-align:center;color:#9fc0c0}nav em{font-style:normal;background:#cfa361;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-right:auto}.sidebar-bottom{margin-top:auto}.help{border-top:1px solid #333333;padding:17px 9px;color:#d9c18f;font-size:18px;display:flex;gap:10px;align-items:center}.help span{font-size:11px;color:#d7e4e4}.help small{display:block;font-size:9px;color:#8eafb1}.help{justify-content:space-between}.user{border-top:1px solid #333333;padding:16px 7px 0;display:flex;align-items:center;gap:9px;font-size:12px}.user .avatar,.profile{display:grid;place-items:center;background:#e2cfaa;color:#71552c;border-radius:50%;font-weight:700}.user .avatar{width:32px;height:32px}.user small{display:block;color:#98b5b6;font-size:10px}.user b{margin-right:auto;color:#8cafb0}.workspace{direction:rtl;flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.mobile-brand{display:none}.top-actions{display:flex;gap:10px;align-items:center}.search-btn,.language,.bell{background:#fff;border:1px solid var(--line);border-radius:8px;color:#83979a;padding:10px 13px}.search-btn{min-width:255px;text-align:right}.search-btn span{font-size:11px;margin:0 18px}.search-btn kbd{direction:ltr;font:10px Arial;background:#f3f6f6;padding:3px 5px;border-radius:4px}.language{font-size:11px}.bell{font-size:19px;position:relative}.bell i{position:absolute;top:-7px;right:-5px;background:#db7568;color:#fff;border-radius:10px;font:10px Arial;padding:3px 5px}.profile{width:36px;height:36px}.page{padding:32px 4.2%;max-width:1550px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.date{font-size:11px;color:var(--muted)}h1{font-size:28px;margin:7px 0 3px;color:var(--ink)}h1 span{color:var(--gold);font-size:19px}h1+p,.welcome p{margin:0;color:var(--muted);font-size:13px}.quick-actions{display:flex;gap:9px}.quick-actions button{border:1px solid #dccba9;background:#fffaf1;color:#967138;padding:10px 15px;border-radius:8px;font-size:12px}.quick-actions button:first-child{background:var(--gold);color:#fff;border-color:var(--gold)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.kpis article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 20px;min-height:145px;position:relative;box-shadow:0 5px 14px #00000008}.kpis small{font-size:11px;color:var(--muted);display:block}.kpis strong{font-family:Arial,sans-serif;direction:rtl;display:block;font-size:28px;letter-spacing:-1px;margin:15px 0 7px}.kpis strong small{display:inline;font-size:11px;letter-spacing:0}.kpis em{font-size:10px;font-style:normal}.kpis em span{color:#9aacad;margin-right:5px}.up{color:#26916e}.neutral{color:#718b8e}.down{color:#d2775d}.kpi-icon{position:absolute;left:18px;top:18px;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:17px}.gold{background:#cba668}.teal{background:#71aaa1}.purple{background:#8d92c0}.coral{background:#d78373}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:16px;align-items:stretch}.surface,.module-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:0 5px 14px #00000008}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-head h2{font-size:16px;margin:0 0 4px}.section-head p{font-size:11px;color:var(--muted);margin:0}.section-head a{font-size:10px;color:var(--gold);white-space:nowrap}.company-list{margin-top:18px}.company-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3f3}.company-row:last-child{border:0}.company-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:12px}.building{background:#f6ead3;color:#b0833e}.gear{background:#e1f0ed;color:#4b978c}.mine{background:#e5e6f3;color:#777bac}.sun{background:#f8e3dc;color:#c57560}.company-name{width:118px}.company-name b,.company-name small{display:block}.company-name b{font-size:11px}.company-name small{font-size:9px;color:#a0afb0;margin-top:2px}.company-bar{background:#edf1f1;height:5px;flex:1;border-radius:5px}.company-bar i{display:block;height:100%;background:var(--gold);border-radius:5px}.company-row>strong{font:600 13px Arial;min-width:38px}.company-row>strong small{display:block;font:9px 'IBM Plex Sans Arabic';color:#9aabad}.row-arrow{color:#b7c3c4}.attendance-main{display:flex;align-items:center;justify-content:center;gap:24px;margin:20px 0}.donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#5da493 0 94.5%,#e9cccc 94.5% 100%);display:grid;place-items:center}.donut:before{content:'';position:absolute;width:96px;height:96px;background:#fff;border-radius:50%}.donut div{position:relative;text-align:center}.donut strong{font:700 20px Arial;display:block}.donut small{font-size:9px;color:var(--muted)}.attendance-legend{display:grid;gap:13px;font-size:11px;color:#667f82}.attendance-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:7px}.attendance-legend b{font:700 12px Arial;display:block;margin-right:15px;margin-top:3px;color:var(--ink)}.present{background:#5da493}.late{background:#d8af66}.absent{background:#df8d80}.device-status{border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:#7b9193}.device-status b{color:#319176;margin-right:4px}.device-status a{float:left;color:var(--gold)}.action-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef2f2;padding:15px 0}.action-item:last-child{border:0}.action-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.leave-icon{background:#f6e6cf;color:#b1833d}.contract-icon{background:#e0eeee;color:#4a9992}.transfer-icon{background:#e9e7f4;color:#7776a8}.action-item div{flex:1}.action-item b,.action-item small{display:block}.action-item b{font-size:11px}.action-item small{font-size:9px;color:#9aa}.action-item strong{font:700 15px Arial;color:var(--gold)}.action-item>span:last-child{color:#a9b8ba}.module-section{margin-top:17px}.module-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.module-card{border:1px solid #edf1f1;border-radius:10px;padding:15px 12px;min-height:105px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.module-card:hover{border-color:#d7bd8a;transform:translateY(-2px);box-shadow:0 5px 12px #123b4910}.module-card>span{font-size:20px;color:var(--gold)}.module-card div b,.module-card div small{display:block}.module-card div b{font-size:11px;margin-top:7px}.module-card div small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}.module-card>i{font-style:normal;color:#b9c6c6;text-align:left;font-size:13px}footer{display:flex;justify-content:space-between;color:#96a7a9;font-size:9px;padding:21px 2px 8px}footer b{color:#3d997e;font-weight:400}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.attendance{grid-column:span 1}.module-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.sidebar{width:72px;padding:20px 8px}.brand div,.company-switch,nav p,nav a:not(.active) span,.sidebar-bottom{display:none}.brand{padding:0 6px 25px}.brand-mark{width:42px}.brand strong{display:none}nav b,nav a{justify-content:center;padding:13px 5px;font-size:0}nav i{font-size:20px}.topbar{padding:0 18px}.search-btn{min-width:40px;font-size:18px}.search-btn span,.search-btn kbd,.language{display:none}.page{padding:25px 18px}.welcome{display:block}.quick-actions{margin-top:18px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}footer{display:block;line-height:2}}
.brand-mark img,.mini-logo img,.logo-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand-mark,.mini-logo,.logo-mark{background:#fff;overflow:hidden;padding:2px}.sidebar .brand-mark{background:#fff}.auth-brand .logo-mark{padding:4px;background:#fff}