@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}.authPage{color:#182033;background:#f7f8fc;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.authIntro{color:#fff;background:linear-gradient(145deg,#16213f,#29366c);flex-direction:column;justify-content:space-between;padding:54px 7vw;display:flex}.authBrand{align-items:center;gap:12px;display:flex}.authBrand>span{background:#6c63ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:grid}.authBrand div{flex-direction:column;display:flex}.authBrand strong{font-size:24px}.authBrand small{opacity:.72}.authIntro h1{margin:16px 0;font-size:clamp(34px,4vw,60px);line-height:1.2}.authIntro p{color:#d8dded;max-width:590px;font-size:18px;line-height:1.9}.authEyebrow{color:#aeb7ff;font-weight:700}.authTrust{flex-wrap:wrap;gap:12px;display:flex}.authTrust span{background:#ffffff12;border:1px solid #fff2;border-radius:12px;padding:10px 14px;font-size:13px}.authPanel{place-items:center;padding:60px 7vw;display:grid}.authPanel>div{width:min(520px,100%)}.authHeading span{color:#635bdb;font-weight:800}.authHeading h2{margin:9px 0;font-size:36px}.authHeading p{color:#73798b;margin-bottom:28px}.roleCards{gap:14px;display:grid}.roleCards>button{text-align:right;background:#fff;border:1px solid #e4e6ee;border-radius:18px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 8px 24px #2027470a}.roleCards>button:hover{border-color:#8179ed;transform:translateY(-2px)}.roleCards button div{flex-direction:column;flex:1;gap:5px;display:flex}.roleCards small{color:#777e90}.roleCards button>b{color:#8c91a2;font-size:24px}.roleIcon{color:#fff;background:#625adf;border-radius:14px;place-items:center;width:50px;height:50px;font-size:20px;font-weight:900;display:grid}.roleIcon.manager{background:#159a82}.roleIcon.employee{background:#2986d7}.roleIcon.admin{background:#6657d8}.loginForm{background:#fff;border:1px solid #e6e7ed;border-radius:24px;padding:32px;box-shadow:0 18px 55px #1f274118}.loginForm>.roleIcon{margin:5px auto 14px}.loginForm h2,.loginForm>p{text-align:center}.loginForm>p{color:#747b8d}.loginForm label{flex-direction:column;gap:8px;margin:14px 0;font-size:14px;font-weight:700;display:flex}.loginForm input,.submissionForm input,.submissionForm select,.accountGrid input,.accountGrid select,.adminNotes input{font:inherit;background:#fbfcfe;border:1px solid #dfe2ea;border-radius:11px;padding:13px}.backLogin,.setupLink{color:#5d58c9;background:0 0;border:0}.loginSubmit,.noteComposer button,.taskChat button,.submissionForm button,.accountGrid article>button,.adminNotes button{color:#fff;background:#625bd8;border:0;border-radius:11px;width:100%;padding:13px;font-weight:800}.setupLink{width:100%;margin-top:14px}.authError,.authNotice{border-radius:10px;margin:12px 0;padding:11px;font-size:13px}.authError{color:#a52b2b;background:#fff0f0}.authNotice{color:#08795e;background:#eefbf5}.authLoading{text-align:center;place-content:center;gap:13px;min-height:100vh;display:grid}.authLoading .brandMark{margin:auto}.rolePortal{color:#182033;background:#f5f7fb;min-height:100vh;padding-bottom:60px}.roleTop{background:#fff;border-bottom:1px solid #e8e9ee;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.roleTop>div{align-items:center;gap:12px;display:flex}.roleTop>div>div{flex-direction:column;display:flex}.roleTop small{color:#777e8e}.roleTop button,.logoutBtn{background:#fff;border:1px solid #dddfea;border-radius:9px;padding:9px 13px}.roleWelcome{color:#fff;background:linear-gradient(125deg,#252b5e,#5d58d5);border-radius:22px;justify-content:space-between;align-items:center;margin:32px 5vw 20px;padding:30px;display:flex}.roleWelcome.employee{background:linear-gradient(125deg,#164967,#2685bd)}.roleWelcome h1{margin:7px 0;font-size:34px}.roleWelcome p{color:#e1e3f5}.roleWelcome>b{background:#ffffff16;border:1px solid #ffffff30;border-radius:14px;padding:14px 18px}.managerStats{grid-template-columns:repeat(4,1fr);gap:14px;margin:0 5vw;display:grid}.managerStats article{background:#fff;border:1px solid #e5e7ed;border-radius:16px;flex-direction:column;gap:7px;padding:20px;display:flex}.managerStats small{color:#737a8c}.managerStats strong{font-size:28px}.notesGrid,.employeePortalGrid{grid-template-columns:1fr 1.4fr;gap:18px;margin:18px 5vw;display:grid}.notesGrid>article,.employeePortalGrid>article,.adminAuthSection{background:#fff;border:1px solid #e5e7ed;border-radius:18px;padding:22px}.noteComposer textarea,.taskChat textarea,.submissionForm textarea{width:100%;min-height:120px;font:inherit;resize:vertical;border:1px solid #dfe2ea;border-radius:11px;margin:12px 0;padding:12px}.notesHistory>div{border-bottom:1px solid #eee;padding:12px 0}.notesHistory blockquote{background:#f1f2fb;border-radius:8px;margin:9px 0 0;padding:10px}.emptyText{color:#8b91a0;text-align:center;padding:24px}.portalTask{border:1px solid #e5e7ed;border-radius:13px;align-items:center;gap:12px;margin:10px 0;padding:13px;display:flex}.portalTask input{display:none}.portalTask>span{color:#0000;border:2px solid #cdd1dc;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.portalTask div{flex-direction:column;flex:1;display:flex}.portalTask small{color:#7b8190}.portalTask>b{color:#a66a0b;font-size:12px}.portalTask.done{opacity:.7}.portalTask.done>span{color:#fff;background:#159a82;border-color:#159a82}.portalTask.done>b{color:#08795e}.taskChat{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.submissionForm{flex-direction:column;gap:11px;display:flex}.submissionItem{border-top:1px solid #eee;justify-content:space-between;padding:11px 0;display:flex}.adminAuthSection{margin:18px 0}.accountGrid{grid-template-columns:1fr 1.4fr;gap:18px;display:grid}.accountGrid>article{border:1px solid #ececf1;border-radius:15px;flex-direction:column;gap:10px;padding:18px;display:flex}.profileRow{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 0;display:flex}.profileRow>span{color:#5d57d2;background:#eeedff;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.profileRow div{flex-direction:column;flex:1;display:flex}.profileRow small{color:#7b8190}.profileRow>b{font-size:12px}.adminNotes{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.adminNotes>div{border-bottom:1px solid #eee;grid-template-columns:140px 1fr minmax(180px,1fr) 110px;align-items:center;gap:10px;padding:11px 0;display:grid}.adminNotes button{padding:10px}@media (max-width:900px){.authPage{grid-template-columns:1fr}.authIntro{min-height:auto;padding:30px}.authIntro>div:nth-child(2){margin:55px 0}.authPanel{padding:38px 20px}.managerStats{grid-template-columns:repeat(2,1fr)}.notesGrid,.employeePortalGrid,.accountGrid,.adminNotes>div{grid-template-columns:1fr}.roleWelcome{flex-direction:column;align-items:flex-start;gap:20px}}.taskInbox{color:#182033;background:#fff;border:1px solid #e4e7ee;border-radius:20px;margin:18px 0;padding:22px}.rolePortal>.taskInbox{margin:18px 5vw}.inboxHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.inboxHead span{color:#625bd8;font-size:12px;font-weight:800}.inboxHead h2{margin:5px 0;font-size:22px}.inboxHead p{color:#737b8d;margin:0}.inboxHead>b{color:#5b55cd;background:#efefff;border-radius:20px;padding:8px 12px}.newTaskComposer{background:#f7f8fc;border:1px solid #e7e8ef;border-radius:15px;grid-template-columns:1fr 1.5fr 150px 150px;gap:9px;margin-bottom:16px;padding:14px;display:grid}.newTaskComposer input,.newTaskComposer select,.newTaskComposer textarea{font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:10px;padding:11px}.newTaskComposer textarea{resize:vertical;grid-column:1/4;min-height:70px}.newTaskComposer button{color:#fff;background:#625bd8;border:0;border-radius:10px;font-weight:800}.mailLayout{border:1px solid #e4e6ed;border-radius:16px;grid-template-columns:310px 1fr;min-height:570px;display:grid;overflow:hidden}.mailList{background:#fafbfe;border-left:1px solid #e4e6ed}.mailList h3{border-bottom:1px solid #e7e8ee;margin:0;padding:17px}.mailList>button{text-align:right;background:0 0;border:0;border-bottom:1px solid #eceef3;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.mailList>button.active{background:#efefff}.mailList button>div{flex-direction:column;flex:1;min-width:0;display:flex}.mailList strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mailList small,.mailList time{color:#7f8797;margin-top:4px;font-size:11px}.mailState{background:#e4a13c;border-radius:50%;width:9px;height:9px}.mailState.completed{background:#17a17a}.mailState.closed{background:#9aa1af}.mailConversation{flex-direction:column;min-width:0;display:flex}.mailConversation>header{border-bottom:1px solid #e8e9ee;justify-content:space-between;padding:18px 20px;display:flex}.mailConversation header h3{margin:3px 0;font-size:19px}.mailConversation header p{color:#71798b;margin:5px 0}.mailConversation header>span{background:#f4f5f8;border-radius:8px;height:max-content;padding:7px;font-size:11px}.chatMessages{background:#f8f9fc;flex:1;min-height:270px;max-height:420px;padding:20px;overflow:auto}.chatBubble{background:#fff;border:1px solid #e1e4eb;border-radius:14px 14px 4px;max-width:75%;margin-bottom:12px;padding:11px}.chatBubble.mine{background:#ecebff;border-color:#d8d5ff;border-radius:14px 14px 14px 4px;margin-right:auto}.chatBubble b,.chatBubble small{font-size:11px;display:block}.chatBubble p{margin:7px 0;line-height:1.7}.chatBubble small{color:#858c9b;margin-top:7px}.chatBubble button{color:#5550c7;background:#fff;border:0;border-radius:8px;padding:8px}.messageComposer{border-top:1px solid #e5e7ed;grid-template-columns:1fr auto auto;align-items:end;gap:8px;padding:14px;display:grid}.messageComposer textarea{width:100%;min-height:72px;font:inherit;resize:vertical;border:1px solid #dfe2e9;border-radius:10px;grid-column:1/4;padding:11px}.messageComposer>button{color:#fff;background:#625bd8;border:0;border-radius:9px;padding:10px 25px}.attachBtn{cursor:pointer;border:1px solid #dddfea;border-radius:9px;padding:9px 12px}.attachBtn input{display:none}.messageComposer>small{color:#737b8d}.taskOutcome{border-top:1px solid #e7e8ed;flex-wrap:wrap;align-items:center;gap:7px;padding:13px 18px;display:flex}.taskOutcome button,.taskOutcome select{background:#fff;border:1px solid #dfe1e8;border-radius:8px;padding:8px}.taskOutcome button.rated{color:#9b6500;background:#fff2ce;border-color:#f0ce70}.taskOutcome select{margin-right:auto}.monthlyTaskReport{border-top:1px solid #e7e8ed;margin-top:18px;padding-top:17px}.monthlyTaskReport>header{justify-content:space-between;align-items:center;display:flex}.monthlyTaskReport h3{margin:0 0 5px}.monthlyTaskReport p{color:#737b8d;margin:0}.monthlyTaskReport input{border:1px solid #dfe1e8;border-radius:9px;padding:9px}.monthlyTaskReport>div{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.monthlyTaskReport article{border:1px solid #e5e7ed;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.monthlyTaskReport article>span{color:#5953cc;background:#efefff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.monthlyTaskReport article>div{flex-direction:column;flex:1;display:flex}.monthlyTaskReport small{color:#7e8595;font-size:11px}.employeePortalGrid.single{grid-template-columns:1fr}@media (max-width:900px){.newTaskComposer{grid-template-columns:1fr}.newTaskComposer textarea{grid-column:auto}.mailLayout{grid-template-columns:1fr}.mailList{border-bottom:1px solid #e4e6ed;border-left:0;max-height:260px;overflow:auto}.monthlyTaskReport>div,.messageComposer{grid-template-columns:1fr}.messageComposer textarea{grid-column:auto}.chatBubble{max-width:90%}}.subscriptionManager{background:#fff;border:1px solid #e5e7ed;border-radius:20px;padding:24px}.subscriptionManager>header{justify-content:space-between;align-items:center;display:flex}.subscriptionManager header span{color:#5f58d5;font-size:12px;font-weight:800}.subscriptionManager h1{margin:6px 0;font-size:26px}.subscriptionManager header p{color:#747c8e;margin:0}.subscriptionManager header>b{color:#11805f;background:#e9f8f2;border-radius:20px;padding:10px 15px}.subscriptionAlerts{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.subscriptionAlerts article{color:#9a680e;background:#fff5df;border:1px solid #f2dcaa;border-radius:11px;align-items:center;gap:12px;padding:11px 14px;display:flex}.subscriptionAlerts article.expired{color:#a72f40;background:#ffeded;border-color:#f3cbd1}.addSubscriber{background:#f7f8fc;border:1px solid #e6e8ef;border-radius:14px;grid-template-columns:1.4fr 1fr 1fr auto;gap:9px;margin-bottom:18px;padding:14px;display:grid}.addSubscriber input{width:100%;font:inherit;background:#fff;border:1px solid #dfe2e9;border-radius:9px;padding:11px}.addSubscriber label{color:#70788a;font-size:10px}.addSubscriber label input{margin-top:3px}.addSubscriber button{color:#fff;background:#625bd8;border:0;border-radius:9px;padding:0 18px;font-weight:800}.addSubscriber small{color:#08795e;grid-column:1/-1}.subscriptionTable{border:1px solid #e3e5eb;border-radius:14px;overflow:hidden}.subscriptionRow{border-top:1px solid #eceef2;grid-template-columns:1.5fr .8fr 1fr .9fr 1.25fr;align-items:center;gap:12px;padding:14px;display:grid}.subscriptionRow.heading{color:#71798b;background:#f5f6fa;border-top:0;font-size:11px;font-weight:800}.subscriptionRow>div{flex-direction:column;gap:4px;display:flex}.subscriptionRow small{color:#7b8393;font-size:10px}.subscriptionRow>input{border:1px solid #dfe2e9;border-radius:8px;padding:9px}.subscriptionRow b.urgent{color:#c14451}.subscriptionActions{flex-direction:row!important;align-items:center!important}.subscriptionActions>span{border-radius:15px;padding:5px 8px;font-size:10px;font-weight:800}.subscriptionActions>span.active{color:#11805f;background:#e7f8f1}.subscriptionActions>span.stopped{color:#b63648;background:#ffebee}.subscriptionActions button{border:0;border-radius:8px;padding:8px;font-size:10px}.subscriptionActions button.stop{color:#b63648;background:#ffebee}.subscriptionActions button.resume{color:#11805f;background:#e7f8f1}@media (max-width:900px){.addSubscriber,.subscriptionRow{grid-template-columns:1fr}.subscriptionRow.heading{display:none}.subscriptionManager>header{flex-direction:column;align-items:flex-start;gap:15px}}.subscriptionActions button.payRenew{color:#fff;background:#625bd8;font-weight:800}.paymentNotice{color:#08795e;background:#e8f8f2;border:1px solid #ccecdf;border-radius:11px;margin:16px 0;padding:12px 15px}.subscriptionRow>div>input{border:1px solid #dfe2e9;border-radius:8px;width:100%;padding:9px}.subscriptionActions{flex-wrap:wrap}.subscriptionActions .payRenew{flex-basis:100%}.companiesAdmin{display:none!important}.simpleCompanyCreate .saveCompanyBtn{color:#241a0e;background:linear-gradient(135deg,#c99d58,#a97834);width:100%;margin-top:16px;padding:12px}.organizationListHead button{white-space:nowrap}.organizationDetails:before{content:"الشركة الأساسية  •  الفروع  •  الموظفون  •  الاشتراك";color:#76552f;word-spacing:8px;background:#f7efe2;border-radius:11px;margin:-4px 0 16px;padding:11px 14px;font-size:12px;font-weight:700;display:block}.managerEmployeeTable{background:#fff;border:1px solid #eadfcd;border-radius:14px;max-width:1400px;margin:18px auto;overflow:auto}.roleWelcome select{min-width:240px;padding:11px 14px}@media (max-width:760px){.organizationDetails:before{word-spacing:3px;line-height:2}.roleWelcome select{width:100%;min-width:0}.managerEmployeeTable{margin:14px}}.managerDashboard{background:#f5efe5;min-height:100vh;padding-bottom:40px;display:block}.managerDashboard .roleTop{z-index:5;position:sticky;top:0}.managerDashboardHead{color:#fff;background:linear-gradient(135deg,#342b21,#9d743c);border-radius:22px;justify-content:space-between;align-items:end;max-width:1400px;margin:26px auto 16px;padding:28px 32px;display:flex;box-shadow:0 18px 40px #4b351d2b}.managerDashboardHead span{color:#e8c98f;font-size:12px}.managerDashboardHead h1{margin:6px 0;font-size:30px}.managerDashboardHead p{color:#eadfce;margin:0}.managerDashboardHead label{font-size:11px}.managerDashboardHead select{min-width:260px;margin-top:7px;padding:12px;display:block}.managerKpis{grid-template-columns:repeat(4,1fr);gap:13px;max-width:1400px;margin:0 auto;display:grid}.managerKpis article{background:#fffdf8;border:1px solid #e5dac9;border-radius:18px;padding:20px;box-shadow:0 10px 25px #5a432310}.managerKpis small,.managerKpis p{color:#776d60}.managerKpis strong{color:#3a2d20;margin:8px 0;font-size:34px;display:block}.managerKpis p{margin:0;font-size:11px}.managerKpis article.attention{background:#fff8e9;border-color:#dfb86f}.managerCompliance{background:#fffdf8;border:1px solid #e5dac9;border-radius:20px;max-width:1400px;margin:16px auto;padding:22px}.managerCompliance>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.managerCompliance h2{margin:0 0 4px}.managerCompliance header p{color:#776d60;margin:0}.managerCompliance header>b{color:#805c2d;background:#f1e3cc;border-radius:20px;padding:7px 12px}.managerCompliance>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.managerCompliance article{background:#faf6ef;border:1px solid #ede1cf;border-radius:15px;padding:16px}.managerCompliance article span,.managerCompliance article strong,.managerCompliance article small{display:block}.managerCompliance article strong{margin:7px 0;font-size:25px}.managerCompliance article i{background:#e8ddcc;border-radius:10px;height:6px;display:block;overflow:hidden}.managerCompliance article i b{background:#b48743;height:100%;display:block}.managerCompliance article small{color:#776d60;margin-top:7px}.managerEmployees{max-width:1400px;margin:16px auto}.managerEmployees summary{cursor:pointer;color:#76552f;background:#fffdf8;border:1px solid #e5dac9;border-radius:14px;padding:15px 18px;font-weight:700}.managerEmployees[open] summary{border-radius:14px 14px 0 0}.managerEmployees .managerEmployeeTable{border-radius:0 0 14px 14px;margin:0}.managerDashboard .notesGrid{max-width:1400px;margin:16px auto}@media (max-width:900px){.managerDashboardHead{flex-direction:column;align-items:flex-start;gap:18px;margin:16px}.managerDashboardHead label,.managerDashboardHead select{width:100%}.managerKpis,.managerCompliance,.managerEmployees,.managerDashboard .notesGrid{margin:14px 16px}.managerKpis,.managerCompliance>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.managerDashboardHead h1{font-size:23px}.managerKpis,.managerCompliance>div{grid-template-columns:1fr}.managerDashboardHead{padding:22px}.managerKpis strong{font-size:29px}}.managerAlertGroups{grid-template-columns:repeat(2,1fr);gap:12px;max-width:1400px;margin:16px auto;display:grid}.managerAlertGroups article{background:#fff;border:1px solid #eadfcd;border-radius:15px;overflow:hidden}.managerAlertGroups article.hasAlerts{background:snow;border-color:#efb1ad}.managerAlertGroups button{text-align:right;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:14px 16px;display:flex}.managerAlertGroups button>span{color:#c22d27;background:#fce1df;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.managerAlertGroups button>div{flex:1}.managerAlertGroups button strong,.managerAlertGroups button small{display:block}.managerAlertGroups button strong{color:#ba2823}.managerAlertGroups button small{color:#d34842;margin-top:4px}.managerAlertGroups button>b{color:#b92d28;font-size:11px}.managerAlertGroups article.clear button>span{color:#267447;background:#e7f4ea}.managerAlertGroups article.clear button strong,.managerAlertGroups article.clear button small,.managerAlertGroups article.clear button>b{color:#547060}.managerAlertGroups button:disabled{cursor:default}.managerAlertDetails{border-top:1px solid #f1c8c5;padding:7px 14px 14px}.managerAlertDetails>div{border-bottom:1px solid #f6dcd9;padding:12px 10px}.managerAlertDetails>div:last-child{border-bottom:0}.managerAlertDetails span{color:#b62924;background:#fbe3e1;border-radius:10px;padding:3px 7px;font-size:9px;display:inline-block}.managerAlertDetails strong{color:#64201d;margin:7px 0 3px;display:block}.managerAlertDetails p{color:#a22f2b;margin:0;font-size:11px;line-height:1.7}.managerAlertDetails small{color:#8a6d69;margin-top:5px;display:block}@media (max-width:900px){.managerAlertGroups{margin:14px 16px}}@media (max-width:600px){.managerAlertGroups{grid-template-columns:1fr}}.managerKpis article,.managerCompliance article{transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.managerKpis article:before,.managerCompliance article:before{content:"";height:5px;position:absolute;inset:0 0 auto}.managerKpis article:hover,.managerCompliance article:hover{transform:translateY(-3px);box-shadow:0 14px 34px #5a43231c}.managerKpis article:first-child{background:linear-gradient(145deg,#f7fbff,#fff);border-color:#b9d8ee}.managerKpis article:first-child:before{background:#2581b8}.managerKpis article:first-child strong{color:#176c9f}.managerKpis article:nth-child(2){background:linear-gradient(145deg,#fff9eb,#fff);border-color:#edcf91}.managerKpis article:nth-child(2):before{background:#e39a1f}.managerKpis article:nth-child(2) strong{color:#b9730c}.managerKpis article:nth-child(3){background:linear-gradient(145deg,#f0fbf5,#fff);border-color:#acd9c0}.managerKpis article:nth-child(3):before{background:#2c9b61}.managerKpis article:nth-child(3) strong{color:#237c4e}.managerKpis article:nth-child(4){background:linear-gradient(145deg,#fff7f6,#fff);border-color:#efb5b0}.managerKpis article:nth-child(4):before{background:#d8453d}.managerKpis article:nth-child(4) strong{color:#bb312a}.managerCompliance article:first-child:before,.managerCompliance article:first-child i b{background:#2f9c64}.managerCompliance article:nth-child(2):before,.managerCompliance article:nth-child(2) i b{background:#e49b22}.managerCompliance article:nth-child(3):before,.managerCompliance article:nth-child(3) i b{background:#dc4c44}.managerCompliance article:nth-child(4):before,.managerCompliance article:nth-child(4) i b{background:#8d65c5}.managerCompliance article:first-child{background:#f3fbf6}.managerCompliance article:nth-child(2){background:#fff9ed}.managerCompliance article:nth-child(3){background:#fff6f5}.managerCompliance article:nth-child(4){background:#faf6ff}.managerIndicatorLegend{color:#74695c;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.managerIndicatorLegend span:before{content:"";border-radius:50%;width:8px;height:8px;margin-left:5px;display:inline-block}.managerIndicatorLegend .good:before{background:#2f9c64}.managerIndicatorLegend .warning:before{background:#e49b22}.managerIndicatorLegend .danger:before{background:#dc4c44}.managerKpis article,.managerCompliance article{text-align:center;background:#fffdf8!important;border-color:#e5dac9!important}.managerKpis article:before,.managerCompliance article:before{display:none!important}.managerKpis article>strong,.managerCompliance article>strong{border-radius:50%;place-items:center;width:104px;height:104px;position:relative;box-shadow:inset 0 0 0 13px #fffdf8,0 8px 20px #5a432318;color:#332a20!important;background:var(--ring)!important;margin:14px auto!important;font-size:25px!important;display:grid!important}.managerCompliance article:nth-child(2)>strong,.managerCompliance article:nth-child(3)>strong{--ring:conic-gradient(#dc4c44 0 58%,#e6a135 58% 78%,#2f9c64 78% 100%)}.managerCompliance article>i{display:none!important}.managerCompliance article>small{margin-top:2px!important}.managerKpis article>small,.managerCompliance article>span{color:#594b3c;font-weight:700}.managerKpis article>p{min-height:18px}.managerKpis:after{content:"أخضر: سليم   •   برتقالي: يحتاج انتباه   •   أحمر: يتطلب إجراء";color:#776d60;text-align:center;grid-column:1/-1;padding:6px;font-size:11px}.managerCompliance>div:after{content:"تتغير قراءة المؤشرات حسب بيانات المنشأة المحددة";color:#8a7d6c;text-align:center;grid-column:1/-1;font-size:10px}@media (max-width:560px){.managerKpis article>strong,.managerCompliance article>strong{width:94px;height:94px;box-shadow:inset 0 0 0 12px #fffdf8,0 7px 16px #5a432315}}.managerDashboard{background:linear-gradient(#f4eee4 0,#f8f5ef 48%,#f2ece2 100%)}.managerDashboardHead{background:linear-gradient(130deg,#2d271f 0,#57452f 58%,#a47a42 100%);border:1px solid #c9aa7b55}.managerKpis{grid-template-columns:1.35fr repeat(3,1fr)}.managerKpis article,.managerCompliance article{text-align:right;background:#fffdf9!important;border:1px solid #e7ddcf!important;border-radius:22px!important;box-shadow:0 10px 30px #5138190d!important}.managerKpis article:first-child{background:linear-gradient(145deg,#fffdf9,#f4eadb)!important}.managerKpis article>strong,.managerCompliance article>strong{float:left;width:112px;height:112px;margin:-5px 8px 4px 16px!important;box-shadow:inset 0 0 0 12px #fffdf9,0 10px 25px #4e361718!important}.managerKpis article:first-child>strong{--ring:conic-gradient(#2f9c64 0 33%,#eee7dc 33% 100%)}.managerKpis article:nth-child(2)>strong{--ring:conic-gradient(#dc4c44 0 33%,#eee7dc 33% 100%)}.managerKpis article:nth-child(3)>strong{--ring:conic-gradient(#2f9c64 0 85%,#eee7dc 85% 100%)}.managerKpis article:nth-child(4)>strong{--ring:conic-gradient(#dc4c44 0 68%,#eee7dc 68% 100%)}.managerKpis article>small{padding-top:10px;display:block;font-size:12px!important}.managerKpis article>p{padding-top:5px;line-height:1.7}.managerKpis:after{content:"الأخضر سليم · البرتقالي يحتاج انتباه · الأحمر يتطلب إجراء";clear:both;color:#766957;grid-column:1/-1;padding:4px 8px 0;font-size:12px;display:block}.managerCompliance>header{border-bottom:1px solid #eee5d8;padding-bottom:14px}.managerCompliance>div{gap:14px}.managerCompliance article{min-height:170px}.managerCompliance article>strong{float:none;width:88px;height:88px;margin:12px auto!important;font-size:22px!important;box-shadow:inset 0 0 0 10px #fffdf9,0 8px 18px #4e361712!important}.managerCompliance article:first-child>strong{--ring:conic-gradient(#2f9c64 0 85%,#eee7dc 85% 100%)}.managerCompliance article:nth-child(2)>strong{--ring:conic-gradient(#e49b22 0 42%,#eee7dc 42% 100%)}.managerCompliance article:nth-child(3)>strong{--ring:conic-gradient(#dc4c44 0 32%,#eee7dc 32% 100%)}.managerCompliance article:nth-child(4)>strong{--ring:conic-gradient(#dc4c44 0 33%,#eee7dc 33% 100%)}.managerAlertGroups{margin-top:18px}.managerAlertGroups article.hasAlerts{box-shadow:0 8px 22px #a6372b0c}.managerEmployees summary{box-shadow:0 8px 25px #5138190d}.managerDashboard .notesGrid article{border-radius:20px!important}@media (max-width:1050px){.managerKpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.managerKpis{grid-template-columns:1fr}.managerKpis article>strong{width:96px;height:96px;box-shadow:inset 0 0 0 10px #fffdf9,0 8px 18px #4e361712!important}.managerCompliance article{min-height:auto}}.managerPortalShell{color:#302a23;direction:rtl;background:linear-gradient(#f4eee4,#f8f5ef 48%,#f2ece2);min-height:100vh}.managerSideNav{color:#fff;z-index:20;background:#211d18;flex-direction:column;width:250px;padding:24px 17px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 35px #3b2c191a}.managerSideBrand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;padding:5px 7px 25px;display:flex}.managerSideBrand>span{color:#201b15;background:linear-gradient(145deg,#d7b06e,#9a7138);border-radius:15px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:grid;box-shadow:0 8px 20px #0005}.managerSideBrand strong,.managerSideBrand small{display:block}.managerSideBrand strong{font-size:15px}.managerSideBrand small{color:#cabda9;margin-top:4px;font-size:10px}.managerSideNav nav{gap:7px;padding-top:25px;display:grid}.managerSideNav nav button{color:#cfc5b6;text-align:right;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;padding:13px 12px;transition:all .18s;display:flex}.managerSideNav nav button:hover{color:#fff;background:#ffffff0b}.managerSideNav nav button.active{color:#211b15;background:linear-gradient(135deg,#b68a4d,#d2ae70);font-weight:700;box-shadow:0 8px 22px #0003}.managerSideNav nav button i{background:#ffffff12;border-radius:9px;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.managerSideNav nav button.active i{background:#ffffff5c}.managerSideNav nav button span{flex:1}.managerSideNav nav button b{color:#fff;background:#b93731;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;display:grid}.managerSideUser{border-top:1px solid #ffffff17;align-items:center;gap:9px;margin-top:auto;padding:18px 5px 2px;display:flex}.managerSideUser>span{color:#251e17;background:#d3ad6d;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.managerSideUser strong,.managerSideUser small{display:block}.managerSideUser strong{font-size:11px}.managerSideUser small{color:#ad9f8d;margin-top:3px;font-size:9px}.managerSideUser button{color:#d9cdbc;background:#ffffff12;border:0;border-radius:8px;margin-right:auto;padding:7px 9px;font-size:9px}.managerPortalContent{min-height:100vh;margin-right:250px;padding:1px 26px 40px}.managerMobileTop{justify-content:space-between;align-items:center;max-width:1400px;margin:18px auto 0;display:flex}.managerMobileTop strong{color:#7a6040;font-size:12px}.managerMobileTop span{color:#917b60;font-size:10px}.managerPortalContent .managerDashboardHead{margin-top:16px}.managerViolationsPage{margin-top:0}.managerEmployeePage{background:#fffdf9;border:1px solid #e5dac9;border-radius:20px;max-width:1400px;margin:0 auto;padding:22px;overflow:hidden;box-shadow:0 10px 30px #5138190d}.managerEmployeePage>header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.managerEmployeePage h2{margin:0 0 4px}.managerEmployeePage header p{color:#776d60;margin:0;font-size:11px}.managerEmployeePage .managerEmployeeTable{border-radius:14px;margin:0;overflow:auto}.managerHelpPage{max-width:1050px;margin:34px auto}.managerHelpPage>header{color:#fff;text-align:center;background:linear-gradient(135deg,#30271e,#9d743c);border-radius:24px;padding:34px;box-shadow:0 18px 40px #4b351d2b}.managerHelpPage>header span{color:#e8c98f;font-size:12px}.managerHelpPage>header h1{margin:8px 0;font-size:31px}.managerHelpPage>header p{color:#eee2d1;margin:0}.managerHelpActions{grid-template-columns:1fr 1fr;gap:15px;margin:18px 0;display:grid}.managerHelpActions a{border-radius:19px;flex-direction:column;gap:5px;padding:22px;text-decoration:none;display:flex;box-shadow:0 10px 25px #51381910}.managerHelpActions a>span{font-size:11px}.managerHelpActions a>strong{font-size:17px}.managerHelpActions a>small{font-size:12px}.managerHelpActions .whatsapp{color:#176c3c;background:#e7f7ee;border:1px solid #bde5cc}.managerHelpActions .phone{color:#765326;background:#fffdf9;border:1px solid #decaa9}.managerHelpPage .notesGrid{max-width:none;margin:18px 0}.managerSuggestedSolution{background:#f4f0e8;border-right:3px solid #b58a4d;border-radius:12px;margin-top:10px;padding:11px 13px}.managerSuggestedSolution>b{color:#765326;font-size:10px;display:block}.managerSuggestedSolution p{color:#51493e!important;margin:5px 0 0!important}.employeeOpenRow{text-align:right;color:#3d352c;cursor:pointer;background:#fff;border-bottom:0;border-right:0;width:100%}:is(.employeeOpenRow:hover,.employeeOpenRow:focus-visible){background:#fbf4e8;outline:0}.employeeOpenRow>b{color:#966a31;font-size:10px}.employeeProfileOverlay{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d1711aa;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.employeeProfilePanel{background:#fffdf9;border:1px solid #dfcdaede;border-radius:24px;width:min(980px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0007}.employeeProfilePanel>header{z-index:2;color:#fff;background:linear-gradient(135deg,#30271e,#8c6635);justify-content:space-between;align-items:center;padding:22px 25px;display:flex;position:sticky;top:0}.employeeProfilePanel>header span{color:#e9ca91;font-size:10px}.employeeProfilePanel>header h2{margin:4px 0;font-size:23px}.employeeProfilePanel>header p{color:#e7ddce;margin:0;font-size:11px}.employeeProfilePanel>header button{color:#fff;background:#ffffff12;border:1px solid #ffffff2d;border-radius:11px;width:36px;height:36px;font-size:23px}.employeeProfileForm{grid-template-columns:repeat(2,1fr);gap:13px;padding:22px;display:grid}.employeeProfileForm label,.employeeLegalData label{color:#735d43;font-size:10px}.employeeProfileForm input,.employeeProfileForm select,.employeeProfileForm textarea,.employeeLegalData input,.employeeExtras input{color:#352e27;width:100%;font:inherit;background:#fff;border:1px solid #ded2bf;border-radius:10px;margin-top:6px;padding:11px;display:block}.employeeProfileForm input[readonly]{color:#887967;background:#f3eee6}.employeeProfileForm textarea{resize:vertical;min-height:82px}.employeeProfileForm .wide{grid-column:1/-1}.employeeLegalData,.employeeExtras{background:#faf7f1;border:1px solid #eadfcd;border-radius:17px;margin:0 22px 20px;padding:18px}.employeeLegalData h3,.employeeExtras h3{margin:0 0 13px}.employeeLegalData>div{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.employeeExtras>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.employeeExtras>header h3{margin:0}.employeeExtras>header p{color:#85745e;margin:4px 0 0;font-size:10px}.employeeExtras>header button{color:#765326;background:#eaddc8;border:0;border-radius:9px;padding:9px 12px;font-weight:700}.employeeExtras>div{grid-template-columns:.75fr 1.5fr 36px;gap:8px;margin-top:8px;display:grid}.employeeExtras>div button{color:#ad342e;background:#f6dfdc;border:0;border-radius:9px;font-size:18px}.employeeProfilePanel>footer{background:#fffdf9;border-top:1px solid #eadfcd;justify-content:space-between;align-items:center;padding:15px 22px;display:flex;position:sticky;bottom:0}.employeeProfilePanel>footer span{color:#35734f;font-size:11px}.employeeProfilePanel>footer button{color:#fff;background:linear-gradient(135deg,#9c7139,#c79a58);border:0;border-radius:11px;padding:12px 22px;font-weight:800;box-shadow:0 8px 20px #8b622b35}@media (max-width:900px){.managerSideNav{width:100%;height:auto;padding:10px 12px;display:block;position:sticky;top:0;bottom:auto}.managerSideBrand,.managerSideUser{display:none}.managerSideNav nav{grid-template-columns:repeat(4,1fr);gap:6px;padding:0;display:grid}.managerSideNav nav button{text-align:center;justify-content:center;padding:9px 7px}.managerSideNav nav button i{display:none}.managerSideNav nav button span{white-space:nowrap;font-size:10px}.managerSideNav nav button b{margin:-27px 52px 0 0;position:absolute}.managerPortalContent{margin-right:0;padding:1px 0 30px}.managerMobileTop{margin:13px 16px 0}.managerEmployeePage{margin:0 16px;padding:15px}.managerHelpPage{margin:16px}.managerPortalContent .managerDashboardHead{margin:14px 16px}}@media (max-width:700px){.employeeProfileOverlay{padding:0}.employeeProfilePanel{border-radius:0;height:100%;max-height:none}.employeeProfileForm{grid-template-columns:1fr;padding:16px}.employeeProfileForm .wide{grid-column:auto}.employeeLegalData,.employeeExtras{margin:0 16px 16px}.employeeLegalData>div{grid-template-columns:1fr 1fr}.employeeProfilePanel>footer{gap:10px}.employeeProfilePanel>footer button{padding:11px 14px}}@media (max-width:560px){.managerSideNav nav button{padding:9px 3px}.managerSideNav nav button span{font-size:9px}.managerHelpActions{grid-template-columns:1fr}.managerHelpPage>header{padding:27px 18px}.managerHelpPage>header h1{font-size:24px}.employeeLegalData>div{grid-template-columns:1fr}.employeeExtras>div{grid-template-columns:1fr 35px}.employeeExtras>div input:first-child{grid-column:1/-1}}:root{--ink:#172033;--muted:#6f788b;--line:#e8eaf0;--surface:#fff;--bg:#f6f7fb;--primary:#4f46e5}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Tahoma,Segoe UI,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}main{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:240px;padding:26px 18px 20px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brandMark{color:#fff;background:linear-gradient(145deg,#6961f2,#3930c9);border-radius:12px;place-items:center;width:39px;height:39px;font-size:22px;font-weight:800;display:grid;box-shadow:0 7px 18px #4f46e538}.brand strong,.brand small{display:block}.brand strong{font-size:19px}.brand small{color:#8a92a3;margin-top:3px;font-size:10px}.sidebar nav{gap:5px;display:grid}.navItem{text-align:right;color:#657084;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.navItem span{text-align:center;width:20px;font-size:18px}.navItem b{color:#5147df;background:#ecebff;border-radius:10px;margin-right:auto;padding:2px 7px;font-size:11px}.navItem.active{color:#4b42db;background:#eeedff;font-weight:700}.sidebarHelp{text-align:center;background:linear-gradient(145deg,#f3f2ff,#fafaff);border:1px solid #e6e3ff;border-radius:14px;margin-top:auto;padding:15px}.sidebarHelp>span{color:#fff;background:#5047df;border-radius:10px;place-items:center;width:34px;height:34px;margin:-30px auto 8px;font-weight:700;display:grid}.sidebarHelp strong{font-size:12px}.sidebarHelp p{color:#858da0;margin:5px 0 10px;font-size:10px}.sidebarHelp button{color:#5148d9;background:#fff;border:0;border-radius:7px;width:100%;padding:7px;font-size:10px}.user{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:20px;padding:17px 4px 0;display:flex}.user>span{color:#47516b;background:#e4e8f6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.user strong,.user small{display:block}.user strong{font-size:11px}.user small{color:#9097a6;margin-top:3px;font-size:9px}.user i{color:#8d94a3;margin-right:auto}.content{width:calc(100% - 240px);max-width:1500px;margin-right:240px;padding:25px 38px 20px}.topbar{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.topbar h1{margin:0 0 6px;font-size:23px}.topbar p,.sectionHead p,.panelHead p{color:var(--muted);margin:0;font-size:11px}.topActions{gap:10px;display:flex}.primary{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:10px 17px;font-weight:700;box-shadow:0 4px 12px #4f46e52b}.iconBtn{border:1px solid var(--line);background:#fff;border-radius:9px;width:40px;position:relative}.iconBtn b{color:#fff;background:#f25959;border-radius:10px;padding:2px 5px;font-size:8px;position:absolute;top:-5px;left:-5px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.companyTabs{border:1px solid var(--line);background:#fff;border-radius:11px;gap:6px;padding:4px;display:flex}.companyTabs button{color:#747d8d;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:11px;display:flex}.companyTabs button.selected{color:#4e45d7;background:#efeeff;font-weight:700}.companyTabs span{border-radius:50%;width:7px;height:7px}.companyTabs small{color:#a0a6b3;font-size:8px}.toolbar select{border:1px solid var(--line);color:#596275;background:#fff;border-radius:9px;padding:10px 14px;font-size:11px}.summaryGrid{grid-template-columns:1.55fr repeat(3,1fr);gap:12px;display:grid}.scoreCard,.miniStat,.metricCard,.tasksPanel,.comparison{border:1px solid var(--line);background:#fff;border-radius:14px}.scoreCard{background:linear-gradient(120deg,#fff 55%,#f6f5ff);justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.eyebrow,.miniStat small{color:#747e91;font-size:11px}.scoreCard h2{margin:7px 0 3px;font-size:34px}.scoreCard h2 small{color:#a2a8b5;font-size:12px}.scoreCard p,.miniStat p{color:#8991a0;margin:0;font-size:9px}.scoreCard p b,.miniStat p b{color:#16a079}.gauge{--score:0deg;background:conic-gradient(#5750df var(--score),#e8e8f8 0);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative}.gauge:before{content:"";background:#fff;border-radius:50%;width:64px;height:64px;position:absolute}.gauge span{color:#5149d6;font-size:10px;font-weight:700;position:relative}.miniStat{align-items:center;gap:13px;padding:20px;display:flex}.statIcon{border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.purple{color:#5148df;background:#eeedff}.orange{color:#e38a15;background:#fff1df}.green{color:#13a47b;background:#e7f8f2}.miniStat strong{margin:4px 0;font-size:25px;display:block}.sectionHead,.panelHead{justify-content:space-between;align-items:end;display:flex}.sectionHead{margin:25px 2px 12px}.sectionHead h2,.panelHead h2{margin:0 0 5px;font-size:15px}.sectionHead button,.panelHead button,.metricCard button{color:#5148d9;background:0 0;border:0;font-size:10px}.metricsGrid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.metricCard{min-width:0;padding:15px}.metricTop{justify-content:space-between;align-items:center;display:flex}.metricIcon{color:#5148da;background:#eeedff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.metricIcon.gosi{color:#159a76;background:#e8f8f3}.metricIcon.contracts{color:#de8519;background:#fff1e2}.metricIcon.iqama{color:#288aca;background:#e9f5ff}.metricIcon.localization{color:#a64dbf;background:#f8eafd}.metricIcon.remote{color:#d2596b;background:#ffebee}.status{border-radius:12px;padding:4px 7px;font-size:8px}.status.good{color:#12865f;background:#e8f7f1}.status.okay{color:#5658bf;background:#eef1ff}.status.warn{color:#c97a1a;background:#fff0df}.metricCard h3{margin:12px 0 4px;font-size:12px}.metricCard>p{color:#949baa;margin:0;font-size:9px}.metricValue{justify-content:space-between;align-items:end;margin:13px 0 7px;display:flex}.metricValue strong{font-size:21px}.metricValue small{color:#139675;font-size:8px}.progress,.bar{background:#eceef3;border-radius:9px;height:5px;overflow:hidden}.progress i{background:#5550dd;border-radius:9px;height:100%;display:block}.metricCard button{padding:11px 0 0}.lowerGrid{grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px;display:grid}.tasksPanel,.comparison{padding:18px}.taskList{margin-top:12px}.task{border-top:1px solid #f0f1f4;grid-template-columns:22px 1fr auto 58px;align-items:center;gap:9px;padding:10px 0;display:grid}.task input{display:none}.check{color:#0000;border:1px solid #ccd1dc;border-radius:5px;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.task.checked{opacity:.58}.task.checked .check{color:#fff;background:#5149dc;border-color:#5149dc}.task.checked strong{text-decoration:line-through}.task strong,.task small{display:block}.task strong{font-size:10px}.task small{color:#969dac;margin-top:3px;font-size:8px}.task time{color:#717a8d;font-size:9px}.task em{text-align:center;border-radius:10px;padding:4px;font-size:8px;font-style:normal}.task em.high{color:#cd5362;background:#ffeaed}.task em.medium{color:#c78023;background:#fff1de}.more{color:#9ba1af}.bars{margin-top:20px}.barRow{margin-bottom:14px}.barRow>div:first-child{align-items:center;gap:6px;font-size:10px;display:flex}.barRow span{border-radius:50%;width:7px;height:7px}.barRow b{margin-right:auto;font-size:11px}.bar{margin-top:7px}.bar i{border-radius:8px;height:100%;display:block}.insight{background:#f2f1ff;border-radius:10px;align-items:center;gap:9px;padding:11px;display:flex}.insight span{color:#5148dc}.insight p{color:#777f90;margin:0;font-size:9px;line-height:1.6}.insight strong{color:#3f4657}footer{text-align:center;color:#9ca3b0;padding:19px;font-size:9px}footer span{color:#22a682;margin:0 8px}@media (max-width:1100px){.summaryGrid{grid-template-columns:repeat(2,1fr)}.metricsGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.sidebar{width:100%;height:auto;padding:15px;position:static}.brand{padding-bottom:12px}.sidebar nav{display:flex;overflow:auto}.navItem{white-space:nowrap}.sidebarHelp,.user{display:none}main{display:block}.content{width:100%;margin:0;padding:20px 15px}.topbar,.toolbar{align-items:flex-start}.topbar h1{font-size:19px}.companyTabs{width:100%;overflow:auto}.toolbar{flex-direction:column;gap:8px}.summaryGrid,.lowerGrid{grid-template-columns:1fr}.metricsGrid{grid-template-columns:repeat(2,1fr)}.companyTabs small{display:none}}@media (max-width:430px){.metricsGrid,.summaryGrid{grid-template-columns:1fr}.topbar{gap:10px}.primary{font-size:10px}.topbar p{font-size:9px}}.companiesAdmin .adminCardHead{align-items:center}.addCompanyBtn{color:#5148dc;background:#eeedff;border:0;border-radius:9px;margin-right:auto;padding:8px 11px;font-size:9px;font-weight:700}.addCompanyBtn span{font-size:14px}.companyControl{border-top:1px solid #f0f1f4;grid-template-columns:1fr 130px;align-items:end;gap:10px;padding:10px 0;display:grid}.companyControl label{margin:0}.linkToggle{color:#70798b;background:#f7f8fa;border:1px solid #e3e5eb;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:39px;display:flex}.linkToggle span{font-size:15px}.linkToggle b{font-size:9px}.linkToggle.linked{color:#138263;background:#eaf8f3;border-color:#ccece0}@media (max-width:500px){.companyControl{grid-template-columns:1fr}.linkToggle{height:34px}}.companyControl>div{gap:7px;display:grid}.groupInput{color:#667085;font-size:9px!important}.groupInput input{margin-top:4px!important;padding:8px 10px!important}.recordsSection{margin-top:18px}.recordPanel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:10px;padding:17px}.recordTitle{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recordTitle>div{align-items:center;gap:9px;display:flex}.recordTitle h2{margin:0;font-size:13px}.recordTitle b{color:#777f90;background:#f1f2f6;border-radius:12px;padding:4px 8px;font-size:8px}.recordTitle>button{color:#5148dc;background:#eeedff;border:0;border-radius:8px;padding:8px 11px;font-size:9px}.recordRow{border-top:1px solid #f0f1f4;align-items:center;gap:7px;padding:9px 0;display:grid}.recordRow.four{grid-template-columns:1fr 1.3fr 1fr 1fr 28px}.recordRow.contract{grid-template-columns:.8fr 1fr .8fr 1.1fr .9fr .7fr 28px}.recordRow input,.recordRow select{color:#444d60;background:#fafbfc;border:1px solid #e0e3ea;border-radius:8px;width:100%;min-width:0;padding:9px;font-size:9px}.deleteRow{color:#cf5060;background:#ffedf0;border:0;border-radius:7px;width:26px;height:26px;font-size:16px}.liveIndicators{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.liveIndicators article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.liveIndicators small,.liveIndicators strong,.liveIndicators p{display:block}.liveIndicators small{color:#747e91;font-size:9px}.liveIndicators strong{margin:3px 0;font-size:22px}.liveIndicators p{color:#9299a8;margin:0;font-size:8px}.saudiIndicator>div{width:100%}.saudiIndicator .progress i{background:#15a17a}@media (max-width:900px){.recordRow.four,.recordRow.contract,.liveIndicators{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.recordRow.four,.recordRow.contract,.liveIndicators{grid-template-columns:1fr}.recordTitle{align-items:flex-start;gap:9px}}.companyControl.expanded{grid-template-columns:1.2fr 1fr .8fr 1.3fr;align-items:start}.companyControl select{color:#242c3d;background:#fafbfc;border:1px solid #dfe2e9;border-radius:9px;width:100%;margin-top:6px;padding:11px 12px;display:block}.companyActions{gap:6px;display:grid}.saveCompanyBtn{color:#117b5d;cursor:pointer;background:#e8f7f1;border:0;border-radius:8px;padding:9px;font-size:10px;font-weight:700}.saveCompanyBtn:hover{background:#d8f1e7}.saveCompanyBtn:disabled{opacity:.45;cursor:not-allowed}.removeCompany{color:#c94859;background:#ffedf0;border:0;border-radius:8px;padding:8px;font-size:9px}.groupManager{background:#f7f8fb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px;padding:10px;display:flex}.groupManager strong{color:#687184;font-size:9px}.groupManager>span{color:#5148dc;background:#fff;border:1px solid #e1e4eb;border-radius:14px;padding:5px 8px;font-size:9px}.groupManager button{color:#c94859;background:#ffedf0;border:0;border-radius:50%;width:17px;height:17px;margin-right:5px}.toolbarSelects{gap:7px;display:flex}.toolbarSelects select{min-width:120px}@media (max-width:1100px){.companyControl.expanded{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.companyControl.expanded{grid-template-columns:1fr}.toolbarSelects{width:100%}.toolbarSelects select{flex:1;min-width:0}}.userRecord,.taskEditor{border-top:1px solid #f0f1f4;align-items:center;gap:8px;padding:10px 0;display:grid}.userRecord{grid-template-columns:.8fr 1.3fr 1fr 30px}.taskEditor{grid-template-columns:.8fr 2fr .8fr .6fr 30px}.userRecord label{color:#687184;font-size:9px}.userRecord input,.userRecord select,.taskEditor input,.taskEditor select{background:#fafbfc;border:1px solid #e0e3ea;border-radius:8px;width:100%;padding:9px;font-size:9px}.contractMini strong,.contractMini span{font-size:9px;display:block}.contractMini span{color:#81899a;margin-top:4px}.taskState{color:#bd741e;text-align:center;background:#fff0df;border-radius:12px;padding:5px;font-size:8px}.taskState.done{color:#13805f;background:#e8f7f1}.employeeReports{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.employeeReports article{background:#f8f9fb;border-radius:10px;padding:12px}.employeeReports strong,.employeeReports span,.employeeReports b,.employeeReports small{display:block}.employeeReports strong{font-size:11px}.employeeReports span,.employeeReports small{color:#828a9b;margin:4px 0;font-size:8px}.employeeReports b{margin:9px 0 6px;font-size:10px}.employeeHero{color:#fff;background:linear-gradient(135deg,#4f46e5,#7068eb);border-radius:15px;grid-template-columns:1.7fr 1fr 1fr;align-items:center;gap:20px;padding:22px;display:grid}.employeeHero>div:first-child{align-items:center;gap:12px;display:flex}.employeeHero h2{margin:0 0 4px;font-size:18px}.employeeHero p,.employeeHero small,.employeeHero span{opacity:.78;font-size:9px}.employeeHero strong{margin:5px 0;font-size:14px;display:block}.employeeTaskList{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:14px;padding:18px}.employeeTask{border-top:1px solid #eef0f4;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.employeeTask input{display:none}.employeeTask>span{color:#0000;border:1px solid #ccd2dd;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.employeeTask.completed>span{color:#fff;background:#4f46e5;border-color:#4f46e5}.employeeTask strong,.employeeTask small{display:block}.employeeTask strong{font-size:11px}.employeeTask small{color:#858d9d;margin-top:4px;font-size:8px}.employeeTask>b{color:#bd741e;background:#fff0df;border-radius:12px;padding:5px 8px;font-size:8px}.employeeTask.completed>b{color:#13805f;background:#e8f7f1}.emptyTasks{text-align:center;color:#8a92a2;padding:35px;font-size:11px}@media (max-width:760px){.userRecord,.taskEditor,.employeeReports,.employeeHero{grid-template-columns:1fr}}.companyWorkspace{color:#fff;background:linear-gradient(135deg,#201a69,#4f46e5);border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:17px 20px;display:flex}.companyWorkspace>div:first-child{align-items:center;gap:11px;display:flex}.workspaceIcon{background:#ffffff20;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.companyWorkspace small{opacity:.7;margin-bottom:4px;font-size:8px;display:block}.companyWorkspace select{color:#fff;background:0 0;border:0;outline:none;font-size:16px;font-weight:700}.companyWorkspace select option{color:#222}.workspaceMeta{flex-wrap:wrap;gap:7px;display:flex}.workspaceMeta span{background:#ffffff12;border:1px solid #ffffff35;border-radius:13px;padding:5px 8px;font-size:8px}.recordRow.scoped{grid-template-columns:1.3fr 1fr 1fr 28px}.recordRow.scopedContract{grid-template-columns:1fr .8fr 1.1fr .9fr .7fr 28px}@media (max-width:760px){.companyWorkspace{flex-direction:column;align-items:flex-start;gap:14px}.recordRow.scoped,.recordRow.scopedContract{grid-template-columns:1fr}}.saveNotice{color:#117b5d;background:#e8f7f1;border:1px solid #c9eddf;border-radius:10px;margin-bottom:14px;padding:11px 15px;font-size:11px}.adminHero{color:#fff;background:linear-gradient(135deg,#4f46e5,#756ff0);border-radius:16px;justify-content:space-between;align-items:center;padding:28px;display:flex;box-shadow:0 12px 30px #4f46e526}.adminHero>div>span{opacity:.75;font-size:10px}.adminHero h2{margin:7px 0;font-size:24px}.adminHero p{opacity:.78;margin:0;font-size:11px}.adminBadge{background:#ffffff18;border:1px solid #fff5;border-radius:18px;padding:7px 12px;font-size:10px}.adminGrid{grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px;display:grid}.adminCard,.nextControls{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.adminCardHead{align-items:center;gap:12px;margin-bottom:18px;display:flex}.adminCardHead h2,.nextControls h2{margin:0 0 5px;font-size:14px}.adminCardHead p,.nextControls p{color:var(--muted);margin:0;font-size:10px}.adminCard label{color:#606a7c;margin-top:12px;font-size:10px;display:block}.adminCard input{color:#242c3d;background:#fafbfc;border:1px solid #dfe2e9;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:11px 12px;display:block}.adminCard input:focus{border-color:#6058e3;box-shadow:0 0 0 3px #4f46e512}.nextControls{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.nextControls>div:first-child>span{float:right;color:#5148dc;background:#eeedff;border-radius:10px;place-items:center;width:36px;height:36px;margin-left:10px;font-size:20px;display:grid}.controlTags{gap:7px;display:flex}.controlTags span{color:#687184;background:#f3f4f8;border-radius:15px;padding:6px 10px;font-size:9px}@media (max-width:760px){.adminGrid{grid-template-columns:1fr}.adminHero,.nextControls{flex-direction:column;align-items:flex-start;gap:16px}.controlTags{flex-wrap:wrap}}:root{--primary:#b48743;--primary-dark:#86612d;--ink:#30281f;--muted:#776d60;--line:#e5dac9;--surface:#fffdf8;--bg:#f5efe5}html,body,button,input,select,textarea{font-synthesis:none;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif!important}body{color:var(--ink);background:radial-gradient(circle at 80% 0,#fffaf0 0,transparent 34%),var(--bg)}.brandMark,.authBrand>span,.roleTop .brandMark{display:none!important}.brand,.authBrand{gap:0!important}.brand strong,.authBrand strong{letter-spacing:.22em;color:#caa76c!important;font-family:Segoe UI,Arial,sans-serif!important;font-size:0!important}.brand strong:after,.authBrand strong:after{content:"TREE";font-size:20px}.brand small,.authBrand small{letter-spacing:.16em;color:#cbb98f!important;font-family:Segoe UI,Arial,sans-serif!important;font-size:0!important}.brand small:after,.authBrand small:after{content:"HR WORKSPACE";font-size:9px}.sidebar{box-shadow:14px 0 40px #4a39251a;background:linear-gradient(#302920,#252019)!important;border-color:#463b2e!important}.navItem{color:#d9cdbb!important;border-radius:12px!important}.navItem:hover{color:#fff!important;background:#ffffff0b!important}.navItem.active{box-shadow:0 9px 24px #0003;color:#211a13!important;background:linear-gradient(135deg,#c69a54,#a77735)!important}.adminBox,.sidebarFoot{color:#eadfcd!important;background:#ffffff08!important;border-color:#ffffff17!important}.topbar,.pageHeader{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line)!important;background:#fffdf8d9!important}.topbar h1,.pageHeader h1{letter-spacing:0!important;color:#332a20!important;font-size:clamp(24px,2.4vw,34px)!important;font-weight:700!important;line-height:1.35!important}.topbar p,.pageHeader p{color:#74695c!important;font-size:13px!important;line-height:1.8!important}.statCard,.adminCard,.panel,.companyCard,.employeeHero,.employeeTaskList,.roleWelcome,.managerStats article,.noteComposer,.notesHistory,.submissionForm{background:var(--surface)!important;border-color:var(--line)!important;border-radius:20px!important;box-shadow:0 12px 34px #5a432314!important}.primary,.loginSubmit,.noteComposer button,.submissionForm button{color:#241a0e!important;background:linear-gradient(135deg,#c99d58,#a97834)!important;border:none!important;box-shadow:0 8px 22px #96703b33!important}input,select,textarea{color:#352c22!important;background:#fffefa!important;border-color:#ded1bf!important;border-radius:12px!important}input:focus,select:focus,textarea:focus{border-color:#b48743!important;box-shadow:0 0 0 3px #b4874322!important}.authPage{background:#f4ede2!important}.authIntro{color:#fffaf0!important;background:radial-gradient(circle at 20% 15%,#c69a5550 0,#0000 32%),linear-gradient(145deg,#352c22,#201b16)!important}.authEyebrow{color:#e9cc99!important;background:#c69a5524!important;border:1px solid #d4ad6a55!important;font-size:0!important}.authEyebrow:after{content:"مساحة أعمالك اليومية";font-size:14px;font-weight:500}.authIntro h1{font-size:0!important;line-height:1.25!important}.authIntro h1:after{content:"إدارة جميع أعمالك بشاشة واحدة";letter-spacing:0;font-size:clamp(38px,5vw,66px);font-weight:700;line-height:1.45}.authIntro>div:nth-child(2)>p{font-size:0!important}.authIntro>div:nth-child(2)>p:after{content:"كل ما تحتاجه لإدارة فريقك ومنشآتك في مكان واحد.";color:#eee4d5;font-size:18px;font-weight:400;line-height:1.9}.authPanel{background:#fffdf8!important}.authHeading h2,.loginForm h2{font-size:28px!important;font-weight:700!important;line-height:1.4!important}.authHeading p,.loginForm p,.roleCards small{font-size:13px!important;line-height:1.75!important}.roleCards strong{font-size:16px!important;font-weight:600!important}.authHeading>span{color:#a77735!important}.roleCards button{background:#faf5ec!important;border-color:#e5d8c5!important;border-radius:18px!important}.roleCards button:hover{transform:translateY(-2px);background:#fffaf0!important;border-color:#b98a44!important}.roleIcon{color:#795526!important;background:#ecddc4!important}.roleWelcome{background:linear-gradient(135deg,#fffaf0,#f1e4cf)!important}.roleWelcome>div>span{color:#976c31!important;background:#ead6b6!important}.authLoading{color:#6f5b40!important;background:#f5efe5!important}.companyWorkspace,.adminHero{background:linear-gradient(135deg,#3b3025,#9a713a)!important}.employeeTask.completed>span{background:#b48743!important;border-color:#b48743!important}@media (max-width:760px){.authPage{min-height:100dvh!important}.authIntro{min-height:38vh!important;padding:28px 24px!important}.authIntro h1:after{font-size:36px}.authPanel{padding:28px 20px!important}.sidebar{box-shadow:0 -10px 28px #49361f18!important}.topbar{padding:16px!important}.statCard,.adminCard,.panel{border-radius:16px!important}}.brand:before,.authBrand:before,.roleTop>div:first-child:before{content:"";background:#fff url(/icon-192.png) 50%/cover no-repeat;border-radius:14px;flex:none;width:58px;height:58px;display:block;box-shadow:0 7px 18px #0003}.brand>div,.authBrand>div{display:none!important}.authBrand:before{border-radius:22px;width:96px;height:96px;margin-left:14px}.roleTop>div:first-child:before{border-radius:13px;width:54px;height:54px;margin-left:10px}@media (max-width:760px){.authBrand:before{width:78px;height:78px}.brand:before{width:48px;height:48px}}.sectionSaveBar{flex-wrap:wrap;gap:9px;margin:12px 0;display:flex}.sectionSaveBar button{color:#241a0e;cursor:pointer;background:linear-gradient(135deg,#c99d58,#a97834);border:0;border-radius:10px;padding:10px 15px;font-weight:700;box-shadow:0 7px 18px #96703b26}.sectionSaveBar button:hover{filter:brightness(.96);transform:translateY(-1px)}@media (max-width:600px){.sectionSaveBar{grid-template-columns:1fr;display:grid}.sectionSaveBar button{width:100%}}.recordRow.iqamaWithProfession{grid-template-columns:1.15fr 1fr 1.5fr 1fr 28px}.localizationAlert{color:#5d421d;background:#fff7e5;border:1px solid #e2b762;border-radius:15px;align-items:center;gap:12px;margin:14px 0;padding:15px 17px;display:flex}.localizationAlert>span{color:#fff;background:#c79242;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.localizationAlert strong{font-size:14px}.localizationAlert p{color:#715a39;margin:3px 0 0;font-size:11px;line-height:1.7}.recordRow.employeeDetails{grid-template-columns:1.35fr 1fr .8fr 1fr .85fr .9fr .75fr 1.1fr 1.1fr 28px}@media (max-width:760px){.recordRow.iqamaWithProfession,.recordRow.employeeDetails{grid-template-columns:1fr}.localizationAlert{align-items:flex-start}}.organizationBrowser{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.organizationList,.organizationDetails{background:#fff;border:1px solid #eadfcd;border-radius:18px;box-shadow:0 8px 28px #6d4b2020}.organizationList{padding:15px}.organizationListHead{justify-content:space-between;align-items:center;padding:4px 4px 14px;display:flex}.organizationListHead span{color:#806b4f;font-size:11px;display:block}.organizationListHead strong{font-size:18px}.organizationListHead button,.quickBranch button,.organizationDetails header>button{color:#fff;cursor:pointer;background:#b88948;border:0;border-radius:10px;padding:9px 12px;font-weight:700}.organizationList>article{border:1px solid #eee5d8;border-radius:14px;margin-top:10px;overflow:hidden}.organizationList>article.selected{border-color:#bd9255;box-shadow:0 0 0 3px #d8b67d26}.organizationMain{text-align:right;cursor:pointer;background:#fff;border:0;align-items:center;gap:11px;width:100%;padding:14px;display:flex}.organizationMain div{flex:1}.organizationMain strong,.organizationMain small{display:block}.organizationMain small{color:#88765f;margin-top:4px;font-size:10px}.organizationMain>b{color:#9a713b;font-size:10px}.organizationIcon{color:#8b632f;background:#f2e4cc;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.branchList{background:#fcfaf6;border-top:1px solid #eee5d8;padding:7px}.branchList button{text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.branchList button.selected{color:#765324;background:#efe1ca}.branchList small{margin-right:auto}.quickBranch{border-top:1px solid #eee5d8;gap:7px;padding:10px;display:flex}.quickBranch input{border:1px solid #ded2bf;border-radius:9px;flex:1;min-width:0;padding:9px}.quickBranch button:disabled{opacity:.45}.organizationDetails{min-height:420px;padding:20px;overflow:hidden}.organizationDetails header{border-bottom:1px solid #eee5d8;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.organizationDetails header span{color:#9b794b;font-size:10px}.organizationDetails h2{margin:5px 0;font-size:22px}.organizationDetails p{color:#87765f;margin:0}.employeeSummary{gap:10px;padding:16px 0;display:flex}.employeeSummary span{background:#faf6ef;border:1px solid #ede1cf;border-radius:12px;padding:10px 14px;font-size:11px}.employeeSummary b{margin-left:5px;font-size:18px}.employeesTable{border:1px solid #eee5d8;border-radius:12px;overflow:auto}.employeesRow{border-top:1px solid #f0e8dc;grid-template-columns:1.25fr 1fr .75fr 1fr .8fr 1.25fr 1fr;min-width:980px;display:grid}.employeesRow:first-child{border-top:0}.employeesRow>*{border-left:1px solid #f0e8dc;padding:11px 9px;font-size:10px}.employeesRow.heading{color:#725332;background:#f7efe2;font-weight:800}.emptyEmployees{text-align:center;color:#8d7c65;padding:30px}.emptyOrganization{text-align:center;color:#8b7961;padding:90px 20px}.emptyOrganization>span{font-size:34px}.subscriptionDrawer{margin-top:18px}.subscriptionDrawer>summary{cursor:pointer;color:#76552f;background:#fff;border:1px solid #eadfcd;border-radius:12px;padding:14px;font-weight:800}.companiesAdmin .groupManager,.companiesAdmin .companyControl>label:nth-of-type(2),.companiesAdmin .linkToggle,.companiesAdmin .groupInput{display:none!important}.companiesAdmin .companyControl{grid-template-columns:1.3fr 1fr}.workspaceMeta span:first-child,.workspaceMeta span:last-child{display:none}@media (max-width:900px){.organizationBrowser{grid-template-columns:1fr}.organizationDetails{min-height:300px}}@media (max-width:600px){.employeeSummary{grid-template-columns:1fr 1fr;display:grid}.organizationDetails header{flex-direction:column;align-items:flex-start;gap:12px}}