@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#203431;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#203431;--muted:#84908b;--line:#e9ece8;--green:#287966;--deep:#153e38;--soft:#f7f8f6;background:#f7f8f6;font-family:DM Sans,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:var(--soft);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;padding-bottom:39px}.sidebar{z-index:20;background:#fff;border-right:1px solid #edf0ed;flex-direction:column;width:246px;padding:24px 15px 16px;display:flex;position:fixed;top:0;bottom:39px;left:0}.brand{align-items:center;gap:11px;padding:1px 7px 25px;display:flex}.brand-mark{color:#287966;background:#dff1e9;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.brand b{letter-spacing:-.8px;color:#223d37;font-family:Manrope,sans-serif;font-size:18px}.brand b span{color:#6c9e8c}.brand small{letter-spacing:1.4px;color:#91a099;margin-top:1px;font-size:8px;display:block}.sidebar-close{display:none!important}.workspace-switch{background:#fafbf9;border:1px solid #edf0ec;border-radius:10px;align-items:center;gap:9px;margin:0 0 26px;padding:10px;display:flex}.factory-icon{color:#388473;background:#e9f3ef;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.workspace-switch>div:nth-child(2){flex:1;min-width:0}.workspace-switch strong,.workspace-switch small{display:block}.workspace-switch strong{white-space:nowrap;font-size:11px;font-weight:700}.workspace-switch small{color:#8b9792;margin-top:2px;font-size:9px}.workspace-switch>svg:last-child{color:#87948e}.nav-label{letter-spacing:1.2px;color:#a0aaa5;margin:0 10px 10px;font-size:9px;font-weight:700}.sidebar nav{gap:4px;display:grid}.nav-item{color:#77837e;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:39px;padding:0 11px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#345e52;background:#f6f8f6}.nav-item.selected{color:#287966;background:#eaf4ef;font-weight:700}.nav-item.selected svg{color:#327a67}.nav-item span{flex:1}.nav-count{color:#327762;background:#dcefe5;border-radius:10px;place-items:center;min-width:19px;height:18px;font-size:9px;display:grid}.sidebar-spacer{flex:1;min-height:20px}.upgrade-card{background:#f3f7f3;border:1px solid #edf1ec;border-radius:11px;margin:0 3px 15px;padding:14px 12px;position:relative;overflow:hidden}.upgrade-spark{color:#448875;background:#fff;border-radius:8px;place-items:center;width:26px;height:26px;margin-bottom:9px;display:grid}.upgrade-card strong{font-size:11px;display:block}.upgrade-card p{color:#7d8b84;margin:5px 0 10px;font-size:10px;line-height:1.5}.upgrade-card button{color:#2c7967;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;display:flex}.sidebar-bottom{border-top:1px solid #edf0ed;padding-top:10px}.sidebar-bottom>.nav-item{height:35px}.profile-row{border-top:1px solid #edf0ed;align-items:center;gap:9px;margin-top:10px;padding:13px 4px 0;display:flex}.profile-name{flex:1}.profile-name strong,.profile-name small{display:block}.profile-name strong{font-size:10px}.profile-name small{color:#85918b;margin-top:2px;font-size:9px}.main-area{min-height:calc(100vh - 39px);margin-left:246px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-bottom:1px solid #ebeeeb;justify-content:space-between;align-items:center;height:65px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumbs{color:#8a9690;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumbs svg{color:#bbc3bf}.breadcrumbs b{color:#30433d;font-weight:600}.topbar-actions{align-items:center;gap:15px;display:flex}.global-search{color:#a2aca7;border-bottom:1px solid #e8ece9;align-items:center;gap:8px;width:190px;padding:7px 0;display:flex}.global-search input{color:#34443e;background:0 0;border:0;outline:0;width:100%;font-size:11px}.global-search kbd,.search-box kbd{white-space:nowrap;color:#929d97;background:#f4f6f3;border-radius:4px;padding:3px 5px;font-size:9px}.lang-button{color:#63736c;background:0 0;border:0;align-items:center;gap:6px;padding:7px;font-size:11px;display:flex}.lang-button svg:first-child{color:#799188}.notification-button,.icon-button{color:#788780;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid;position:relative}.notification-button:hover,.icon-button:hover{color:#327864;background:#f1f5f2}.notification-button i{background:#e89176;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.top-divider{border-left:1px solid #e9ece9;height:25px}.role-select{color:#566860;background:0 0;border:0;outline:0;max-width:110px;font-size:10px}.top-avatar .avatar{width:30px;height:30px}.top-more{margin-left:-12px}.mobile-menu{display:none}.content{max-width:1280px;margin:auto;padding:31px 38px 0}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.eyebrow{color:#90a099;letter-spacing:1.05px;font-size:9px;font-weight:700}.welcome-row h1{letter-spacing:-.8px;color:#213b35;margin:6px 0 5px;font-family:Manrope,Noto Sans Arabic,sans-serif;font-size:25px;font-weight:700}.welcome-row p{color:#89948e;margin:0;font-size:11.5px}.button{border-radius:7px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:10.5px;font-weight:600;transition:all .16s;display:inline-flex}.button.primary{color:#fff;background:#287966;border:1px solid #287966;box-shadow:0 2px 3px #1b594b1a}.button.primary:hover{background:#216c5b}.button.outline{color:#50635b;background:#fff;border:1px solid #e3e9e4}.button.outline:hover{color:#287966;border-color:#8eb6a6}.button.small{height:32px;padding:0 11px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.card{background:#fff;border:1px solid #e9ede9;border-radius:10px;box-shadow:0 2px 7px #153e3804}.stat-card{min-height:120px;padding:15px 16px 13px}.stat-icon{border-radius:8px;place-items:center;width:30px;height:30px;margin-bottom:8px;display:grid}.stat-icon.green{color:#32836c;background:#e6f3ec}.stat-icon.amber{color:#bd8d4e;background:#fbf2e4}.stat-icon.blue{color:#628cb0;background:#eaf1f8}.stat-icon.purple{color:#897bb0;background:#f0edf8}.stat-label{color:#7e8b84;align-items:center;gap:5px;font-size:10.5px;display:flex}.info-dot{color:#94a099;border:1px solid #ccd4cf;border-radius:50%;width:13px;height:13px;font-family:serif;font-size:8px}.stat-value{color:#263d37;letter-spacing:-.5px;margin-top:2px;font-family:Manrope,sans-serif;font-size:25px;font-weight:700;line-height:1.15}.stat-foot{color:#96a099;align-items:center;gap:4px;margin-top:5px;font-size:9px;display:flex}.trend{color:#31866d;font-weight:700}.foot-link{color:#39806f;cursor:pointer;align-items:center;gap:2px;font-weight:600;display:inline-flex}.dashboard-grid{grid-template-columns:1.58fr 1fr;gap:15px;margin-bottom:15px;display:grid}.chart-card,.shift-card{padding:17px 18px 13px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2,.card h2{letter-spacing:-.25px;color:#294039;margin:5px 0 0;font-family:Manrope,Noto Sans Arabic,sans-serif;font-size:14px;font-weight:700}.select-lite{color:#738078;background:#fff;border:1px solid #e8ece8;border-radius:6px;align-items:center;gap:7px;height:29px;padding:0 8px;font-size:9px;display:flex}.chart-wrap{height:175px;padding-top:10px;display:flex}.chart-y{color:#a1aaa5;flex-direction:column;justify-content:space-between;width:34px;padding:1px 0 23px;font-size:8px;display:flex}.chart{flex:1;height:100%;position:relative}.gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 23px}.gridlines i{border-top:1px dashed #edf0ed;width:100%}.chart svg{width:100%;height:calc(100% - 23px);position:absolute;inset:0 0 23px;overflow:visible}.chart-x{color:#9aa59f;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.chart-note{color:#96a099;border-top:1px solid #f0f2f0;justify-content:space-between;padding-top:8px;font-size:9px;display:flex}.chart-note>span:first-child{align-items:center;gap:6px;display:flex}.legend-dot{background:#378876;border-radius:50%;width:7px;height:7px}.donut-area{justify-content:space-around;align-items:center;height:145px;display:flex}.donut{background:conic-gradient(#4e9b84 0 37.5%,#dfad6c 37.5% 70.8%,#8b83b4 70.8% 100%);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;width:88px;height:88px;position:absolute}.donut div{text-align:center;position:relative}.donut strong{color:#2a433b;font-family:Manrope,sans-serif;font-size:24px;line-height:1.15;display:block}.donut small{color:#929d97;font-size:8px}.donut-legend{gap:13px;min-width:105px;display:grid}.legend-line{color:#829088;align-items:center;gap:7px;font-size:9px;display:flex}.legend-line i{border-radius:50%;width:7px;height:7px}.legend-line i.teal{background:#4e9b84}.legend-line i.orange{background:#dfad6c}.legend-line i.purple{background:#8b83b4}.legend-line b{color:#4b5c55;margin-left:auto}.shift-foot{color:#89958f;border-top:1px solid #eef0ee;justify-content:space-between;padding-top:10px;font-size:9px;display:flex}.shift-foot strong{color:#41816f;align-items:center;gap:3px;font-weight:600;display:flex}.lower-grid{grid-template-columns:1.58fr 1fr;gap:15px;display:grid}.activity-card{padding:16px 18px 7px}.text-button{color:#35816e;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:9px;font-weight:600;display:inline-flex}.activity-row{border-bottom:1px solid #f0f2f0;align-items:center;gap:10px;padding:11px 0;display:flex}.activity-row:last-child{border-bottom:0}.avatar{letter-spacing:.1px;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:inline-grid}.avatar.mint{color:#357866;background:#dcefe8}.avatar.lavender{color:#776b9c;background:#eae5f3}.avatar.peach{color:#b37555;background:#f8e7db}.avatar.blue{color:#5c809d;background:#dfeaf3}.avatar.yellow{color:#9d8741;background:#f4edcf}.avatar.rose{color:#a66e7d;background:#f3e1e6}.activity-person{flex:1;min-width:0}.activity-person strong,.activity-person small{display:block}.activity-person strong{color:#42534b;font-size:10px;font-weight:600}.activity-person small{color:#9aa39f;margin-top:3px;font-size:9px}.activity-row time{color:#7e8b84;font-size:9px}.activity-tag{color:#43826f;white-space:nowrap;background:#ecf5ef;border-radius:10px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.activity-tag i,.person-availability i{background:#58a483;border-radius:50%;width:5px;height:5px}.activity-tag.warn{color:#b17f42;background:#fbf1e7}.activity-tag.warn i{background:#d7a051}.top-team-card{background:#eaf3ed;border:1px solid #e0ebe2;padding:18px 19px;position:relative;overflow:hidden}.top-team-card:after{content:"✳";color:#dfece2;pointer-events:none;font-size:128px;font-weight:400;position:absolute;top:-41px;right:-12px}.trophy{color:#b28d4e;margin-bottom:11px;font-size:18px}.top-team-card h2{z-index:1;margin-top:6px;font-size:15px;position:relative}.top-team-card>p{color:#83938b;margin:5px 0 16px;font-size:10px}.team-score{z-index:1;border-top:1px solid #dae7df;justify-content:space-between;align-items:center;padding:11px 0 9px;display:flex;position:relative}.team-score strong{font-size:11px}.team-score span{color:#70837a;font-size:9px}.team-score b{color:#347a66;font-family:Manrope,sans-serif;font-size:16px}.avatar-stack{z-index:1;align-items:center;display:flex;position:relative}.avatar-stack .avatar{border:2px solid #eaf3ed;width:26px;height:26px;margin-right:-6px;font-size:8px}.avatar-stack small{color:#577266;background:#dbe8dd;border:2px solid #eaf3ed;border-radius:50%;place-items:center;width:26px;height:26px;font-size:8px;display:grid}.member-line{color:#809087;border-top:1px solid #dae7df;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:8px;display:flex}.member-line span{color:#52675d}.content footer{color:#a0aaa4;justify-content:space-between;align-items:center;padding:23px 0 10px;font-size:9px;display:flex}.heart{color:#bb8b72}.footer-help{align-items:center;gap:4px;display:flex}.marquee{z-index:30;color:#dcebe3;white-space:nowrap;letter-spacing:.1px;background:#173c36;align-items:center;gap:13px;height:39px;padding:0 23px;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.marquee b{letter-spacing:1px;color:#b4c9bd;font-size:8px}.marquee strong{color:#e6be7b;font-size:9px}.marquee-sep{color:#75968a}.marquee-star{color:#d5b474;font-size:14px}.marquee-spacer{width:42px}.employee-cards{grid-template-columns:1.5fr 1fr;gap:15px;margin-bottom:16px;display:grid}.employee-focus,.employee-check{padding:19px 20px}.employee-focus h2{margin:8px 0;font-size:19px}.employee-focus h2 .shift-chip{color:#38816d;vertical-align:middle;letter-spacing:0;background:#e7f2ec;border-radius:12px;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:600}.employee-focus>p{color:#738079;margin:0;font-size:10px}.employee-focus>p span{color:#9aa59f}.focus-meta{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;display:flex}.focus-meta>div{color:#6b8d7f;align-items:center;gap:8px;display:flex}.focus-meta small,.focus-meta strong{display:block}.focus-meta small{color:#95a19a;font-size:8px}.focus-meta strong{color:#52645b;margin-top:3px;font-size:10px}.employee-check{text-align:center;background:#e8f2eb;border-color:#dfeae2}.employee-check .eyebrow{text-align:left;display:block}.check-clock{letter-spacing:-1px;color:#2e6c59;margin:10px 0 9px;font-family:Manrope,sans-serif;font-size:32px}.check-clock small{color:#84958b;letter-spacing:0;font-family:DM Sans,sans-serif;font-size:9px;display:block}.check-button{min-width:160px}.employee-stat{margin-top:0}.employee-lower{margin-top:5px}.mini-week{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:17px;display:grid}.mini-day{text-align:center;background:#f8faf8;border:1px solid #edf0ed;border-radius:8px;gap:5px;padding:10px 7px;display:grid}.mini-day.today{background:#edf6f0;border-color:#cfe2d5}.mini-day span{color:#8c9991;font-size:8px}.mini-day b{color:#43564d;font-size:14px}.mini-day small{color:#41816b;font-size:8px}.mini-day small.rest-dot{color:#a0aaa4}.calendar-card{padding:18px}.calendar-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.month-switch{align-items:center;gap:8px;display:flex}.month-switch h2{text-align:center;text-transform:capitalize;min-width:150px;margin:0;font-size:16px}.calendar-legend{gap:15px;display:flex}.calendar-legend span{color:#77847d;align-items:center;gap:6px;font-size:9px;display:flex}.holiday{border-radius:3px;width:8px;height:8px;display:inline-block}.holiday.national{background:#e9a980}.holiday.religious{background:#a89bca}.calendar-grid{border-top:1px solid #edf0ed;border-left:1px solid #edf0ed;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{color:#89958f;border-bottom:1px solid #edf0ed;border-right:1px solid #edf0ed;place-items:center;height:35px;font-size:9px;font-weight:600;display:grid}.calendar-date{color:#40544a;border-bottom:1px solid #edf0ed;border-right:1px solid #edf0ed;height:82px;padding:10px;font-size:11px;position:relative}.calendar-date.empty{background:#fbfcfb}.calendar-date.selected-day{background:#eef6f0}.calendar-date.selected-day>span{color:#fff;background:#367d68;border-radius:50%;place-items:center;width:24px;height:24px;margin:-3px;display:grid}.calendar-date.national-day{color:#b77956;background:#fcf3ed}.calendar-date.religious-day{color:#7c71a0;background:#f4f1f9}.calendar-date small{margin-top:9px;font-size:8px;line-height:1.3;display:block}.today-dot{background:#3e8b72;border-radius:50%;width:4px;height:4px;position:absolute;bottom:9px;left:50%}.holiday-info{gap:25px;padding:14px 0 0;display:flex}.holiday-info>div{align-items:center;gap:8px;display:flex}.holiday-info span b,.holiday-info span small{display:block}.holiday-info span b{color:#596b61;font-size:9px}.holiday-info span small{color:#8f9a94;margin-top:2px;font-size:8px}.table-card{overflow:hidden}.table-toolbar{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;min-height:55px;padding:0 17px;display:flex}.tabs{align-items:center;gap:19px;height:55px;display:flex}.tab{color:#8b9690;background:0 0;border:0;height:100%;padding:0 1px;font-size:10px;position:relative}.tab.active{color:#2b725f;font-weight:700}.tab.active:after{content:"";background:#37816d;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab span{color:#708379;background:#eef3ef;border-radius:7px;margin-left:4px;padding:3px 5px;font-size:8px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#929d97;letter-spacing:.4px;background:#fafbf9;border-bottom:1px solid #edf0ed;padding:11px 15px;font-size:8px;font-weight:600}td{color:#697870;border-bottom:1px solid #f0f2f0;padding:11px 15px;font-size:9px}tbody tr:last-child td{border-bottom:0}.person-cell{align-items:center;gap:8px;min-width:150px;display:flex}.person-cell strong{color:#45574e;font-size:9px;font-weight:600}.person-cell small{color:#a1aaa5;margin-top:3px;font-size:8px;display:block}.mono{color:#65746c;background:#f5f7f5;border-radius:4px;padding:4px 6px;font-family:monospace;font-size:9px}.team-label{color:#66776e;background:#f3f6f3;border-radius:5px;padding:5px 7px;font-size:8px}.shift-label{font-size:9px}.shift-label.morning{color:#40806c}.shift-label.evening{color:#bb8752}.shift-label.night{color:#7c73a4}.toggle{vertical-align:middle;background:#dbe0dc;border:0;border-radius:9px;width:27px;height:15px;margin-right:6px;padding:2px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:11px;height:11px;transition:all .2s;display:block;box-shadow:0 1px 2px #0002}.toggle.on{background:#4f9a7f}.toggle.on i{transform:translate(12px)}.access-label{color:#bb9055;font-size:8px}.access-label.active{color:#47826e}.table-bottom{color:#929d97;border-top:1px solid #edf0ed;align-items:center;gap:4px;padding:11px 16px;font-size:8px;display:flex}.table-bottom b{color:#65746c}.table-bottom .text-button{color:#7b8981;margin-left:auto}.compact-stats{grid-template-columns:repeat(3,1fr);max-width:800px}.compact-stats .stat-card{min-height:105px}.search-box{color:#929d97;border:1px solid #e7ebe7;border-radius:6px;align-items:center;gap:8px;width:260px;padding:7px 9px;display:flex}.search-box input{color:#52645b;border:0;outline:0;flex:1;min-width:20px;font-size:9px}.status{border-radius:12px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.pending{color:#b38549;background:#fbf3e6}.status.approved{color:#49836e;background:#eaf4ed}.status.rejected{color:#b36969;background:#f9eaea}.request-type{align-items:center;gap:5px;font-size:8px;display:inline-flex}.request-type.leave{color:#648cad}.request-type.swap{color:#967cb1}.reason-cell{text-overflow:ellipsis;max-width:220px;overflow:hidden}.row-actions{align-items:center;gap:5px;display:flex}.approve-button,.reject-button{color:#43806b;background:#fff;border:1px solid #e5ece7;border-radius:5px;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:8px;display:inline-flex}.approve-button:hover{background:#eef7f1}.reject-button{color:#b57070;justify-content:center;width:25px;padding:0}.empty-state{text-align:center;color:#8d9992;padding:34px}.empty-state svg{color:#79a28d}.empty-state p{font-size:11px}.section-head.inside{padding:16px 17px 12px}.attendance-rows{padding:0 17px 10px}.attendance-rows .activity-row{padding:12px 3px}.notice-list{gap:12px;max-width:850px;display:grid}.notice-card{align-items:flex-start;gap:13px;padding:16px;display:flex}.notice-icon{color:#468471;background:#edf4f0;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.notice-icon.warning{color:#b58853;background:#fbf1e5}.notice-icon.reprimand{color:#ad6e6e;background:#f8eaea}.notice-body{flex:1}.notice-meta{color:#8e9a93;letter-spacing:.55px;align-items:center;gap:10px;font-size:8px;display:flex}.notice-meta time{letter-spacing:0}.notice-body h2{margin:6px 0;font-size:13px}.notice-body p{color:#7d8b83;margin:0;font-size:10px;line-height:1.6}.notice-foot{border-top:1px solid #eff1ef;align-items:center;gap:12px;margin-top:13px;padding-top:9px;display:flex}.notice-foot span{color:#8d9992;align-items:center;gap:5px;font-size:8px;display:flex}.notice-foot .unread-dot{color:#bd8a4f}.notice-foot .unread-dot:before{content:"";background:#d49a58;border-radius:50%;width:5px;height:5px}.shift-schedule{padding:16px 18px 20px}.schedule-nav{display:flex}.week-grid{border-top:1px solid #edf0ed;border-left:1px solid #edf0ed;grid-template-columns:115px repeat(7,minmax(70px,1fr));margin-top:20px;display:grid}.week-day,.week-label,.week-cell{color:#7a8980;border-bottom:1px solid #edf0ed;border-right:1px solid #edf0ed;justify-content:center;align-items:center;min-height:56px;font-size:9px;display:flex;position:relative}.week-day{height:43px;font-weight:600}.week-day.head{background:#fafbf9}.week-day.today{color:#2b8068;background:#f1f8f3}.week-day small{letter-spacing:.5px;color:#439078;font-size:6px;position:absolute;top:-13px}.week-label{color:#42816c;background:#fbfcfb;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:12px;font-size:10px;font-weight:600}.week-label small{color:#9ba59f;margin-top:4px;font-size:8px;font-weight:400}.week-cell{color:#47816f;background:#edf6f0;border:0;border-radius:5px;min-height:34px;margin:5px 4px;font-size:8px;font-weight:600}.week-cell.evening-cell{color:#ba8b51;background:#faf1e6}.week-cell.night-cell{color:#7f75a5;background:#f0eef8}.week-cell.rest{color:#aab2ac;background:#f8f9f7;font-weight:400}.shift-legend{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.shift-legend article{background:#fff;border:1px solid #e9ede9;border-radius:8px;align-items:center;gap:9px;padding:13px;display:flex}.shift-bullet{background:#5d9a83;border-radius:6px;width:8px;height:27px}.shift-bullet.evening{background:#d5a161}.shift-bullet.night{background:#9389bb}.shift-legend strong,.shift-legend span{display:block}.shift-legend strong{color:#52645b;font-size:9px}.shift-legend span{color:#97a19b;margin-top:3px;font-size:8px}.people-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.team-person{align-items:center;gap:12px;padding:17px;display:flex}.avatar.large{width:42px;height:42px;font-size:11px}.team-person>div{flex:1}.team-person h2{margin:0;font-size:12px}.team-person>div>span{color:#929e97;margin-top:4px;font-size:9px;display:block}.person-availability{color:#4c8b72;align-items:center;gap:5px;margin-top:8px;font-size:8px;display:flex}.overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e332f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(460px,100%);max-height:90vh;padding:21px;overflow-y:auto;box-shadow:0 20px 80px #182d2829}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-head h2{letter-spacing:-.5px;color:#294039;margin:5px 0 0;font-family:Manrope,sans-serif;font-size:19px}.modal form{gap:13px;display:grid}.modal label{color:#66766d;gap:6px;font-size:9px;font-weight:600;display:grid}.modal input,.modal select,.modal textarea{color:#3c5147;background:#fff;border:1px solid #e4eae5;border-radius:6px;outline:0;padding:9px 10px;font-size:10px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#80ae9b;box-shadow:0 0 0 3px #e6f2eb}.modal textarea{resize:vertical;min-height:82px}.form-actions{justify-content:flex-end;gap:8px;padding-top:5px;display:flex}.form-actions .button{height:34px}.form-hint{color:#608c77;align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.form-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.popup-notices{gap:14px;margin-bottom:18px;display:grid}.popup-notices>div{align-items:flex-start;gap:10px;display:flex}.popup-notices .notice-icon{width:32px;height:32px}.popup-notices b{color:#3f5349;font-size:11px}.popup-notices p{color:#79877f;margin:4px 0;font-size:9px;line-height:1.5}.popup-notices small{color:#9ca69f;font-size:8px}.full-button{width:100%;height:38px}.backdrop{display:none}.rtl{font-family:Noto Sans Arabic,DM Sans,sans-serif}.rtl .sidebar{border-left:1px solid #edf0ed;border-right:0;left:auto;right:0}.rtl .main-area{margin-left:0;margin-right:246px}.rtl .nav-item,.rtl .app-shell,.rtl .global-search,.rtl .search-box{text-align:right}.rtl .nav-item svg:first-child{margin-left:0}.rtl .marquee{direction:rtl}.rtl .toggle{margin-left:6px;margin-right:0}.rtl .toggle.on i{transform:translate(-12px)}.rtl .top-more{margin-left:0;margin-right:-12px}.rtl .modal{text-align:right}.rtl .form-actions{justify-content:flex-start}.rtl .person-cell{flex-direction:row}.rtl .week-label{align-items:flex-end;padding-right:12px}.rtl table{text-align:right}.rtl .activity-row{flex-direction:row}.rtl .section-head,.rtl .welcome-row,.rtl .table-toolbar,.rtl .profile-row,.rtl .topbar-actions,.rtl .breadcrumbs{direction:rtl}.rtl .month-switch{direction:ltr}.rtl .main-area footer{direction:rtl}@media (width<=1100px){.sidebar{width:220px}.main-area{margin-left:220px}.rtl .main-area{margin-right:220px}.content{padding:26px 24px 0}.topbar{padding:0 24px}.dashboard-grid,.lower-grid{grid-template-columns:1.35fr 1fr}.stat-card{padding:13px}.topbar-actions{gap:10px}.global-search{width:150px}}@media (width<=820px){.sidebar{width:255px;transition:transform .22s;bottom:0;transform:translate(-102%);box-shadow:8px 0 30px #19352d0a}.sidebar.open{transform:translate(0)}.rtl .sidebar{left:auto;right:0;transform:translate(102%)}.rtl .sidebar.open{transform:translate(0)}.sidebar-close{margin-left:auto;display:grid!important}.main-area,.rtl .main-area{margin:0}.topbar{height:58px;padding:0 18px}.mobile-menu{display:grid}.breadcrumbs{margin-left:12px;margin-right:auto}.global-search{display:none}.content{padding:24px 18px 0}.backdrop{z-index:15;background:#1e332f4d;display:block;position:fixed;inset:0}.marquee{height:36px}.app-shell{padding-bottom:36px}.dashboard-grid,.lower-grid{grid-template-columns:1.3fr 1fr}.stats-grid{gap:9px}.stat-card{min-height:115px}.shift-legend{gap:7px}.shift-legend article{padding:10px}.week-grid{grid-template-columns:95px repeat(7,minmax(58px,1fr));overflow-x:auto}.shift-schedule{overflow-x:auto}.role-select{max-width:95px}}@media (width<=600px){.topbar{padding:0 11px}.topbar-actions{gap:6px}.breadcrumbs{gap:5px;margin-left:8px;font-size:9px}.lang-button{padding:6px 3px}.lang-button span{font-size:9px}.top-divider{height:21px}.role-select{max-width:76px;font-size:9px}.top-avatar,.top-more{display:none}.content{padding:20px 12px 0}.welcome-row{align-items:flex-start;gap:10px;margin-bottom:17px}.welcome-row h1{font-size:21px}.welcome-row p{font-size:10px;line-height:1.5}.welcome-row>.button{white-space:nowrap;height:32px;padding:0 9px;font-size:9px}.hide-mobile{display:none!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}.stat-card{min-height:111px;padding:12px}.stat-icon{width:27px;height:27px;margin-bottom:7px}.stat-value{font-size:23px}.stat-label{font-size:9px}.stat-foot{font-size:8px}.dashboard-grid,.lower-grid{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.chart-card,.shift-card,.activity-card{padding:14px}.chart-wrap{height:160px}.donut-area{height:132px}.top-team-card{padding:15px}.employee-cards{grid-template-columns:1fr;gap:10px}.employee-focus,.employee-check{padding:15px}.employee-focus h2{font-size:17px}.employee-stat,.employee-lower{margin-top:10px}.mini-week{gap:3px}.mini-day{padding:8px 2px}.mini-day span,.mini-day small{font-size:7px}.mini-day b{font-size:12px}.calendar-card{padding:11px}.calendar-title{flex-direction:column;align-items:flex-start;gap:10px}.calendar-legend{gap:12px}.calendar-date{height:58px;padding:7px;font-size:10px}.calendar-weekday{height:30px;font-size:8px}.calendar-date small{margin-top:6px;font-size:6px}.holiday-info{flex-wrap:wrap;gap:13px}.holiday-info span small{font-size:7px}.table-toolbar{padding:0 10px}.tabs{gap:11px}.tab{font-size:9px}.search-box{width:190px;padding:6px}.table-card table{min-width:630px}.compact-stats{grid-template-columns:repeat(3,1fr)}.compact-stats .stat-card{min-height:108px}.compact-stats .stat-label{font-size:8px}.compact-stats .stat-foot{font-size:7px}.compact-stats .stat-value{font-size:20px}.compact-stats .info-dot{display:none}.people-grid{grid-template-columns:1fr}.shift-schedule{padding:13px}.week-grid{min-width:690px}.shift-legend{grid-template-columns:1fr}.section-head h2{font-size:13px}.content footer{font-size:8px}.footer-help{display:none}.marquee{gap:10px;padding:0 13px;font-size:8px}.top-team-card:after{font-size:108px}.rtl .sidebar{right:0}.rtl .breadcrumbs{margin-left:0;margin-right:8px}}@media print{body,.app-shell{background:#fff;padding:0}.sidebar,.topbar,.marquee,footer,.button,.notification-button{display:none!important}.main-area,.rtl .main-area{margin:0}.content{max-width:none;padding:0}.card{break-inside:avoid;box-shadow:none}.welcome-row{margin-bottom:14px}.table-card{overflow:visible}table{white-space:normal}.overlay{display:none}}.auth-page{background:#fff;grid-template-columns:1.03fr .97fr;min-height:100vh;display:grid}.auth-side{color:#f0f5f1;background:radial-gradient(at 15% 82%,#2b645044 0,#0000 43%),linear-gradient(145deg,#163c36,#102d2a 74%);flex-direction:column;min-height:100vh;padding:35px 8.4%;display:flex;position:relative;overflow:hidden}.auth-side:after{content:"";border:1px solid #ffffff0e;border-radius:50%;width:420px;height:420px;position:absolute;top:32%;right:-120px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04}.auth-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.auth-brand b{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:19px}.auth-brand b span{color:#97c8b2}.auth-copy{z-index:1;max-width:480px;margin:auto 0;position:relative}.auth-copy .eyebrow{color:#a6c7b7}.auth-copy h1{letter-spacing:-2px;color:#f4f7f4;margin:21px 0;font-family:Manrope,Noto Sans Arabic,sans-serif;font-size:clamp(35px,4vw,52px);line-height:1.15}.auth-copy h1 i{color:#a3c9b3;font-style:normal}.auth-copy p{color:#bdcec4;max-width:360px;font-size:13px;line-height:1.8}.auth-side-note{color:#d5e4da;align-items:center;gap:8px;margin-top:34px;font-size:10px;display:flex}.auth-side-note svg{color:#8bc1a4}.auth-side-foot{color:#97b0a3;z-index:1;justify-content:space-between;font-size:9px;display:flex;position:relative}.auth-main{flex-direction:column;align-items:center;min-height:100vh;padding:28px 8%;display:flex}.auth-top{color:#929d97;justify-content:space-between;align-items:center;width:min(100%,410px);font-size:10px;display:flex}.auth-card{width:min(100%,390px);margin:auto 0;padding:30px 0}.auth-symbol{color:#287966;background:#e9f4ed;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:20px;display:grid}.auth-card>.eyebrow{font-size:8px}.auth-card h2{color:#263e36;letter-spacing:-.8px;margin:7px 0;font-family:Manrope,sans-serif;font-size:24px}.auth-card>p{color:#89958e;margin:0 0 22px;font-size:10px;line-height:1.6}.auth-card form{gap:14px;display:grid}.auth-card label{color:#66766e;gap:6px;font-size:9px;font-weight:600;display:grid}.auth-card input{color:#40544a;border:1px solid #e4eae5;border-radius:6px;outline:0;height:39px;padding:0 11px;font-size:10px}.auth-card input:focus{border-color:#80ae9b;box-shadow:0 0 0 3px #e6f2eb}.auth-card input::placeholder{color:#b0b8b3}.optional-label{color:#9ca69f;font-weight:400}.auth-submit{width:100%;height:40px;margin-top:3px}.auth-switch{text-align:center;color:#89958e;margin:19px 0;font-size:9px}.auth-switch button{color:#317a65;background:0 0;border:0;padding:0 3px;font-size:9px;font-weight:700}.auth-approval{color:#829088;border-top:1px solid #eef1ee;align-items:center;gap:7px;padding-top:14px;font-size:8px;line-height:1.5;display:flex}.auth-approval svg{color:#508c73;flex:none}.auth-message{border-radius:6px;margin:-8px 0 13px;padding:9px 10px;font-size:9px;line-height:1.5}.auth-message.error{color:#ab5f57;background:#fff0ee}.auth-message.success{color:#3e7b61;background:#edf7ef}.auth-legal{color:#a4ada7;padding-bottom:14px;font-size:8px}.auth-loading{color:#668078;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:12px;display:flex}.logout-button{color:#69786f;background:0 0;border:0;padding:6px 8px;font-size:10px}.logout-button:hover{color:#a25752}@media (width<=700px){.auth-page{grid-template-columns:1fr}.auth-side{display:none}.auth-main{padding:20px 24px}.auth-card{margin:auto 0;padding:24px 0}.auth-top{max-width:430px}.auth-legal{padding-bottom:12px}}.attendance-chart{grid-template-columns:repeat(7,minmax(20px,1fr));align-items:end;gap:10px;height:166px;padding:12px 4px 0;display:grid}.attendance-bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.attendance-bar>span{color:#84968b;font-size:8px}.bar-track{background:#f1f5f2;border-radius:5px 5px 2px 2px;align-items:flex-end;width:min(22px,70%);height:112px;display:flex;overflow:hidden}.bar-track i{background:linear-gradient(#75b29a,#36836e);border-radius:5px 5px 2px 2px;width:100%;min-height:2px}.attendance-bar small{color:#929e97;white-space:nowrap;font-size:8px}.action-error{justify-content:space-between;align-items:center;gap:12px;display:flex}.action-error button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.attendance-admin-row{position:relative}.attendance-admin-row .activity-row{padding-right:160px}.overtime-edit{white-space:nowrap;position:absolute;top:50%;right:0;transform:translateY(-50%)}.rtl .attendance-admin-row .activity-row{padding-left:160px;padding-right:0}.rtl .overtime-edit{left:0;right:auto}.company-settings-card{max-width:900px;padding:24px}.company-settings-card .section-head{margin-bottom:24px}.company-logo-preview{color:#388473;background:#e9f3ef;border-radius:16px;flex:none;place-items:center;width:68px;height:68px;display:grid;overflow:hidden}.company-logo-preview img{object-fit:contain;width:100%;height:100%}.company-settings-form{gap:16px;max-width:540px;display:grid}.company-settings-form label{color:#52615b;gap:7px;font-size:12px;font-weight:600;display:grid}.company-settings-form input{color:#203431;background:#fff;border:1px solid #e3e9e4;border-radius:9px;outline:none;width:100%;min-height:42px;padding:0 12px}.company-settings-form input:focus{border-color:#70a995;box-shadow:0 0 0 3px #e7f2ec}.settings-hint{color:#84908b;font-size:12px;line-height:1.6}.settings-saved{color:#287966;font-size:12px}.factory-icon img{object-fit:contain;border-radius:8px;width:100%;height:100%}@media (width<=600px){.company-settings-card{padding:16px}.company-settings-card .section-head{gap:12px}}.auth-brand .brand-mark img{object-fit:contain;border-radius:12px;width:100%;height:100%}