/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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,::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]){appearance:button}::file-selector-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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#101d30;--teal:#11b9b5;--teal-dark:#079692;--ink:#172133;--muted:#718096;--line:#e7ecf2;--surface:#fff;--background:#f4f7f9}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}body{background:radial-gradient(circle at 35% -10%, #11b9b512, transparent 27rem), var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:SF Arabic,Noto Sans Arabic,Tahoma,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c9d4e3;z-index:20;background:linear-gradient(#101d30 0%,#12233a 100%);flex-direction:column;width:252px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden;box-shadow:-8px 0 35px #0b1a2e14}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:2px 8px 28px;display:flex}.brand-mark{background:#101d30;border-radius:12px;flex:0 0 46px;width:46px;height:46px;display:block;position:relative;overflow:hidden}.brand-mark img{width:120px;max-width:none;height:auto;display:block;position:absolute;top:-13px;left:-44px}.brand-copy{gap:1px;display:grid}.brand-copy strong{color:#fff;font-size:25px;line-height:1.1}.brand-copy small{color:#8fa1b9;letter-spacing:.02em;font-size:12px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#46cdc57a transparent;overscroll-behavior:contain;flex:auto;min-height:0;margin-left:-7px;padding:24px 4px 16px 0;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#46cdc566;border-radius:99px}.nav-label{color:#71839b;margin:0 12px 10px;font-size:13px}.nav-item{color:#aebccf;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:12px 13px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#fff;box-shadow:inset -3px 0 0 var(--teal);background:linear-gradient(90deg,#11b9b514,#11b9b533)}.nav-group{width:100%}.settings-side-menu{border-right:1px solid #52cbc440;gap:3px;margin:3px 20px 9px 0;padding:5px 12px 5px 0;display:grid}.settings-side-menu button{color:#879bb1;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;font-family:inherit;font-size:11px;display:flex}.settings-side-menu button span{color:#66d3cc;background:#ffffff0d;border-radius:7px;place-items:center;width:21px;height:21px;display:grid}.settings-side-menu button:hover,.settings-side-menu button.active{color:#fff;background:#14b1a924}.settings-side-menu button.active{box-shadow:inset -2px 0 #27c9c0}.settings-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.settings-panel-grid>button{color:#21374a;text-align:right;cursor:pointer;background:#fff;border:1px solid #d9e6e9;border-radius:18px;align-items:center;gap:15px;min-height:130px;padding:22px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 10px 28px #1938460d}.settings-panel-grid>button:hover{border-color:#6bc9c4;transform:translateY(-3px);box-shadow:0 16px 34px #155d5e1a}.settings-panel-grid>button>span{color:#078d85;background:#e6f7f5;border-radius:15px;flex:0 0 48px;place-items:center;height:48px;font-size:19px;display:grid}.settings-panel-grid>button div{flex:1}.settings-panel-grid strong{font-size:15px;display:block}.settings-panel-grid p{color:#7d8e9c;margin:7px 0 0;font-size:10px;line-height:1.8}.settings-panel-grid i{color:#0aa198;font-size:17px;font-style:normal}@media (width<=900px){.settings-panel-grid{grid-template-columns:1fr}.settings-side-menu{margin-right:10px}}.nav-icon{width:22px;color:inherit;text-align:center;font-size:19px}.sidebar-bottom{background:#12233a;border-top:1px solid #ffffff14;flex:none;padding-top:10px}.user-card{align-items:center;gap:10px;margin-top:12px;padding:13px 8px 4px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg,#22c9c5,#0f8f9c);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user-card>span:nth-child(2){gap:2px;display:grid}.user-card strong{color:#eef5fb;font-size:14px}.user-card small{color:#778aa3;font-size:12px}.user-card button{color:#71839b;background:0 0;border:0;margin-right:auto}.workspace{width:calc(100% - 252px);min-width:0;margin-right:252px}@media (height<=760px) and (width>=901px){.sidebar{padding-top:15px;padding-bottom:12px}.brand{padding-bottom:16px}.sidebar nav{padding-top:14px}.nav-item{padding-top:9px;padding-bottom:9px}.settings-side-menu button{min-height:31px;padding-top:5px;padding-bottom:5px}.user-card{margin-top:5px;padding-top:7px}}.topbar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border-bottom:1px solid #dde5edd1;align-items:center;gap:18px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.search{color:#8592a5;background:#f6f8fa;border:1px solid #e8edf2;border-radius:10px;align-items:center;gap:9px;width:min(390px,45vw);height:40px;padding:0 12px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search input::placeholder{color:#9ba7b6}.search kbd{direction:ltr;background:#fff;border:1px solid #dfe5eb;border-radius:5px;padding:3px 7px;font-size:10px}.search.active{background:#fff;border-color:#72cec7;box-shadow:0 0 0 3px #0faaa117}.global-search-panel{z-index:90;background:#fff;border:1px solid #dce7e9;border-radius:18px;width:min(430px,100vw - 30px);position:absolute;top:58px;right:28px;overflow:hidden;box-shadow:0 24px 70px #0c253433}.global-search-panel header{background:linear-gradient(135deg,#f8fcfc,#eef9f7);border-bottom:1px solid #e7eef0;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.global-search-panel header strong{color:#213548;font-size:12px}.global-search-panel header small{color:#82919d;font-size:8px}.global-search-panel>button{color:#213548;text-align:right;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:11px;width:100%;padding:12px 15px;font-family:inherit;display:flex}.global-search-panel>button:hover{background:#f0faf8}.global-search-panel>button>span{color:#078a82;background:#e3f6f3;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.global-search-panel>button>div{gap:3px;display:grid}.global-search-panel>button strong{font-size:10px}.global-search-panel>button small{color:#81909c;font-size:8px}.global-search-panel>button>b{color:#079089;margin-right:auto}.global-search-empty{text-align:center;color:#81909d;padding:34px;font-size:10px}.top-actions{align-items:center;gap:10px;margin-right:auto;display:flex}.icon-button,.menu-button{border:1px solid var(--line);color:#536176;background:#fff;border-radius:10px;width:40px;height:40px;position:relative}.icon-button i{background:#ee6b68;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:8px}.notification-button{place-items:center;transition:all .2s;display:grid}.notification-button:hover{color:#078b85;background:#f2fbfa;border-color:#b9dfdc}.bell-glyph{filter:grayscale();font-family:Arial,sans-serif;font-size:18px;line-height:1;display:block;transform:translateY(-1px)}.notification-button.active{background:#eaf8f6;border-color:#8fd5cf}.notifications-panel{z-index:80;background:#fff;border:1px solid #dce6e9;border-radius:18px;width:min(390px,100vw - 30px);position:absolute;top:58px;left:48px;overflow:hidden;box-shadow:0 24px 70px #0c253433}.notifications-head{background:linear-gradient(135deg,#f8fcfc,#eef9f7);border-bottom:1px solid #e8eef0;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.notifications-head>div{gap:3px;display:grid}.notifications-head strong{font-size:15px}.notifications-head small{color:#73858f;font-size:9px}.notifications-head button,.clear-notifications{color:#087f79;background:0 0;border:0;font-size:9px;font-weight:900}.notifications-list{max-height:390px;overflow-y:auto}.notifications-list>button{text-align:right;color:#1f3042;background:#f6fbfa;border:0;border-bottom:1px solid #edf1f3;align-items:flex-start;gap:11px;width:100%;padding:14px 17px;display:flex}.notifications-list>button:hover{background:#edf8f6}.notifications-list>button.read{background:#fff}.notifications-list>button>span{color:#07887f;background:#dff4f1;border-radius:9px;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.notifications-list>button.read>span{color:#8a98a2;background:#f0f3f5}.notifications-list>button>div{gap:3px;display:grid}.notifications-list strong{font-size:11px}.notifications-list p{color:#6f808d;margin:0;font-size:9px}.notifications-list small{color:#9aa6ae;font-size:8px}.clear-notifications{background:#fff;border-top:1px solid #e8eef0;width:100%;height:42px}.notifications-empty{text-align:center;color:#82919b;padding:42px;font-size:11px}.branch-button{border:1px solid var(--line);color:#536176;background:#fff;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:13px;display:flex}.branch-control{display:flex;position:relative}.branch-control .branch-panel{top:48px;left:auto;right:0}.branch-button b{color:#9aa5b4;margin-right:3px}.branch-button.active{background:#effaf8;border-color:#72cec7}.branch-panel{z-index:85;background:#fff;border:1px solid #dce7e9;border-radius:17px;width:280px;position:absolute;top:58px;right:0;overflow:hidden;box-shadow:0 22px 65px #0c25342e}.branch-panel header{background:linear-gradient(135deg,#f8fcfc,#eef9f7);border-bottom:1px solid #e8eef0;gap:3px;padding:15px 16px;display:grid}.branch-panel header strong{font-size:12px}.branch-panel header small{color:#82919d;font-size:8px}.branch-panel>button{color:#26384a;text-align:right;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:9px;width:100%;padding:12px 16px;font-family:inherit;display:flex}.branch-panel>button:hover,.branch-panel>button.selected{color:#087f79;background:#f0faf8}.branch-panel>button>span{background:#aab6bf;border-radius:50%;width:8px;height:8px}.branch-panel>button.selected>span{background:#20b981;box-shadow:0 0 0 4px #e7f8f2}.branch-panel>button strong{font-size:10px}.branch-panel>button b{color:#0b9087;margin-right:auto}@media (width<=600px){.branch-control .branch-panel{width:auto;position:fixed;top:68px;left:12px;right:12px}}.branch-dot{background:#20b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7f8f2}.top-avatar{color:#078d8a;background:#e4f8f7;border:1px solid #ccefed;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.menu-button{display:none}.content{max-width:1600px;margin:0 auto;padding:34px 32px 52px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{font-weight:700;color:var(--teal-dark)!important;font-size:14px!important}.welcome-row h1{letter-spacing:-.035em;color:#142033;margin:5px 0 7px;font-size:clamp(25px,2.2vw,34px)}.welcome-row p{color:var(--muted);margin:0;font-size:15px}.welcome-tools{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.live-status{color:#8490a0;align-items:center;gap:6px;font-size:12px;display:flex}.live-status i{background:#23b680;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e5f7f0}.period-picker{background:#e9eef3;border-radius:10px;flex-shrink:0;padding:4px;display:flex}.period-picker button{color:#6d798a;background:0 0;border:0;border-radius:7px;padding:9px 14px;font-size:13px;transition:color .18s,background .18s,transform .18s}.period-picker button:hover{color:#223047}.period-picker button.selected{color:var(--ink);background:#fff;font-weight:700;transform:translateY(-1px);box-shadow:0 2px 7px #19273a14}.period-content{animation:.28s ease-out period-refresh}@keyframes period-refresh{0%{opacity:.35;transform:translateY(5px)}}.reports-heading{justify-content:space-between;align-items:flex-end;margin:0 0 12px;display:flex}.reports-heading h2{margin:0 0 3px;font-size:18px}.reports-heading p{color:#8793a3;margin:0;font-size:13px}.report-badge{color:#118d72;background:#e8f8f5;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.quick-section{margin-bottom:18px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:11px;display:flex}.section-title h2{margin:0 0 3px;font-size:14px}.section-title p{color:#8793a3;margin:0;font-size:10px}.manage-link{color:#079692;background:0 0;border:0;font-size:10px;font-weight:700}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quick-action{color:#263247;text-align:right;background:#ffffffe6;border:1px solid #e5ebf0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px;transition:all .2s;display:flex;box-shadow:0 5px 18px #17263906}.quick-action:hover{border-color:#cfe6e4;transform:translateY(-2px);box-shadow:0 10px 28px #162f3f13}.quick-action>span:nth-child(2){gap:3px;min-width:0;display:grid}.quick-action strong{font-size:11px}.quick-action small{color:#8a96a5;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.quick-action>b{color:#abb5c1;margin-right:auto;font-size:12px}.quick-icon{border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.quick-icon.teal{color:#078f8c;background:#e5f8f7}.quick-icon.blue{color:#3d82cb;background:#eaf3fc}.quick-icon.violet{color:#7960c9;background:#f0ecfb}.quick-icon.amber{color:#c9851c;background:#fff3dc}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:15px;display:grid}.stat-card,.panel{background:#fffffff0;border:1px solid #e1e8eef2;border-radius:18px;box-shadow:0 8px 28px #12253a09}.stat-card{padding:19px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #12253a11}.stat-card:after{content:"";opacity:.7;background:#e8fbfa;border-radius:50%;width:100px;height:100px;position:absolute;top:-62px;left:-38px}.report-card{border-top:3px solid #0000}.report-card.teal{border-top-color:#19b9b4}.report-card.violet{border-top-color:#8066d2}.report-card.blue{border-top-color:#4d91d5}.report-card.amber{border-top-color:#daa044}.report-top{align-items:center;gap:9px;display:flex}.report-top .stat-icon{margin:0}.department-label{color:#68768a;font-size:14px;font-weight:700}.report-top button{color:#8995a5;background:#f4f7f9;border:0;border-radius:8px;width:28px;height:28px;margin-right:auto}.stat-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:15px;font-weight:900;display:grid}.stat-icon.teal{color:#079792;background:#e5faf8}.stat-icon.blue{color:#4388db;background:#eaf3fc}.stat-icon.violet{color:#8164d6;background:#f1edfd}.stat-icon.amber{color:#d7932c;background:#fff5df}.stat-head{color:#68768a;justify-content:space-between;font-size:12px;display:flex}.stat-head button,td button{color:#a0aaba;background:0 0;border:0}.stat-value{direction:rtl;align-items:baseline;gap:7px;margin:8px 0 10px;display:flex}.stat-value strong{letter-spacing:-.02em;font-size:30px}.stat-value span{color:#718096;font-size:13px}.report-card .stat-value{margin:18px 0 14px}.report-detail{color:#8995a5;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.report-detail b{color:#168e73}.progress-track{background:#edf1f4;border-radius:99px;height:5px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#0da7a3,#28c5bf);height:100%;display:block}.report-card.violet .progress-track i{background:#8066d2}.report-card.blue .progress-track i{background:#4d91d5}.report-card.amber .progress-track i{background:#daa044}.change{color:#8a96a6;align-items:center;gap:6px;font-size:10px;display:flex}.change b{border-radius:5px;padding:3px 5px}.change.up b{color:#169462;background:#e7f8f1}.change.down b{color:#3a83ce;background:#eaf3fc}.change.warn b{color:#c17b12;background:#fff3dd}.main-grid{grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:15px;margin-bottom:15px;display:grid}.panel{min-width:0;padding:22px}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-head h2{margin:0 0 5px;font-size:19px}.panel-head p{color:#8692a2;margin:0;font-size:13px}.legend{color:#718096;gap:15px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:3px;width:8px;height:8px}.legend i.income{background:var(--teal)}.legend i.expenses{background:#bcc8d5}.panel-meta{align-items:center;gap:15px;display:flex}.growth-chip{color:#148d64;background:#e9f8f2;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800}.chart-area{direction:ltr;gap:12px;height:230px;margin-top:22px;display:flex}.chart-axis{color:#9aa5b4;direction:rtl;flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:11px;display:flex}.bars{background:repeating-linear-gradient(#edf1f5 0 1px,#0000 1px 46px);flex:1;justify-content:space-around;align-items:flex-end;gap:5px;padding:10px 0 22px;display:flex;position:relative}.bar-group{flex:1;justify-content:center;align-items:flex-end;gap:3px;height:100%;display:flex;position:relative}.bar{border-radius:4px 4px 1px 1px;width:min(13px,28%);transition:all .3s}.income-bar{background:linear-gradient(#17c5c0,#0aa19f)}.expense-bar{background:#c4ced9}.bar-group:hover .bar{filter:brightness(.93);transform-origin:bottom;transform:scaleY(1.03)}.bar-group small{color:#8f9aa9;direction:rtl;font-size:10px;position:absolute;bottom:-20px}.score-panel{flex-direction:column;display:flex}.health-dot{color:#188b67;background:#e8f8f2;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.score-ring{background:conic-gradient(#13b4af 0 88%, #e9eef2 88%);border-radius:50%;place-items:center;width:134px;height:134px;margin:18px auto;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.score-ring div{z-index:1;text-align:center;display:grid}.score-ring strong{font-size:32px;line-height:1}.score-ring span{color:#8a96a5;margin-top:5px;font-size:12px}.score-list{gap:10px;display:grid}.score-list div{color:#657286;justify-content:space-between;align-items:center;font-size:13px;display:flex}.score-list span{align-items:center;gap:7px;display:flex}.score-list i{border-radius:50%;width:7px;height:7px}.teal-dot{background:#18b7b1}.violet-dot{background:#8066d2}.blue-dot{background:#4d91d5}.amber-dot{background:#daa044}.score-list b{color:#273449}.insights-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.insight-card{align-items:center;gap:12px;display:flex}.insight-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.insight-icon.positive{color:#138f72;background:#e7f8f2}.insight-icon.neutral{color:#397fbe;background:#eaf3fb}.insight-icon.attention{color:#c48627;background:#fff3de}.insight-card div{min-width:0}.insight-card small{color:#8d98a7;font-size:11px}.insight-card h3{margin:4px 0;font-size:15px}.insight-card p{color:#8a96a5;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.insight-card>strong{color:#148f70;margin-right:auto;font-size:13px}.insight-card>strong.stable{color:#3d7eb7}.insight-card>strong.review{color:#c48627}.link-button{color:var(--teal-dark);background:0 0;border:0;font-size:11px;font-weight:700}.activity-list{gap:4px;margin-top:18px;display:grid}.activity{border-bottom:1px solid #eff2f5;gap:11px;padding:10px 0;display:flex}.activity:last-child{border:0}.activity-icon{border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.activity-icon.success{color:#159667;background:#e8faf4}.activity-icon.info{color:#3589bd;background:#e8f5fc}.activity-icon.warning{color:#cc871b;background:#fff4df}.activity-icon.violet{color:#8062d1;background:#f1edfd}.activity div{min-width:0}.activity strong{font-size:11px}.activity p{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:10px;overflow:hidden}.activity small{color:#a1aab7;font-size:9px}.invoices-panel{padding-bottom:6px}.outline-button{color:#48566b;background:#fff;border:1px solid #dfe5eb;border-radius:8px;padding:8px 12px;font-size:10px}.outline-button:hover{border-color:var(--teal);color:var(--teal-dark)}.table-wrap{margin-top:13px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{color:#8b97a7;text-align:right;background:#f8fafb;padding:10px;font-size:9px;font-weight:600}td{color:#667386;border-bottom:1px solid #edf1f4;padding:12px 10px;font-size:11px}tbody tr:last-child td{border-bottom:0}td strong{color:#293549}.status{border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status.paid{color:#168d63;background:#e9f8f2}.status.pending{color:#bf7f1d;background:#fff5e2}.status.late{color:#c65a59;background:#fcebea}.toast{color:#fff;z-index:50;background:#12233a;border:1px solid #ffffff26;border-radius:12px;padding:13px 18px;font-size:12px;animation:.25s ease-out toast-in;position:fixed;bottom:24px;left:24px;box-shadow:0 14px 40px #0a1c3047}.backdrop{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=1100px){.quick-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.insights-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:repeat(2,1fr);column-gap:20px}}@media (width<=760px){.sidebar{width:270px;transition:transform .25s;transform:translate(105%)}.sidebar.open{transform:translate(0)}.workspace{width:100%;margin-right:0}.menu-button{display:block}.topbar{gap:10px;height:64px;padding:0 15px}.search{flex:1;width:auto}.search kbd,.branch-button{display:none}.content{padding:22px 15px 40px}.welcome-row{display:block}.welcome-tools{align-items:flex-start;margin-top:18px}.quick-grid{grid-template-columns:1fr 1fr}.stats-grid,.activity-list{grid-template-columns:1fr}.legend{display:none}.panel{padding:16px}.chart-area{height:210px}.backdrop{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050f1c7a;border:0;display:block;position:fixed;inset:0}.toast{text-align:center;bottom:15px;left:15px;right:15px}}@media (width<=460px){.quick-grid{grid-template-columns:1fr}.top-avatar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.hr-content{padding-top:28px}.hr-hero{color:#fff;background:linear-gradient(115deg,#12283b,#11495a 68%,#0c7777);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0c364429}.hr-hero:after{content:"";border:45px solid #46e0d217;border-radius:50%;width:260px;height:260px;position:absolute;top:-105px;left:-60px}.hr-kicker{color:#75e2d9;font-size:12px;font-weight:800}.hr-hero h1{margin:5px 0 4px;font-size:30px}.hr-hero p{color:#bed2db;margin:0;font-size:14px}.hr-hero-actions{z-index:1;gap:9px;display:flex}.hr-primary-button,.hr-ghost-button{border:0;border-radius:11px;min-height:42px;padding:0 16px;font-size:13px;font-weight:800}.hr-primary-button{color:#fff;background:linear-gradient(135deg,#22c9bb,#0ca7a0);box-shadow:0 8px 20px #017a7538}.hr-ghost-button{color:#4f5e70;background:#fff;border:1px solid #dce4ea}.hr-hero .hr-ghost-button{color:#fff;background:#ffffff1a;border-color:#fff3}.hr-tabs{scrollbar-width:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #dfe8ed;border-radius:17px;gap:7px;margin:0 0 16px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 8px 28px #1c34440d}.hr-tabs button{color:#718094;background:0 0;border:1px solid #0000;border-radius:11px;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;min-width:max-content;height:45px;padding:0 12px;font-size:11px;transition:all .2s;display:flex}.hr-tabs button span{color:#8390a0;background:#f0f4f6;border-radius:8px;place-items:center;width:25px;height:25px;font-size:12px;transition:inherit;display:grid}.hr-tabs button b{white-space:nowrap;font-weight:600}.hr-tabs button:hover{color:#176f6b;background:#f5faf9}.hr-tabs button:hover span{color:#078a83;background:#e5f5f3}.hr-tabs button.active{color:#087f79;background:linear-gradient(135deg,#e6f8f5,#f0fbfa);border-color:#c6ebe7;box-shadow:0 5px 14px #0e817917}.hr-tabs button.active span{color:#fff;background:linear-gradient(135deg,#18b5ac,#0c928b);box-shadow:0 5px 10px #0e8b8433}.hr-tabs button.active b{font-weight:900}.hr-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hr-stats article,.hr-stats>button{background:#fff;border:1px solid #e2e9ee;border-radius:17px;align-items:center;gap:13px;padding:18px;display:flex;position:relative;box-shadow:0 8px 25px #11253809}.hr-stat-icon{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.hr-stat-icon.mint{color:#0b9187;background:#e5f8f5}.hr-stat-icon.blue{color:#3f83c5;background:#eaf3fc}.hr-stat-icon.purple{color:#7d62ce;background:#f0ecfb}.hr-stat-icon.orange{color:#c8882b;background:#fff2dd}.hr-stats article>div,.hr-stats>button>div{gap:2px;display:grid}.hr-stats>button{text-align:right;width:100%;color:inherit;cursor:pointer;font-family:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.hr-stats>button:hover{border-color:#a8dcd7;transform:translateY(-3px);box-shadow:0 14px 30px #115c591a}.hr-stats>button>i{color:#8ba0ab;margin-right:auto;font-size:15px;font-style:normal}.hr-stats>button.dismissed-stat{background:linear-gradient(145deg,#fff,#fff9f9);border-color:#f0d4d6}.hr-stats>button.dismissed-stat:hover{border-color:#df9298}.hr-stat-icon.red{color:#bd4e58;background:#ffe9ea}.hr-stats small{color:#8290a1;font-size:11px}.hr-stats strong{color:#1d2a3d;font-size:25px}.hr-stats p{color:#8d99a8;margin:0;font-size:10px}.hr-stats p b{color:#14916f}.hr-section-head{margin:24px 0 12px}.hr-section-head h2{margin:0 0 3px;font-size:18px}.hr-section-head p{color:#8592a2;margin:0;font-size:12px}.hr-modules-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.hr-module-card{text-align:right;color:#223044;background:#fffffff0;border:1px solid #e1e8ed;border-radius:17px;align-items:flex-start;gap:12px;min-height:130px;padding:17px;transition:all .2s;display:flex;box-shadow:0 7px 24px #10243708}.hr-module-card:hover{border-color:#bfdfdc;transform:translateY(-3px);box-shadow:0 13px 30px #0e374414}.hr-module-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.hr-module-icon.mint{color:#0d9187;background:#e5f8f5}.hr-module-icon.blue{color:#3d82c6;background:#e9f3fc}.hr-module-icon.purple{color:#7c61cf;background:#f1edfc}.hr-module-icon.orange{color:#c78529;background:#fff2de}.hr-module-icon.green{color:#278d55;background:#e9f8ee}.hr-module-icon.cyan{color:#208ca6;background:#e5f7fb}.hr-module-icon.pink{color:#bb5e88;background:#fbeaf2}.hr-module-icon.indigo{color:#5f69c5;background:#eceefd}.hr-module-card div{min-width:0}.hr-module-card h3{margin:1px 0 5px;font-size:14px}.hr-module-card p{color:#8190a2;margin:0 0 8px;font-size:11px;line-height:1.6}.hr-module-card small{color:#0b8b84;font-size:10px;font-weight:800}.hr-module-card>b{color:#a6b2bf;margin-right:auto}.hr-bottom-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.hr-text-button{color:#088c87;background:0 0;border:0;font-size:11px;font-weight:800}.workforce-row{color:#697789;grid-template-columns:100px 1fr 24px;align-items:center;gap:10px;margin-top:17px;font-size:12px;display:grid}.workforce-row>div{background:#edf2f4;border-radius:99px;height:7px;overflow:hidden}.workforce-row i{border-radius:inherit;background:linear-gradient(90deg,#0fa7a2,#26c4bb);height:100%;display:block}.workforce-row b{color:#273549}.request-row{border-bottom:1px solid #edf1f4;align-items:center;gap:10px;padding:12px 0;display:flex}.request-row:last-child{border:0}.mini-avatar{color:#0b8982;background:#e8f5f3;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.request-row div{min-width:0}.request-row strong{font-size:12px}.request-row p{color:#8693a2;margin:3px 0 0;font-size:10px}.request-row button{color:#158766;background:#e7f7f1;border:0;border-radius:8px;margin-right:auto;padding:7px 10px;font-size:10px;font-weight:800}.empty-state{color:#168a68;place-items:center;min-height:180px;display:grid}.employees-directory{background:linear-gradient(145deg,#fffffffa,#f8fcfdf2);border:1px solid #e1e9ee;border-radius:24px;padding:26px;box-shadow:0 18px 45px #223d4e12}.directory-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.directory-kicker{color:#0b9189;margin-bottom:7px;font-size:11px;font-weight:800;display:inline-block}.directory-head h2{color:#172439;margin:0 0 6px;font-size:24px}.directory-head p{color:#8290a1;margin:0;font-size:13px}.directory-count{text-align:center;background:#edf9f7;border:1px solid #d7eeeb;border-radius:16px;min-width:118px;padding:13px 17px}.directory-count strong{color:#087f79;font-size:23px;display:block}.directory-count span{color:#63817f;font-size:10px}.directory-controls{background:#f5f8fa;border:1px solid #e4ebef;border-radius:16px;align-items:center;gap:10px;margin-bottom:22px;padding:10px;display:flex}.employee-search{color:#7d8b9c;background:#fff;border:1px solid #0000;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:320px;height:44px;padding:0 13px;display:flex;box-shadow:0 3px 12px #1d33410a}.employee-search:focus-within{border-color:#67cfc7;box-shadow:0 0 0 3px #14b8ae1a}.employee-search input{color:#243247;background:0 0;border:0;outline:0;width:100%;font-size:13px}.department-filter{color:#8491a1;background:#fff;border-radius:11px;align-items:center;gap:8px;height:44px;padding:0 13px;font-size:11px;display:flex}.department-filter select{color:#26364b;font:inherit;background:0 0;border:0;outline:0;font-weight:700}.filter-button{color:#087f79;background:#e5f5f3;border:0;border-radius:11px;height:44px;padding:0 16px;font-size:11px;font-weight:800}.employee-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.employee-card{background:#fff;border:1px solid #e4ebef;border-radius:19px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px #1e36450b}.employee-card:before{content:"";opacity:0;background:linear-gradient(90deg,#16b8ae,#65d6ce);height:3px;transition:opacity .2s;position:absolute;inset:0 0 auto}.employee-card:hover{border-color:#cde8e5;transform:translateY(-4px);box-shadow:0 16px 32px #175f5c1a}.employee-card:hover:before{opacity:1}.employee-card-top{justify-content:space-between;align-items:flex-start;display:flex}.employee-card-top>button{color:#a1adba;letter-spacing:2px;background:0 0;border:0}.employee-avatar{color:#087f79;background:linear-gradient(145deg,#dff7f4,#c5eee9);border-radius:17px;place-items:center;width:52px;height:52px;font-size:19px;font-weight:900;display:grid;position:relative}.employee-avatar i{background:#21b789;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;left:-2px}.employee-avatar.avatar-1{color:#526bc0;background:linear-gradient(145deg,#e8edff,#d8e1ff)}.employee-avatar.avatar-2{color:#b37118;background:linear-gradient(145deg,#fff1de,#ffe3ba)}.employee-avatar.avatar-3{color:#7457bd;background:linear-gradient(145deg,#efe8ff,#e2d7ff)}.employee-identity{margin:15px 0}.employee-identity h3{color:#1e2b3e;margin:0 0 5px;font-size:15px}.employee-identity p{color:#748397;margin:0;font-size:11px}.employee-meta{border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;gap:8px;padding:13px 0;display:grid}.employee-meta span{color:#7e8c9d;direction:rtl;align-items:center;gap:7px;font-size:10px;display:flex}.employee-meta i{color:#18a69e;text-align:center;width:20px;font-style:normal}.employee-card-foot{justify-content:space-between;align-items:center;gap:8px;padding-top:14px;display:flex}.employee-status{color:#168866;background:#e8f8f2;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.employee-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.employee-status.leave{color:#b8781d;background:#fff2dd}.row-action{color:#078a85;background:0 0;border:0;font-size:10px;font-weight:800}.row-action b{margin-right:4px}.directory-empty{text-align:center;color:#8492a2;grid-column:1/-1;padding:55px}.directory-empty>span{color:#0b9189;background:#edf7f6;border-radius:16px;place-items:center;width:50px;height:50px;margin:0 auto 12px;font-size:22px;display:grid}.directory-empty strong{color:#26364a;display:block}.directory-empty p{font-size:11px}.employee-presence{color:#168265;background:#e8f7f2;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.employee-presence i{background:currentColor;border-radius:50%;width:6px;height:6px}.employee-presence.leave{color:#aa701c;background:#fff3df}.employee-presence.inactive,.employee-status.inactive{color:#ba4e57;background:#ffe9ea}.employee-card:has(.employee-presence.inactive){background:linear-gradient(145deg,#fff,snow);border-color:#efd7d9}.hr-detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px;display:grid}.hr-detail-stats{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.hr-detail-stats article{background:#fff;border:1px solid #e2e9ee;border-radius:16px;gap:8px;padding:18px;display:grid}.hr-detail-stats small{color:#8592a2;font-size:10px}.hr-detail-stats strong{font-size:19px}.feature-list{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.feature-list button{text-align:right;color:#263449;background:#fafcfc;border:1px solid #e5eaee;border-radius:13px;align-items:center;gap:11px;padding:14px;display:flex}.feature-list button>span{color:#0a8c84;background:#e5f7f5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.feature-list button div{gap:3px;display:grid}.feature-list strong{font-size:12px}.feature-list small{color:#8995a4;font-size:9px}.feature-list button>b{color:#a5b0bd;margin-right:auto}.hr-side-summary h2{margin:0;font-size:17px}.summary-visual{text-align:center;border:12px solid #dff4f1;border-top-color:#14afa7;border-radius:50%;place-items:center;width:140px;height:140px;margin:24px auto;display:grid}.summary-visual strong{font-size:28px}.summary-visual span{color:#8491a0;font-size:9px}.hr-side-summary p{color:#748295;text-align:center;font-size:11px;line-height:1.8}.hr-side-summary .hr-primary-button{width:100%;margin-top:12px}.hr-modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0814228a;border:0;position:absolute;inset:0}.hr-modal{z-index:1;background:#fff;border-radius:20px;gap:15px;width:min(460px,100%);padding:22px;display:grid;box-shadow:0 30px 80px #0818294d}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{margin:0 0 4px;font-size:20px}.modal-head p{color:#8491a1;margin:0;font-size:11px}.modal-head button{color:#6a7889;background:#f1f4f6;border:0;border-radius:10px;width:34px;height:34px;font-size:20px}.hr-modal label{color:#526174;gap:6px;font-size:12px;font-weight:700;display:grid}.hr-modal input,.hr-modal select,.hr-modal textarea{color:#263448;height:43px;font:inherit;background:#fbfcfd;border:1px solid #dce4ea;border-radius:10px;outline:0;padding:0 11px}.hr-modal textarea{resize:vertical;height:92px;padding:11px}.hr-modal input:focus,.hr-modal select:focus,.hr-modal textarea:focus{border-color:#26b9b1;box-shadow:0 0 0 3px #e5f7f5}.modal-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.profile-label{color:#0b9189;margin-bottom:5px;font-size:10px;font-weight:800;display:inline-block}.profile-hero{background:linear-gradient(135deg,#edf9f7,#f7fbfc);border-radius:15px;align-items:center;gap:14px;padding:17px;display:flex}.profile-hero>span{color:#087f79;background:#d3f1ed;border-radius:17px;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.profile-hero strong{font-size:14px}.profile-hero p{color:#748396;margin:5px 0 0;font-size:11px}.profile-data{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-data div{background:#fbfcfd;border:1px solid #e7edf0;border-radius:12px;gap:5px;padding:13px;display:grid}.profile-data small{color:#8a97a6;font-size:9px}.profile-data strong{color:#2b394c;font-size:11px}.action-modal{width:min(500px,100%)}.hr-toast{z-index:120;color:#177b61;background:#f0fbf7;border:1px solid #c9e9df;border-radius:13px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;font-weight:800;animation:.25s toast-in;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 18px 45px #12473b29}.hr-toast span{color:#fff;background:#23ad84;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.employee-form-modal{grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;width:min(860px,100%);height:min(92vh,860px);max-height:92vh;padding:0;overflow:hidden}.employee-form-head{background:linear-gradient(135deg,#fff,#f7fbfb);border-bottom:1px solid #e8eef1;padding:22px 24px 17px}.form-progress{background:#fbfcfd;border-bottom:1px solid #e8eef1;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 24px;display:grid}.form-progress span{color:#8996a5;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.form-progress i{color:#778697;background:#edf1f3;border-radius:8px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.form-progress span.active{color:#087f79}.form-progress span.active i{color:#087f79;background:#dff5f2}.employee-form-scroll{overscroll-behavior:contain;scrollbar-color:#b9d8d5 transparent;gap:15px;min-height:0;padding:20px 24px;display:grid;overflow-y:auto}.employee-form-scroll:after{content:"نهاية النموذج";text-align:center;color:#9aa6b3;padding:4px;font-size:9px;display:block}.employee-form-section{background:#fff;border:1px solid #e2e9ed;border-radius:16px;margin:0;padding:16px}.employee-form-section legend{color:#26364a;align-items:center;gap:9px;padding:0 7px;display:flex}.employee-form-section legend>i{color:#098b84;background:#e7f7f5;border-radius:10px;place-items:center;width:33px;height:33px;font-style:normal;display:grid}.employee-form-section legend span{gap:2px;font-size:12px;font-weight:800;display:grid}.employee-form-section legend small{color:#8996a5;font-size:9px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px;margin-top:9px;display:grid}.form-grid .wide-field{grid-column:1/-1}.form-grid label b{color:#e05d62}.input-unit{position:relative}.input-unit input{width:100%;padding-left:48px}.input-unit span{color:#768597;border-right:1px solid #e0e7eb;padding-right:9px;font-size:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.compact-section{padding-bottom:15px}.document-upload{text-align:center;cursor:pointer;border:1px dashed #bcdedb;border-radius:13px;justify-content:center;align-items:center;min-height:82px;background:#f5fbfa!important;gap:7px!important;display:flex!important}.document-upload input{display:none}.document-upload>span{color:#07857f;background:#dff5f2;border-radius:9px;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.document-upload strong{color:#3b4b5f;font-size:11px}.document-upload small{color:#8a97a5;font-size:9px}.employee-form-footer{background:#fff;border-top:1px solid #e3eaee;justify-content:space-between;align-items:center;gap:16px;padding:15px 24px;display:flex;box-shadow:0 -8px 22px #1d303d0a}.employee-form-footer>span{color:#8a97a5;align-items:center;gap:7px;font-size:9px;display:flex}.employee-form-footer>span i{background:#18afa6;border-radius:50%;width:6px;height:6px}.form-progress button{color:#8996a5;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:6px 8px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex}.form-progress button:hover{color:#087f79;background:#f0f7f6}.form-progress button.active{color:#087f79;background:#eaf8f6;box-shadow:inset 0 0 0 1px #ccebe8}.form-progress button.active i,.form-progress button.complete i{color:#fff;background:#17aaa1}.form-progress button.complete{color:#3f746f}.employee-form-step{display:none}.employee-form-step.active{animation:.2s employee-step-in;display:block}@keyframes employee-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.custom-nationality-field{background:#f1fbfa;border:1px solid #bfe5e1;border-radius:13px;padding:11px}.custom-nationality-field input{background:#fff!important;border-color:#92d6d0!important}.custom-nationality-field:focus-within{border-color:#13aaa1;box-shadow:0 0 0 3px #13aaa114}.birth-date-field{align-content:start;gap:8px;display:grid}.birth-date-field>span{color:#435568;font-size:10px;font-weight:800}.birth-date-field>span b{color:#e05d62}.birth-date-field>div{grid-template-columns:.7fr 1.35fr 1fr;gap:8px;display:grid}.birth-date-field label{gap:5px;display:grid;color:#81909d!important;font-size:8px!important}.birth-date-field select,.birth-date-field input{width:100%}@media (width<=600px){.birth-date-field>div{grid-template-columns:1fr 1.4fr 1fr}}.structured-date-input{direction:rtl;grid-template-columns:.72fr 1.35fr 1fr;gap:8px;width:100%;display:grid}.structured-date-input select,.structured-date-input>input:not([type=hidden]){width:100%;min-width:0}.structured-date-input input[type=hidden]{display:none}@media (width<=600px){.structured-date-input{grid-template-columns:.8fr 1.45fr 1fr;gap:6px}.form-progress{gap:4px}.form-progress button{justify-content:center;padding:6px 3px;font-size:0}.form-progress button i{font-size:10px}}.employee-profile-modal{grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;width:min(720px,100%);height:min(92vh,790px);max-height:92vh;padding:0;overflow:hidden}.profile-cover{color:#fff;background:linear-gradient(135deg,#0e3443,#0b766f);padding:22px 24px 20px}.profile-cover .profile-label{color:#76e3d9}.profile-cover .modal-head h2{font-size:24px}.profile-cover .modal-head p{color:#b9d1d5}.profile-cover .modal-head button{color:#fff;background:#ffffff1f}.profile-cover .profile-hero{background:0 0;justify-content:space-between;margin-top:17px;padding:0}.profile-cover .profile-hero strong{font-size:15px}.profile-cover .profile-hero p{color:#c3d8db}.profile-cover-actions{align-items:center;gap:8px;display:flex}.profile-cover-actions>button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9px;height:32px;padding:0 11px;font-size:10px;font-weight:800}.profile-status{color:#89efce;background:#5de0b829;border-radius:999px;padding:7px 11px;font-size:10px}.profile-status.leave{color:#ffd38f;background:#ffc46926}.profile-quick-stats{background:#f8fafb;border-bottom:1px solid #e6ecef;grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding:15px 24px;display:grid}.profile-quick-stats>div{background:#fff;border-radius:12px;gap:5px;padding:11px 13px;display:grid}.profile-quick-stats small{color:#8996a5;font-size:9px}.profile-quick-stats strong{color:#243449;font-size:13px}.profile-quick-stats>div>i{background:#e5eeef;border-radius:99px;height:4px;overflow:hidden}.profile-quick-stats>div>i b{border-radius:inherit;background:#16b3aa;height:100%;display:block}.profile-details-scroll{overscroll-behavior:contain;scrollbar-color:#b9d8d5 transparent;gap:15px;min-height:0;padding:18px 24px;display:grid;overflow-y:auto}.profile-section{border:1px solid #e4eaee;border-radius:15px;padding:15px}.profile-section-title{align-items:center;gap:9px;margin-bottom:12px;display:flex}.profile-section-title>span{color:#088a83;background:#e8f7f5;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.profile-section-title h3{margin:0 0 2px;font-size:12px}.profile-section-title p{color:#8c98a6;margin:0;font-size:9px}.profile-data{grid-template-columns:repeat(2,1fr)}.profile-data div{background:#f7f9fa;border:0;padding:11px}.profile-documents{grid-template-columns:1fr 1fr;gap:9px;display:grid}.profile-documents button{text-align:right;background:#fbfcfd;border:1px solid #e3e9ed;border-radius:11px;align-items:center;gap:9px;padding:11px;display:flex}.profile-documents button>span{color:#be5551;background:#ffe8e7;border-radius:8px;place-items:center;width:32px;height:36px;font-size:8px;font-weight:900;display:grid}.profile-documents button div{gap:3px;display:grid}.profile-documents strong{font-size:10px}.profile-documents small{color:#8b97a5;font-size:8px}.profile-documents button>b{color:#098b84;margin-right:auto;font-size:9px}.employee-profile-modal>.modal-actions{background:#fff;border-top:1px solid #e4eaee;padding:15px 24px}.edit-employee-modal{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(880px,100vw - 36px);height:min(90vh,820px);max-height:90vh;padding:0;overflow:hidden}.edit-employee-modal>.modal-head{background:linear-gradient(135deg,#f8fcfb,#fff);border-bottom:1px solid #e3ebee;padding:22px 26px 18px}.edit-employee-modal>.modal-head h2{color:#172a3b;font-size:23px}.edit-employee-modal>.modal-head p{margin-top:4px;font-size:10px}.edit-form-grid{overscroll-behavior:contain;scrollbar-color:#b9d8d5 transparent;background:#fbfcfd;grid-template-columns:1fr 1fr;align-content:start;gap:16px;padding:22px 26px;display:grid;overflow-y:auto}.edit-form-grid .wide-field{grid-column:1/-1}.edit-employee-modal .edit-form-grid label{color:#435568;gap:8px;font-size:11px}.edit-employee-modal .edit-form-grid input,.edit-employee-modal .edit-form-grid select{background:#fff;border-color:#d6e2e6;border-radius:11px;height:47px}.edit-employee-modal .edit-form-grid textarea{background:#fff;border-color:#d6e2e6;border-radius:11px;min-height:105px}.edit-employee-modal>.modal-actions{background:#fff;border-top:1px solid #e1e9ec;margin:0;padding:16px 26px;box-shadow:0 -8px 24px #1834440d}.edit-employee-modal>.modal-actions button{min-width:130px;min-height:43px}.attendance-summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.attendance-summary-grid article{background:#fff;border:1px solid #e0e8ed;border-radius:17px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 8px 24px #152c3c0a}.attendance-summary-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.attendance-summary-icon.present{color:#198966;background:#e7f7f1}.attendance-summary-icon.late{color:#bc7b22;background:#fff2dc}.attendance-summary-icon.absent{color:#c95a61;background:#ffeaeb}.attendance-summary-icon.mobile{color:#4c78bd;background:#e8f0fc}.attendance-summary-grid article>div{gap:2px;display:grid}.attendance-summary-grid small{color:#8794a4;font-size:9px}.attendance-summary-grid strong{font-size:21px}.attendance-summary-grid p{color:#8895a4;margin:0;font-size:9px}.attendance-summary-grid article>b{color:#13877b;background:#edf8f6;border-radius:8px;margin-right:auto;padding:5px 8px;font-size:8px}.attendance-layout{grid-template-columns:minmax(0,1fr) 275px;gap:15px;display:grid}.attendance-main{padding:0;overflow:hidden}.attendance-head{border-bottom:1px solid #e7edf0;justify-content:space-between;align-items:center;gap:14px;padding:19px 20px;display:flex}.attendance-head h2{margin:0 0 3px;font-size:17px}.attendance-head p{color:#8794a4;margin:0;font-size:9px}.attendance-head>div:last-child{gap:8px;display:flex}.attendance-filters{background:#f7f9fa;border-bottom:1px solid #e6ecef;gap:9px;padding:11px 16px;display:flex}.attendance-filters .employee-search{min-width:220px;height:40px}.attendance-date{color:#8491a0;background:#fff;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 10px;font-size:9px;display:flex}.attendance-date input{color:#314055;font:inherit;background:0 0;border:0;outline:0}.attendance-table-wrap{overflow:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:960px}.attendance-table th{color:#8b98a7;text-align:right;background:#fbfcfd;padding:11px 13px;font-size:9px}.attendance-table td{color:#526176;border-top:1px solid #edf1f3;padding:13px;font-size:10px}.attendance-table td>strong{color:#26364a;font-size:10px;display:block}.attendance-table td>small{color:#929eab;margin-top:4px;font-size:8px;display:block}.attendance-source{color:#147e77;background:#e9f6f4;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:800;display:inline-flex}.attendance-source.app{color:#4b70ad;background:#eaf1fc}.attendance-source.none{color:#8894a2;background:#f1f3f5}.attendance-source i{font-style:normal}.attendance-status{color:#168765;white-space:nowrap;background:#e7f7f1;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.attendance-status.late{color:#b9781f;background:#fff1dc}.attendance-status.absent{color:#c5535a;background:#ffe8e9}.attendance-side{align-content:start;gap:15px;display:grid}.device-panel .online-badge{color:#198665;background:#e7f7f1;border-radius:8px;padding:5px 8px;font-size:8px}.device-panel>button{text-align:right;background:0 0;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:8px;width:100%;padding:11px 0;display:flex}.device-panel>button>span{color:#0b8881;background:#e8f7f5;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.device-panel>button div{gap:3px;display:grid}.device-panel>button strong{font-size:9px}.device-panel>button small{color:#8c98a5;font-size:8px}.device-panel>button>b{color:#188664;margin-right:auto;font-size:8px}.source-chart h2{margin:0 0 15px;font-size:14px}.source-chart>div{background:#edf1f3;border-radius:99px;height:10px;display:flex;overflow:hidden}.source-chart>div span{background:#16b2aa}.source-chart>div i{background:#6689c3}.source-chart p{color:#647286;justify-content:space-between;font-size:8px;display:flex}.source-chart p b:first-child{color:#118a83}.source-chart p b:last-child{color:#5578b2}.source-chart>small{color:#7c8998;background:#f4f7f9;border-radius:9px;padding:10px;font-size:8px;line-height:1.6;display:block}.attendance-summary-grid button{text-align:right;background:#fff;border:1px solid #e0e8ed;border-radius:17px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 8px 24px #152c3c0a}.attendance-summary-grid button:hover,.attendance-summary-grid button.active{border-color:#8ed5cf;transform:translateY(-2px);box-shadow:0 13px 30px #106f681a}.attendance-summary-grid button>div{gap:2px;display:grid}.attendance-summary-grid button>b{color:#13877b;background:#edf8f6;border-radius:8px;margin-right:auto;padding:5px 8px;font-size:8px}.clear-attendance-filter{color:#bc555b;background:#ffeded;border:0;border-radius:9px;padding:0 10px;font-size:9px}.attendance-row-button{color:#087f79;background:#e8f6f4;border:0;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:800}.source-chart>div button{border:0;height:100%}.source-chart>div button:first-child{background:#16b2aa}.source-chart>div button:last-child{background:#6689c3}.attendance-detail-modal{width:min(560px,100%)}.attendance-detail-route{text-align:center;background:#f3f9f8;border-radius:14px;grid-template-columns:1fr 80px 1fr;align-items:center;padding:16px;display:grid}.attendance-detail-route div{gap:4px;display:grid}.attendance-detail-route small{color:#8291a0;font-size:9px}.attendance-detail-route strong{font-size:20px}.attendance-detail-route>span{background:#bfe4e0;height:3px;position:relative}.attendance-detail-route>span i{background:#15aaa2;border:3px solid #e1f5f2;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wide-attendance-detail{grid-column:1/-1}.attendance-verification,.leave-balance-note{color:#237d63;background:#eaf8f3;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.attendance-verification>span,.leave-balance-note>span{background:#cceee1;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.attendance-verification strong,.leave-balance-note strong{font-size:10px}.attendance-verification p,.leave-balance-note p{margin:3px 0 0;font-size:8px}.leave-summary,.recruitment-summary,.performance-summary{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.leave-summary article,.recruitment-summary article,.performance-summary>article{background:#fff;border:1px solid #e0e8ed;border-radius:17px;align-items:center;gap:11px;padding:16px;display:flex}.leave-icon,.recruitment-summary article>span,.performance-summary article>span{color:#128b83;background:#e7f7f4;border-radius:12px;place-items:center;width:41px;height:41px;font-size:17px;display:grid}.leave-icon.pending{color:#bb7920;background:#fff1dc}.leave-icon.away{color:#5278b6;background:#e9f0fc}.leave-icon.approved{color:#258761;background:#e8f7ef}.leave-summary article div,.recruitment-summary article div,.performance-summary article div{gap:2px;display:grid}.leave-summary small,.recruitment-summary small,.performance-summary small{color:#8794a4;font-size:9px}.leave-summary strong,.recruitment-summary strong,.performance-summary strong{font-size:19px}.leave-summary p,.recruitment-summary p,.performance-summary p{color:#8794a4;margin:0;font-size:8px}.leave-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px;display:grid}.leave-main{padding:0;overflow:hidden}.leave-head,.recruitment-head,.performance-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:19px 20px;display:flex}.leave-head h2,.recruitment-head h2,.performance-toolbar h2{margin:0 0 3px;font-size:18px}.leave-head p,.recruitment-head p,.performance-toolbar p{color:#8794a4;margin:0;font-size:9px}.leave-filter-tabs,.performance-tabs{background:#f8fafb;border-block:1px solid #e7edf0;gap:7px;padding:10px 16px;display:flex}.leave-filter-tabs button,.performance-tabs button{color:#718094;background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:9px}.leave-filter-tabs button span{background:#e9eef1;border-radius:5px;margin-right:6px;padding:2px 5px}.leave-filter-tabs button.active,.performance-tabs button.active{color:#087f79;background:#e3f5f2;font-weight:800}.leave-list{padding:10px 16px}.leave-request-card{border-bottom:1px solid #edf1f3;grid-template-columns:1.1fr 1.5fr .7fr 1fr;align-items:center;gap:12px;padding:13px;display:grid}.leave-person{align-items:center;gap:8px;display:flex}.leave-person>span{color:#087f79;background:#e7f7f4;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.leave-person div,.leave-type,.leave-days{gap:3px;display:grid}.leave-request-card strong{font-size:10px}.leave-request-card small,.leave-request-card .leave-days span{color:#8b97a5;font-size:8px}.leave-type>span{color:#218778;font-size:9px}.leave-state{justify-items:end;gap:7px;display:grid}.leave-status{color:#b77820;background:#fff1dc;border-radius:999px;padding:5px 8px;font-size:8px}.leave-status.approved{color:#198463;background:#e8f7f0}.leave-status.rejected{color:#c4555c;background:#ffe9ea}.leave-state>div{gap:5px;display:flex}.leave-state button{color:#087f79;background:#e5f5f2;border:0;border-radius:7px;padding:6px 8px;font-size:8px}.leave-state button:first-child{color:#b95157;background:#ffeded}.leave-side{align-content:start;gap:15px;display:grid}.leave-calendar .panel-head button{color:#148b84;background:0 0;border:0}.calendar-days,.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-days b{color:#8c98a5;font-size:8px}.calendar-grid span{color:#536276;border-radius:7px;place-items:center;height:27px;font-size:8px;display:grid}.calendar-grid span.has-leave{color:#087e78;background:#e4f5f2;font-weight:800}.calendar-grid span.today{color:#fff;background:#0fa29a}.calendar-legend{color:#82909f;gap:10px;margin-top:10px;font-size:8px;display:flex}.calendar-legend span{align-items:center;gap:4px;display:flex}.calendar-legend i{background:#dff3f0;border-radius:2px;width:7px;height:7px}.calendar-legend span:last-child i{background:#0fa29a}.leave-policy h2{margin:0 0 13px;font-size:14px}.leave-policy div{border-bottom:1px solid #edf1f3;justify-content:space-between;padding:9px 0;font-size:9px;display:flex}.leave-policy div span{color:#82909f}.leave-policy button{color:#07867f;background:0 0;border:0;width:100%;margin-top:12px;font-size:9px;font-weight:800}.payroll-summary{grid-template-columns:1.4fr repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.payroll-summary article{background:#fff;border:1px solid #e0e8ed;border-radius:17px;align-items:center;gap:11px;padding:17px;display:flex}.payroll-summary .payroll-total{color:#fff;background:linear-gradient(135deg,#123848,#0b766f);border:0;gap:4px;display:grid}.payroll-summary small{color:#8493a3;font-size:9px}.payroll-total small,.payroll-total p{color:#c2d7da}.payroll-summary strong{font-size:18px}.payroll-summary strong i{font-size:9px}.payroll-summary p{color:#8492a2;margin:0;font-size:8px}.payroll-summary article>span{color:#0d8982;background:#e8f6f4;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.payroll-summary article>div{gap:3px;display:grid}.payroll-main{padding:0;overflow:hidden}.payroll-head{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.payroll-head h2{margin:0 0 3px;font-size:18px}.payroll-head p{color:#8492a2;margin:0;font-size:9px}.payroll-head>div:last-child{gap:7px;display:flex}.payroll-head select{color:#536175;background:#fff;border:1px solid #dce5ea;border-radius:10px;padding:0 10px;font-size:9px}.payroll-progress{background:#f8fafb;border-block:1px solid #e5ebef;padding:12px 18px}.payroll-progress>div{justify-content:space-between;font-size:9px;display:flex}.payroll-progress>i{background:#e3eaed;border-radius:99px;height:6px;margin:8px 0;display:block;overflow:hidden}.payroll-progress>i b{background:linear-gradient(90deg,#11aaa2,#39c6bb);width:89%;height:100%;display:block}.payroll-progress p{color:#758395;gap:18px;margin:0;font-size:8px;display:flex}.payroll-table-wrap{overflow:auto}.payroll-table{border-collapse:collapse;width:100%;min-width:980px}.payroll-table th,.payroll-table td{text-align:right;border-bottom:1px solid #edf1f3;padding:12px;font-size:9px}.payroll-table th{color:#8794a4;background:#fbfcfd}.payroll-table td>strong,.payroll-table td>small{display:block}.payroll-table td>small{color:#8c98a6;font-size:8px}.payroll-table .positive{color:#198566}.payroll-table .negative{color:#bf5a60}.payroll-status{color:#5575ac;background:#eaf1fc;border-radius:999px;padding:5px 7px;font-size:8px}.payroll-status.approved{color:#188463;background:#e7f7ef}.payroll-status.review{color:#b6761d;background:#fff1dc}.payroll-table td>button{color:#087f79;background:#e5f5f2;border:0;border-radius:7px;padding:6px 8px;font-size:8px}.payroll-run-checks{gap:8px;display:grid}.payroll-run-checks div{color:#287b64;background:#edf8f4;border-radius:10px;align-items:center;gap:8px;padding:11px;font-size:9px;display:flex}.recruitment-head,.performance-toolbar{padding-inline:0}.recruitment-head>div:last-child,.performance-toolbar>div:last-child{gap:8px;display:flex}.vacancy-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px;display:grid}.vacancy-strip button{text-align:right;background:#fff;border:1px solid #e1e8ed;border-radius:15px;gap:5px;padding:15px;display:grid;position:relative}.vacancy-strip span{color:#16876e;font-size:8px}.vacancy-strip strong{font-size:12px}.vacancy-strip small{color:#8794a4;font-size:8px}.vacancy-strip b{color:#9ba7b4;position:absolute;top:50%;left:14px}.ats-board{grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.ats-board>section{background:#f5f8f9;border:1px solid #e1e8ed;border-radius:15px;padding:10px}.ats-board header{justify-content:space-between;align-items:center;padding:3px 3px 10px;display:flex}.ats-board h3{margin:0;font-size:10px}.ats-board header span{color:#637286;background:#e4ecef;border-radius:6px;padding:3px 6px;font-size:8px}.ats-board article{background:#fff;border:1px solid #e2e8ec;border-radius:12px;margin-bottom:8px;padding:12px;box-shadow:0 5px 15px #172d3c0a}.ats-board article>div{justify-content:space-between;display:flex}.ats-board article>div span{color:#087f79;background:#e5f5f2;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.ats-board article>div b{color:#15866d;font-size:9px}.ats-board h4{margin:9px 0 3px;font-size:10px}.ats-board p{color:#69778a;margin:0;font-size:9px}.ats-board small{color:#8c98a5;margin:8px 0;font-size:7px;display:block}.ats-board article button,.add-candidate{color:#087f79;background:#edf7f5;border:0;border-radius:7px;width:100%;padding:7px;font-size:8px}.add-candidate{color:#728192;background:0 0;border:1px dashed #cbd9dc}.performance-score{color:#fff;gap:8px;background:linear-gradient(135deg,#123a49,#0b746d)!important;display:grid!important}.performance-score small,.performance-score p{color:#c2d7da!important}.performance-score>span{overflow:hidden;background:#fff3!important;border-radius:99px!important;width:100%!important;height:6px!important}.performance-score>span i{background:#58d8cb;height:100%;display:block}.performance-tabs{background:#fff;border:1px solid #e2e9ed;border-radius:12px;margin-bottom:14px}.goals-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.goals-grid>article{background:#fff;border:1px solid #e1e8ed;border-radius:16px;padding:16px}.goal-person{align-items:center;gap:8px;display:flex}.goal-person>span{color:#087f79;background:#e6f6f3;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.goal-person div{gap:2px;display:grid}.goal-person small{color:#8794a4;font-size:8px}.goal-person>b{color:#68778a;background:#eef2f5;border-radius:7px;margin-right:auto;padding:5px 7px;font-size:8px}.goals-grid h3{min-height:38px;margin:14px 0 10px;font-size:12px}.goal-progress-head{color:#758397;justify-content:space-between;font-size:8px;display:flex}.goal-progress{background:#e7edef;border-radius:99px;height:7px;margin:6px 0 12px;overflow:hidden}.goals-grid footer{align-items:center;gap:8px;display:flex}.goals-grid footer span{color:#b67820;background:#fff1dc;border-radius:7px;padding:5px 7px;font-size:8px}.goals-grid footer span.on-track{color:#188365;background:#e6f7ef}.goals-grid footer small{color:#8794a4;font-size:8px}.goals-grid footer button{color:#087f79;background:0 0;border:0;margin-right:auto;font-size:8px;font-weight:800}.reviews-grid{grid-template-columns:280px 1fr;gap:13px;display:grid}.reviews-grid>article:first-child{text-align:center}.review-ring{border:10px solid #dcf3f0;border-top-color:#14aaa2;border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 12px;display:grid}.review-ring strong{font-size:22px}.review-ring span{color:#8794a4;font-size:8px}.reviews-grid h3{font-size:13px}.reviews-grid p{color:#82909f;font-size:9px}.reviews-grid>article:first-child button{color:#087f79;background:0 0;border:0;font-size:9px;font-weight:800}.review-list>div:not(.panel-head){border-bottom:1px solid #edf1f3;align-items:center;gap:8px;padding:10px 0;display:flex}.review-list>div>span{color:#087f79;background:#e6f6f3;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.review-list>div>small{color:#8794a4;font-size:8px}.review-list>div>button{color:#087f79;background:#e5f5f2;border:0;border-radius:7px;margin-right:auto;padding:6px 8px;font-size:8px}.training-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.training-grid article{background:#fff;border:1px solid #e1e8ed;border-radius:15px;gap:12px;padding:16px;display:flex}.training-grid article>span{color:#5177b1;background:#e8f1fc;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.training-grid article>div{flex:1}.training-grid small{color:#16866e;font-size:8px}.training-grid h3{margin:5px 0;font-size:11px}.training-grid p{color:#83909f;font-size:8px}.training-grid i{background:#e8edef;border-radius:99px;height:6px;display:block;overflow:hidden}.training-grid i b{background:#16aaa2;height:100%;display:block}.training-grid button{color:#087f79;background:0 0;border:0;margin-top:10px;font-size:8px;font-weight:800}.employee-portal-hero{color:#fff;background:linear-gradient(135deg,#12394a,#0a756e);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:24px;display:flex;box-shadow:0 16px 35px #0a4c4e24}.employee-portal-hero>div:first-child>span{color:#74ded4;font-size:9px;font-weight:800}.employee-portal-hero h2{margin:5px 0;font-size:24px}.employee-portal-hero p{color:#bfd5d8;margin:0;font-size:10px}.portal-profile{background:#ffffff14;border:1px solid #ffffff24;border-radius:13px;align-items:center;gap:10px;padding:10px 12px;display:flex}.portal-profile div{gap:3px;display:grid}.portal-profile strong{font-size:10px}.portal-profile small{color:#c1d6d8;font-size:8px}.portal-profile>span{color:#073e42;background:#59cfc4;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.portal-summary,.org-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.portal-summary article,.org-summary article{background:#fff;border:1px solid #e0e8ed;border-radius:15px;align-items:center;gap:10px;padding:15px;display:flex}.portal-summary article>span,.org-summary article>span{color:#0d8982;background:#e7f7f4;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.portal-summary article>div,.org-summary article>div{gap:2px;display:grid}.portal-summary small,.org-summary small{color:#8794a4;font-size:8px}.portal-summary strong,.org-summary strong{font-size:16px}.portal-summary p,.org-summary p{color:#8794a4;margin:0;font-size:8px}.portal-layout{grid-template-columns:minmax(0,1fr) 270px;gap:14px;display:grid}.portal-layout>main,.portal-layout>aside{align-content:start;gap:14px;display:grid}.portal-services{background:#fff;border:1px solid #e0e8ed;border-radius:17px;padding:17px}.portal-section-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.portal-section-head h2{margin:0 0 3px;font-size:15px}.portal-section-head p{color:#8794a4;margin:0;font-size:8px}.portal-section-head button{color:#087f79;background:0 0;border:0;font-size:8px;font-weight:800}.portal-service-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.portal-service-grid>button{text-align:right;background:#fbfcfd;border:1px solid #e4eaee;border-radius:13px;align-content:space-between;justify-items:start;gap:7px;min-height:112px;padding:12px;transition:all .2s;display:grid}.portal-service-grid>button:hover{background:#f5fbfa;border-color:#b9dfdb;transform:translateY(-2px)}.portal-service-grid>button>span{color:#087f79;background:#e4f5f2;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.portal-service-grid>button div{gap:3px;display:grid}.portal-service-grid strong{font-size:9px}.portal-service-grid small{color:#8996a5;font-size:7px;line-height:1.5}.portal-service-grid>button>b{color:#9cabb7}.my-requests .panel-head button{color:#087f79;background:0 0;border:0;font-size:8px}.my-request-row{border-bottom:1px solid #edf1f3;align-items:center;gap:9px;padding:10px 0;display:flex}.my-request-row>span{color:#637487;background:#edf4f6;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.my-request-row div{gap:3px;display:grid}.my-request-row strong{font-size:9px}.my-request-row small{color:#8996a5;font-size:7px}.my-request-row>b{color:#5576ae;background:#eaf1fc;border-radius:7px;margin-right:auto;padding:5px 7px;font-size:7px}.my-request-row>b.done{color:#168462;background:#e7f7ef}.my-request-row>b.waiting{color:#b7771e;background:#fff1dc}.my-request-row>button{color:#087f79;background:0 0;border:0;font-size:8px}.portal-card{color:#fff;background:linear-gradient(145deg,#112f40,#0b655f)}.portal-card-label{color:#72dcd2;font-size:8px}.portal-card h3{margin:15px 0 3px;font-size:17px}.portal-card p{color:#bfd3d6;margin:0;font-size:9px}.portal-card>div{justify-content:space-between;margin:22px 0 12px;font-size:8px;display:flex}.portal-card>div b{color:#78e0bd}.portal-card button{color:#fff;background:#ffffff1a;border:1px solid #ffffff29;border-radius:9px;width:100%;height:36px;font-size:8px}.portal-documents>button{text-align:right;background:0 0;border:0;border-bottom:1px solid #edf1f3;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.portal-documents>button>span{color:#bd5652;background:#ffe8e7;border-radius:6px;padding:5px;font-size:7px}.portal-documents>button strong{font-size:8px}.portal-documents>button b{color:#087f79;margin-right:auto}.org-toolbar{background:#fff;border:1px solid #e0e8ed;border-radius:17px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px 20px;display:flex}.org-toolbar h2{margin:0 0 3px;font-size:17px}.org-toolbar p{color:#8794a4;margin:0;font-size:8px}.org-toolbar>div:last-child{gap:8px;display:flex}.org-chart{background:radial-gradient(circle at 50% 0,#f2fbfa,#f7f9fa 50%,#f5f8f9);border:1px solid #dfe8ed;border-radius:18px;padding:26px}.org-root{background:#fff;border:1px solid #b9dfdb;border-radius:15px;align-items:center;gap:10px;width:min(380px,100%);margin:auto;padding:15px;display:flex;box-shadow:0 11px 25px #0c5e5817}.org-root>span{color:#fff;background:#0d958d;border-radius:12px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:900;display:grid}.org-root>div{gap:3px;display:grid}.org-root small{color:#8794a4;font-size:8px}.org-root button{color:#8996a4;background:0 0;border:0;margin-right:auto}.org-connector{background:#bddbd8;width:2px;height:30px;margin:auto;display:block}.org-departments{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.org-departments:before{content:"";background:#bddbd8;height:2px;position:absolute;top:-1px;left:12%;right:12%}.org-departments>article{background:#fff;border:1px solid #e0e7eb;border-radius:14px;padding:14px;position:relative}.org-departments>article:before{content:"";background:#bddbd8;width:2px;height:15px;position:absolute;top:-15px;right:50%}.org-departments header{justify-content:space-between;display:flex}.org-departments header>span{color:#087f79;background:#e5f5f2;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.org-departments header button{color:#8996a4;background:0 0;border:0}.org-departments p{color:#7e8c9d;margin:0;font-size:8px}.org-departments>article>div{gap:6px;margin:11px 0;display:flex}.org-departments>article>div span,.org-departments>article>div b{color:#168078;background:#edf6f5;border-radius:6px;padding:4px 6px;font-size:7px}.org-departments ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.org-departments li{background:#f7f9fa;border-radius:7px;align-items:center;padding:7px;font-size:8px;display:flex}.org-departments li button{color:#087f79;background:0 0;border:0;margin-right:auto}.ats-board{grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px}.ats-board>section{border-radius:17px;padding:12px}.ats-board h3{color:#26364a;font-size:13px}.ats-board header span{font-size:10px}.ats-board article{border-radius:14px;padding:15px}.ats-board article .candidate-score-row{justify-content:flex-start}.ats-board article .candidate-score-row b{color:#137c63;background:#e7f7f2;border-radius:7px;padding:5px 8px;font-size:10px}.ats-board h4{color:#1f2e42;margin:12px 0 5px;font-size:14px}.ats-board p{color:#5f6f83;font-size:12px}.ats-board small{color:#7f8d9d;margin:10px 0;font-size:10px}.ats-board article button,.add-candidate{min-height:36px;padding:8px;font-size:10px;font-weight:800}.ats-board article button{background:#e5f5f2}.add-candidate{margin-top:3px}.payroll-table tbody tr{transition:all .18s}.payroll-table tbody tr:hover{background:#f7fbfa}.payroll-row-actions{gap:5px;display:flex}.payroll-row-actions button{color:#087f79;background:#e5f5f2;border:0;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.payroll-row-actions button+button{color:#fff;background:#0fa59d}.payroll-slip-modal{gap:0;width:min(590px,100%);padding:0;overflow:hidden}.payroll-slip-cover{color:#fff;background:linear-gradient(135deg,#12394a,#0b756e);padding:22px}.payroll-slip-cover .modal-head span{color:#77dfd5;font-size:9px}.payroll-slip-cover .modal-head p{color:#bdd4d7}.payroll-slip-cover .modal-head button{color:#fff;background:#ffffff1f}.payroll-slip-cover>strong{margin-top:18px;font-size:27px;display:block}.payroll-slip-cover>strong small{color:#bdd4d7;font-size:9px}.payroll-slip-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding:18px;display:grid}.payroll-slip-grid div{background:#f6f9fa;border-radius:11px;gap:5px;padding:12px;display:grid}.payroll-slip-grid small{color:#8492a2;font-size:9px}.payroll-slip-grid strong{font-size:11px}.payroll-slip-grid .positive strong{color:#188465}.payroll-slip-grid .negative strong{color:#c0545b}.payroll-slip-total{color:#176f62;background:#e7f7f3;border-radius:12px;justify-content:space-between;align-items:center;margin:0 18px;padding:14px;display:flex}.payroll-slip-total span{font-size:10px}.payroll-slip-total strong{font-size:18px}.payroll-slip-modal>.modal-actions{padding:16px 18px}.directory-count small{color:#7d918f;margin-top:4px;font-size:8px;display:block}.qiwa-card-status{border-bottom:1px solid #edf1f3;align-items:center;gap:8px;padding:10px 0;display:flex}.qiwa-card-status>span{color:#a86c18;background:#fff1dc;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:grid}.qiwa-card-status>span.verified{color:#137e61;background:#e4f7ef}.qiwa-card-status>div{gap:2px;display:grid}.qiwa-card-status strong{color:#344256;font-size:9px}.qiwa-card-status small{color:#8996a5;font-size:8px}.qiwa-contract-section{background:linear-gradient(145deg,#fbfefd,#f3faf8);border-color:#cfe9e3}.qiwa-contract-section .profile-section-title>span{color:#0a806f;background:#dff5ef;font-weight:900}.qiwa-contract-head{grid-template-columns:1.1fr 1fr 1fr;gap:8px;display:grid}.qiwa-contract-head>div{background:#fff;border-radius:10px;gap:5px;padding:11px;display:grid}.qiwa-contract-head small{color:#8996a5;font-size:8px}.qiwa-contract-head b,.qiwa-contract-head strong{color:#2b394c;font-size:10px}.qiwa-contract-head strong.verified{color:#168261}.qiwa-contract-head strong.pending{color:#b7771f}.qiwa-contract-actions{gap:8px;margin-top:10px;display:flex}.qiwa-contract-actions button,.qiwa-contract-actions a{color:#fff;background:#0e9a8e;border:0;border-radius:9px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.qiwa-contract-actions a{color:#087f79;background:#fff;border:1px solid #cfe3df}.qiwa-integration-note{color:#687c7a;background:#eef5f4;border-radius:9px;margin:10px 0 0;padding:9px 11px;font-size:8px;line-height:1.7}.subscription-workspace{gap:18px;padding:22px;display:grid}.subscription-hero{color:#fff;background:linear-gradient(125deg,#102f40,#086f69);border-radius:24px;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #094f4e29}.subscription-hero:after{content:"";border:45px solid #4ad7cb17;border-radius:50%;width:260px;height:260px;position:absolute;top:-125px;left:-70px}.subscription-hero>div{z-index:1;position:relative}.subscription-hero>div:first-child>span,.subscription-section-head>div>span{color:#53d1c5;font-size:10px;font-weight:800}.subscription-hero h1{max-width:670px;margin:7px 0;font-size:27px}.subscription-hero p{color:#bed4d7;margin:0;font-size:11px}.subscription-hero-actions{align-items:center;gap:10px;display:flex}.subscription-hero-actions>button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:11px;height:42px;padding:0 15px;font-size:10px;font-weight:800}.subscription-hero-actions>span{color:#133747;background:#fff;border-radius:11px;gap:3px;min-width:120px;padding:10px 13px;display:grid}.subscription-hero-actions small{color:#799096;font-size:8px}.subscription-hero-actions strong{font-size:13px}.subscription-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.subscription-metrics article{background:#fff;border:1px solid #e0e8ed;border-radius:16px;gap:5px;padding:17px;display:grid}.subscription-metrics small{color:#8794a4;font-size:9px}.subscription-metrics strong{color:#1d2d42;font-size:17px}.subscription-metrics span{color:#7d8b9c;font-size:8px}.subscription-metrics span.active{color:#178365}.subscription-plans-admin,.permissions-panel{background:#fff;border:1px solid #dfe8ed;border-radius:20px;padding:22px;box-shadow:0 12px 32px #1933430b}.subscription-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.subscription-section-head h2{color:#1d2c40;margin:5px 0 0;font-size:18px}.subscription-section-head p{color:#8391a1;margin:4px 0 0;font-size:9px}.subscription-section-head>button{color:#fff;background:#0e9f96;border:0;border-radius:10px;height:38px;padding:0 14px;font-size:9px;font-weight:800}.subscription-plan-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.subscription-plan-grid>article{background:#fbfcfd;border:1px solid #e1e8ed;border-radius:17px;padding:19px;position:relative}.subscription-plan-grid>article.selected{border-color:#3cbcb2;box-shadow:0 0 0 3px #14aea417}.subscription-plan-grid>article.business{background:linear-gradient(145deg,#f2fbf9,#fbfefd)}.popular-chip{color:#137f70;background:#dff5f0;border-radius:8px;padding:5px 8px;font-size:8px;position:absolute;top:14px;left:14px}.subscription-plan-grid h3{margin:0 0 7px;font-size:16px}.subscription-plan-grid p{color:#7b8999;min-height:30px;margin:0;font-size:9px}.admin-plan-price{align-items:end;gap:5px;margin:16px 0 4px;display:flex}.admin-plan-price strong{font-size:23px}.admin-plan-price span{color:#7c8a99;font-size:8px}.subscription-plan-grid>article>small{color:#18877b;font-size:8px}.subscription-plan-grid ul{color:#4e5d70;gap:7px;margin:15px 0;padding:0;font-size:9px;list-style:none;display:grid}.subscription-plan-grid>article>button{color:#087f79;background:#fff;border:1px solid #cfe1df;border-radius:9px;width:100%;height:37px;font-size:9px;font-weight:800}.subscription-plan-grid>article.selected>button{color:#fff;background:#0fa49b;border-color:#0fa49b}.permissions-table-wrap{border:1px solid #e4eaee;border-radius:13px;overflow:auto}.permissions-table{border-collapse:collapse;width:100%;min-width:950px}.permissions-table th,.permissions-table td{text-align:center;border-bottom:1px solid #edf1f3;padding:12px 10px;font-size:8px}.permissions-table th{color:#788696;background:#f7f9fa}.permissions-table th:first-child,.permissions-table td:first-child{text-align:right}.permissions-table td:first-child strong,.permissions-table td:first-child small{display:block}.permissions-table td:first-child strong{font-size:10px}.permissions-table td:first-child small{color:#8794a4;margin-top:3px;font-size:7px}.permissions-table button{background:#dfe6ea;border:0;border-radius:99px;width:31px;height:18px;padding:2px;transition:all .18s}.permissions-table button i{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;display:block;box-shadow:0 2px 5px #14283224}.permissions-table button.enabled{background:#12aaa1}.permissions-table button.enabled i{transform:translate(-13px)}.permissions-note{color:#687b7a;background:#f1f7f6;border-radius:11px;align-items:center;gap:9px;margin-top:13px;padding:11px;display:flex}.permissions-note span{color:#0b8c83}.permissions-note p{margin:0;font-size:8px}.guest-plans{color:#17263a;background:#f7faf9;min-height:100vh}.guest-nav{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffeb;border-bottom:1px solid #dfe9e7;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,32px);display:flex;position:sticky;top:0}.guest-brand{align-items:center;gap:10px;display:flex}.guest-brand img{object-fit:contain;width:38px;height:38px}.guest-brand span{display:grid}.guest-brand strong{font-size:19px}.guest-brand small{color:#708080;font-size:8px}.guest-nav>div:last-child{align-items:center;gap:22px;display:flex}.guest-nav a{color:#536477;font-size:11px;text-decoration:none}.guest-nav button{color:#fff;background:#0d968d;border:0;border-radius:10px;height:38px;padding:0 17px;font-size:10px;font-weight:800}.guest-hero{text-align:center;background:radial-gradient(circle at 50% 0,#daf5ef 0,#0000 42%),linear-gradient(#f8fcfb,#f7faf9);padding:85px 6vw 45px}.guest-hero>span,.guest-section-title>span,.guest-value>div:first-child>span,.guest-demo>div:first-child>span{color:#0b877c;background:#e1f5f0;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-block}.guest-hero h1{letter-spacing:-1px;margin:18px auto 14px;font-size:52px;line-height:1.18}.guest-hero h1 em{color:#0d9c92;font-style:normal}.guest-hero>p{color:#627386;max-width:650px;margin:0 auto;font-size:14px;line-height:1.8}.guest-hero>div{justify-content:center;gap:10px;margin:27px 0;display:flex}.guest-hero>div a{color:#fff;background:#0c9b92;border-radius:11px;align-items:center;height:44px;padding:0 20px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px #0b918733}.guest-hero>div a.secondary{color:#2d4353;box-shadow:none;background:#fff;border:1px solid #d2e1df}.guest-hero>section{background:#dce8e5;border:1px solid #dce8e5;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;width:min(720px,100%);margin:55px auto 0;display:grid;overflow:hidden}.guest-hero>section article{background:#fff;gap:4px;padding:17px;display:grid}.guest-hero>section strong{color:#0a8f86;font-size:21px}.guest-hero>section small{color:#738394;font-size:9px}.guest-value,.guest-pricing,.guest-demo{padding:80px 6vw}.guest-value>div:first-child,.guest-section-title{text-align:center}.guest-value h2,.guest-section-title h2,.guest-demo h2{margin:10px 0;font-size:31px}.guest-value>div:first-child p,.guest-section-title p{color:#708092;font-size:11px}.guest-value-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px;display:grid}.guest-value-grid article{background:#fff;border:1px solid #e0e8e7;border-radius:17px;padding:21px;box-shadow:0 10px 30px #193a410a}.guest-value-grid span{color:#0b8c83;background:#e4f5f1;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.guest-value-grid h3{margin:16px 0 6px;font-size:14px}.guest-value-grid p{color:#748497;margin:0;font-size:9px;line-height:1.7}.guest-pricing{background:#fff}.guest-price-grid{grid-template-columns:repeat(3,1fr);gap:17px;width:min(1060px,100%);margin:38px auto 0;display:grid}.guest-price-grid>article{background:#fff;border:1px solid #dfe8e7;border-radius:21px;padding:27px;position:relative}.guest-price-grid>article.featured{background:linear-gradient(145deg,#f0fbf8,#fff);border:2px solid #16a79e;transform:translateY(-10px);box-shadow:0 18px 45px #0f847c21}.guest-price-grid>article>b{color:#fff;background:#0d998f;border-radius:8px;padding:6px 9px;font-size:8px;position:absolute;top:20px;left:20px}.guest-price-grid h3{margin:0 0 9px;font-size:20px}.guest-price-grid>article>p{color:#708091;min-height:40px;font-size:10px;line-height:1.6}.guest-price-grid>article>div{align-items:end;gap:7px;margin:22px 0 5px;display:flex}.guest-price-grid>article>div strong{font-size:31px}.guest-price-grid>article>div span{color:#7b8998;font-size:8px}.guest-price-grid>article>small{color:#0e897f;font-size:9px}.guest-price-grid ul{color:#10a095;gap:11px;margin:22px 0;padding:0;font-size:10px;list-style:none;display:grid}.guest-price-grid li span{color:#526174}.guest-price-grid>article>a{color:#087f79;border:1px solid #cfe0dd;border-radius:10px;justify-content:center;align-items:center;height:42px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.guest-price-grid>article.featured>a{color:#fff;background:#0d998f;border-color:#0d998f}.guest-demo{color:#fff;background:linear-gradient(135deg,#102f40,#086f69);grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.guest-demo>div:first-child>span{color:#64d9cf;background:#48d2c624}.guest-demo>div:first-child p{color:#bed3d6;max-width:510px;font-size:11px;line-height:1.8}.guest-demo ul{color:#d5e5e6;gap:9px;padding:0;font-size:10px;list-style:none;display:grid}.guest-demo form,.demo-success{color:#1b2c40;background:#fff;border-radius:19px;gap:12px;padding:25px;display:grid}.guest-demo form h3{margin:0 0 4px;font-size:17px}.guest-demo label{color:#536377;gap:6px;font-size:9px;font-weight:700;display:grid}.guest-demo form>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.guest-demo input,.guest-demo select{color:#28394d;height:41px;font:inherit;background:#f9fbfb;border:1px solid #dfe7ea;border-radius:9px;outline:0;padding:0 11px}.guest-demo input:focus,.guest-demo select:focus{border-color:#4fc6bb}.guest-demo form>button,.demo-success button{color:#fff;background:#0d9c92;border:0;border-radius:10px;height:43px;font-size:10px;font-weight:800}.guest-demo form>small{color:#8996a4;text-align:center;font-size:7px}.demo-success{text-align:center;justify-items:center;padding:55px 25px}.demo-success>span{color:#148160;background:#e2f6ef;border-radius:50%;place-items:center;width:55px;height:55px;font-size:24px;display:grid}.demo-success h3{margin:8px 0 0}.demo-success p{color:#718192;font-size:10px}.demo-success button{padding:0 17px}.guest-footer{color:#fff;background:#0c2533;justify-content:space-between;align-items:center;padding:25px 6vw;display:flex}.guest-footer p{color:#9eb3b8;font-size:9px}.guest-footer button{color:#68d8ce;background:0 0;border:0;font-size:9px;font-weight:800}.guest-plans{--brand-navy:#0b1d33;--brand-navy-soft:#102b45;--brand-teal:#12b8b1;--brand-teal-bright:#22d0c8;background:#f4f8f9}.guest-nav .guest-brand img{border-radius:10px;width:72px;height:58px}.guest-nav .guest-brand strong{color:#fff}.guest-nav .guest-brand small{color:#8dc5c7}.guest-nav a:hover{color:var(--brand-teal-bright)}.guest-nav button{background:linear-gradient(135deg,var(--brand-teal),#078f8c);box-shadow:0 8px 18px #12b8b133}.guest-hero{background:radial-gradient(circle at 50% 8%,#1dcac238,transparent 30%),linear-gradient(145deg,var(--brand-navy) 0%,#0e2942 60%,#0b3745 100%);color:#fff;padding-top:46px;position:relative;overflow:hidden}.guest-hero:before,.guest-hero:after{content:"";border:1px solid #22d0c81f;border-radius:50%;position:absolute}.guest-hero:before{width:430px;height:430px;top:35px;right:-210px}.guest-hero:after{width:330px;height:330px;bottom:-130px;left:-165px}.guest-hero-logo{z-index:2;border:1px solid #22d0c840;border-radius:24px;place-items:center;width:162px;position:relative;box-shadow:0 18px 45px #00000047;background:#0b1d33!important;height:124px!important;margin:0 auto 22px!important;display:grid!important}.guest-hero-logo img{object-fit:contain;border-radius:16px;width:142px;height:108px}.guest-hero>span{z-index:2;color:#73eee8;background:#22d0c821;border:1px solid #22d0c82e;position:relative}.guest-hero h1,.guest-hero>p,.guest-hero>div,.guest-hero>section{z-index:2;position:relative}.guest-hero h1 em{color:var(--brand-teal-bright)}.guest-hero>p{color:#c2d5dc}.guest-hero>div a{background:linear-gradient(135deg,var(--brand-teal-bright),#0a9d98);box-shadow:0 12px 28px #12b8b140}.guest-hero>div a.secondary{color:#fff;background:#ffffff14;border-color:#ffffff40}.guest-hero>section{background:#22d0c824;border-color:#22d0c833}.guest-price-grid>article.featured{border-color:var(--brand-teal);background:linear-gradient(145deg,#eaf9f8,#fff);box-shadow:0 18px 45px #0b606326}.guest-price-grid>article>b,.guest-price-grid>article.featured>a,.guest-demo form>button,.demo-success button{background:linear-gradient(135deg,var(--brand-teal),#087f7e)}.guest-demo,.guest-footer{background:linear-gradient(135deg,var(--brand-navy),var(--brand-navy-soft))}.guest-demo form>button:disabled{cursor:wait;opacity:.68}.demo-form-error{color:#b64b54;background:#fff0f0;border-radius:8px;margin:0;padding:9px 10px;font-size:9px}.guest-brand-link,.brand-home-link{font:inherit;text-align:right;cursor:pointer;background:0 0;border:0}.guest-brand-link{color:inherit;padding:0}.brand-home-link{width:100%}.guest-brand-link:focus-visible,.brand-home-link:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #22d0c8}.guest-nav .guest-brand-link{width:auto;height:auto;box-shadow:none;background:0 0;border:0;padding:0}.guest-nav .guest-brand-link:hover{background:0 0;transform:none}.document-viewer-layer{z-index:140}.employee-document-modal{gap:0;width:min(650px,100%);padding:0;overflow:hidden}.document-viewer-head{color:#fff;background:linear-gradient(135deg,#102f40,#0b716b);justify-content:space-between;align-items:flex-start;padding:19px 22px;display:flex}.document-viewer-head span{color:#70ddd4;font-size:8px;font-weight:800}.document-viewer-head h2{margin:5px 0;font-size:20px}.document-viewer-head p{color:#bdd3d6;margin:0;font-size:9px}.document-viewer-head>button{color:#fff;background:#ffffff1f;border:0;border-radius:9px;width:32px;height:32px;font-size:18px}.document-paper{background:#fff;border:1px solid #dce5e8;border-radius:14px;margin:20px;padding:22px;box-shadow:0 12px 32px #1a303e0f}.document-paper>header{border-bottom:2px solid #e7eeef;align-items:center;gap:11px;padding-bottom:16px;display:flex}.document-paper>header img{object-fit:contain;background:#0b1d33;border-radius:8px;width:55px;height:45px}.document-paper>header>div{gap:3px;display:grid}.document-paper>header strong{font-size:13px}.document-paper>header small{color:#8794a3;font-size:8px}.document-valid{color:#168163;background:#e4f7ef;border-radius:8px;margin-right:auto;padding:6px 9px;font-size:8px;font-weight:800}.document-person{gap:4px;padding:18px 0;display:grid}.document-person small,.document-data-grid small{color:#8794a4;font-size:8px}.document-person strong{font-size:17px}.document-person span{color:#657588;font-size:9px}.document-data-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.document-data-grid>div{background:#f5f8f9;border-radius:10px;gap:5px;padding:11px;display:grid}.document-data-grid strong{font-size:10px}.document-data-grid strong.positive{color:#168263}.document-qiwa-seal{background:#eef9f6;border:1px solid #cfe7e2;border-radius:11px;align-items:center;gap:10px;margin-top:12px;padding:11px;display:flex}.document-qiwa-seal>span{color:#fff;background:#0d9a8e;border-radius:10px;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.document-qiwa-seal>div{gap:3px;display:grid}.document-qiwa-seal strong{font-size:10px}.document-qiwa-seal small{color:#6f817e;font-size:8px}.document-paper>footer{color:#8996a4;border-top:1px solid #e6ecee;justify-content:space-between;margin-top:18px;padding-top:12px;font-size:8px;display:flex}.employee-document-modal>.modal-actions{border-top:1px solid #e4eaed;padding:14px 20px}.leave-balances-report{margin-top:16px;padding:0;overflow:hidden}.leave-report-head{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.leave-report-head h2{margin:0 0 4px;font-size:18px}.leave-report-head p{color:#8391a1;margin:0;font-size:9px}.leave-report-toolbar{background:#f7fafb;border-block:1px solid #e5ebee;align-items:center;gap:10px;padding:11px 16px;display:flex}.leave-report-count{color:#087f79;background:#e4f5f2;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:800}.leave-balances-table-wrap{overflow:auto}.leave-balances-table{border-collapse:collapse;width:100%;min-width:1050px}.leave-balances-table th,.leave-balances-table td{text-align:right;border-bottom:1px solid #edf1f3;padding:12px 14px;font-size:9px}.leave-balances-table th{color:#8492a2;background:#fbfcfd}.leave-balances-table tbody tr:hover{background:#f8fbfb}.leave-balances-table td:first-child strong,.leave-balances-table td:first-child small{display:block}.leave-balances-table td:first-child strong{font-size:10px}.leave-balances-table td:first-child small{color:#8996a5;margin-top:3px;font-size:8px}.leave-used{color:#617187}.leave-pending-days{color:#b7771e;background:#fff1dc;border-radius:7px;padding:5px 7px;font-size:8px}.leave-none{color:#a3adb8}.low-balance{color:#c0565d}.leave-usage{align-items:center;gap:8px;display:flex}.leave-usage i{background:#e5ecee;border-radius:99px;width:75px;height:6px;overflow:hidden}.leave-usage i b{border-radius:inherit;background:linear-gradient(90deg,#12aaa2,#43c9be);height:100%;display:block}.leave-usage span{color:#6f7f91;font-size:8px}.admin-login-page{color:#17263a;background:#f6f9fa;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.admin-login-brand{color:#fff;background:radial-gradient(circle at 30% 20%,#22d0c833,#0000 28%),linear-gradient(145deg,#0b1d33,#0b4652);flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw;display:flex;position:relative;overflow:hidden}.admin-login-brand:after{content:"";border:55px solid #22d0c812;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-170px;left:-180px}.admin-login-brand img{object-fit:contain;border-radius:20px;width:150px;height:115px;box-shadow:0 18px 45px #00000040}.admin-login-brand>span{color:#54ded6;margin-top:23px;font-size:11px;font-weight:800}.admin-login-brand h1{max-width:510px;margin:10px 0;font-size:37px}.admin-login-brand p{color:#bfd4d8;font-size:12px}.admin-login-brand>div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:8px;margin-top:24px;padding:10px 13px;font-size:10px;display:flex}.admin-login-brand>div span{color:#59e4c6}.admin-login-panel{place-content:center;padding:50px;display:grid}.admin-login-panel form{background:#fff;border:1px solid #dfe8eb;border-radius:24px;gap:14px;width:min(420px,85vw);padding:34px;display:grid;box-shadow:0 22px 60px #152f4117}.login-kicker{color:#0d968d;font-size:10px;font-weight:800}.admin-login-panel h2{margin:0;font-size:25px}.admin-login-panel form>p{color:#7d8b9b;margin:-6px 0 7px;font-size:10px}.admin-login-panel label{color:#506074;gap:7px;font-size:10px;font-weight:800;display:grid}.admin-login-panel input{color:#213246;height:46px;font:inherit;background:#f9fbfc;border:1px solid #dce5e9;border-radius:11px;outline:0;padding:0 13px}.admin-login-panel input:focus{border-color:#45c3ba;box-shadow:0 0 0 3px #12b8b11a}.admin-login-panel form>button{color:#fff;background:linear-gradient(135deg,#17b9b1,#078a88);border:0;border-radius:11px;height:46px;font-size:11px;font-weight:800;box-shadow:0 10px 25px #09918b2e}.admin-login-panel form>small{text-align:center;color:#8996a4;font-size:8px}.login-error{color:#b54e57;background:#fff0f0;border-radius:9px;padding:10px;font-size:9px}.back-to-plans{color:#0a8781;background:0 0;border:0;margin:16px auto 0;font-size:9px;font-weight:800}@media (width<=1200px){.hr-modules-grid,.hr-stats,.subscription-metrics,.guest-value-grid,.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}.attendance-layout{grid-template-columns:1fr}.attendance-side{grid-template-columns:1fr 1fr}.leave-summary,.recruitment-summary,.performance-summary{grid-template-columns:repeat(2,1fr)}.leave-layout{grid-template-columns:1fr}.leave-side{grid-template-columns:1fr 1fr}.payroll-summary,.portal-summary,.org-summary,.portal-service-grid,.org-departments{grid-template-columns:repeat(2,1fr)}.org-departments:before,.org-departments>article:before{display:none}}@media (width<=850px){.hr-bottom-grid,.hr-detail-layout{grid-template-columns:1fr}.hr-side-summary{display:none}.feature-list{grid-template-columns:1fr}.hr-detail-stats{grid-template-columns:1fr 1fr}.hr-hero{align-items:flex-start}.hr-hero-actions{flex-direction:column}}@media (width<=1100px){.employee-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.subscription-workspace{padding:14px}.subscription-hero,.subscription-section-head{flex-direction:column;align-items:flex-start}.subscription-hero{padding:22px}.subscription-hero h1{font-size:22px}.subscription-hero-actions{flex-direction:column;align-items:stretch;width:100%}.subscription-plan-grid,.subscription-metrics,.guest-value-grid,.guest-price-grid,.guest-demo{grid-template-columns:1fr}.guest-nav{height:66px;padding:0 18px}.guest-nav a{display:none}.guest-hero{padding:60px 20px 35px}.guest-hero h1{font-size:36px}.guest-hero>section{grid-template-columns:1fr}.guest-value,.guest-pricing,.guest-demo{padding:55px 20px}.guest-price-grid>article.featured{transform:none}.guest-demo{gap:30px}.guest-demo form>div{grid-template-columns:1fr}.guest-footer{flex-direction:column;align-items:flex-start;gap:16px}.guest-footer p{order:3}.admin-login-page{grid-template-columns:1fr}.admin-login-brand{min-height:310px;padding:40px 25px}.admin-login-brand img{width:110px;height:85px}.admin-login-brand h1{font-size:27px}.admin-login-panel{padding:28px 18px}.admin-login-panel form{width:min(420px,92vw);padding:25px}}@media (width<=600px){.hr-hero{display:block}.hr-hero-actions{margin-top:18px}.hr-hero-actions button{width:100%}.hr-stats,.hr-modules-grid,.attendance-summary-grid,.leave-summary,.recruitment-summary,.performance-summary,.payroll-summary,.vacancy-strip,.goals-grid,.reviews-grid,.training-grid,.portal-summary,.org-summary,.portal-service-grid,.org-departments,.hr-detail-stats{grid-template-columns:1fr}.employees-directory{border-radius:18px;padding:16px}.directory-head{align-items:flex-start}.directory-count{min-width:95px}.directory-controls,.attendance-filters{flex-direction:column;align-items:stretch}.employee-search,.attendance-filters .employee-search{width:100%;min-width:0}.department-filter{justify-content:space-between}.employee-cards,.attendance-side,.leave-side,.profile-data,.form-grid,.profile-documents,.edit-form-grid{grid-template-columns:1fr}.edit-form-grid .wide-field{grid-column:auto}.hr-toast{bottom:16px;left:16px;right:16px}.form-progress{padding:11px 15px}.form-progress span{font-size:0}.form-progress span i{font-size:10px}.employee-form-scroll,.profile-details-scroll{padding:15px}.employee-form-footer{flex-direction:column;align-items:stretch;padding:13px 15px}.employee-form-footer .modal-actions{width:100%}.employee-form-footer .modal-actions button{flex:1}.profile-quick-stats{grid-template-columns:1fr 1fr;padding:12px 15px}.profile-quick-stats>div:first-child{grid-column:1/-1}.profile-cover{padding:18px}.profile-cover-actions{flex-direction:column;align-items:flex-end}.employee-profile-modal>.modal-actions{padding:13px 15px}.attendance-head,.leave-head,.payroll-head,.recruitment-head,.performance-toolbar,.org-toolbar,.employee-portal-hero{flex-direction:column;align-items:flex-start}.attendance-head>div:last-child,.payroll-head>div:last-child,.recruitment-head>div:last-child,.performance-toolbar>div:last-child,.org-toolbar>div:last-child{flex-wrap:wrap;width:100%}.attendance-head>div:last-child button,.payroll-head>div:last-child button,.recruitment-head>div:last-child button,.performance-toolbar>div:last-child button,.org-toolbar>div:last-child button{flex:1}.leave-request-card{grid-template-columns:1fr 1fr}.leave-state{justify-items:start}.payroll-progress p{flex-wrap:wrap}.ats-board{grid-template-columns:repeat(5,210px)}.portal-layout{grid-template-columns:1fr}.org-chart{padding:16px}}.leave-list{background:#f7fafb;gap:10px;padding:16px;display:grid}.leave-request-card{background:#fff;border:1px solid #e1e9ed;border-radius:16px;grid-template-columns:1.05fr 1.55fr .75fr 1fr;min-height:112px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 7px 20px #18374a0a}.leave-request-card:before{content:"";inset-inline-start:0;background:#e3a13c;width:4px;position:absolute;top:0;bottom:0}.leave-request-card.is-approved:before{background:#22aa84}.leave-request-card.is-rejected:before{background:#e66b72}.leave-person strong,.leave-type strong,.leave-days strong{color:#182638;font-size:13px}.leave-person small,.leave-request-card .leave-days span,.leave-request-card small{font-size:10px}.leave-person div{gap:4px}.leave-person div>span{color:#718093;background:#f0f5f7;border-radius:7px;width:max-content;padding:3px 7px;font-size:9px}.leave-type>span{font-size:10px;font-weight:800}.leave-status{padding:7px 11px;font-size:9px;font-weight:800}.leave-state{grid-template-columns:auto auto;justify-content:end;align-items:center;gap:8px}.leave-view-button{grid-column:1/-1;width:100%;font-weight:800;color:#176f70!important;background:#fff!important;border:1px solid #cfe1e5!important;font-size:9px!important}.leave-quick-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%;gap:7px!important;display:grid!important}.leave-quick-actions button{font-weight:800}.leave-detail-modal{max-width:620px;padding:0;overflow:hidden}.leave-detail-cover{color:#fff;background:linear-gradient(135deg,#0d3344,#087c77);padding:25px}.leave-detail-cover .modal-head{padding:0}.leave-detail-cover .profile-label,.leave-detail-cover .modal-head p{color:#a8dfd8}.leave-detail-cover .modal-head button{color:#fff;background:#ffffff1f}.leave-detail-cover>.leave-status{margin-top:16px;display:inline-flex}.leave-detail-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:20px;display:grid}.leave-detail-grid>div{background:#f5f8f9;border-radius:12px;gap:6px;padding:14px;display:grid}.leave-detail-grid small{color:#8492a0;font-size:10px}.leave-detail-grid strong{color:#1b2a3c;font-size:13px}.wide-leave-detail{grid-column:1/-1}.leave-approval-route{border:1px solid #deeaed;border-radius:14px;grid-template-columns:32px 1fr 38px 32px 1fr;align-items:center;gap:8px;margin:0 20px 20px;padding:15px;display:grid}.leave-approval-route>span{color:#168568;background:#e8f7f2;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.leave-approval-route>span.current{color:#b97618;background:#fff0d9}.leave-approval-route>div{gap:2px;display:grid}.leave-approval-route strong{font-size:11px}.leave-approval-route small{color:#8996a3;font-size:9px}.leave-approval-route i{background:#dbe6e9;height:2px}.leave-detail-modal .modal-actions{padding:0 20px 20px}.leave-reject-button{color:#bb5058;background:#fff3f4;border:1px solid #f0cfd2;border-radius:10px;padding:10px 15px;font-weight:800}@media (width<=900px){.leave-request-card{grid-template-columns:1fr 1fr}.leave-state{grid-column:1/-1;justify-content:stretch}.leave-layout{grid-template-columns:1fr}.leave-side{grid-template-columns:1fr 1fr}}@media (width<=600px){.leave-request-card,.leave-detail-grid{grid-template-columns:1fr}.wide-leave-detail{grid-column:auto}.leave-approval-route{grid-template-columns:32px 1fr}.leave-approval-route i{display:none}}.leave-audit-note{color:#234350;background:#f0f7f7;border-radius:13px;align-items:center;gap:11px;margin:0 20px 18px;padding:13px 15px;display:flex}.leave-audit-note>span{color:#087f79;background:#dcefed;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.leave-audit-note>div{gap:2px;display:grid}.leave-audit-note small,.leave-audit-note p{color:#748691;margin:0;font-size:9px}.leave-audit-note strong{font-size:11px}.leave-decision-actions{flex-wrap:wrap}.leave-decision-actions button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.55}.source-chart>div button.active{box-shadow:inset 0 0 0 3px #ffffffbf}.source-channel-actions{margin:12px 0;background:0 0!important;grid-template-columns:1fr 1fr!important;gap:6px!important;height:auto!important;display:grid!important;overflow:visible!important}.source-channel-actions button{color:#647687;font-size:8px;font-weight:800;background:#fff!important;border:1px solid #dbe6ea!important;border-radius:9px!important;height:34px!important}.source-channel-actions button:last-child{grid-column:1/-1}.source-channel-actions button.active{box-shadow:none;color:#087f79!important;background:#e8f7f5!important;border-color:#82d0ca!important}.attendance-range{align-items:center;gap:6px;display:flex}.attendance-range label{color:#778797;background:#fff;border:1px solid #e5ecef;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 9px;font-size:8px;display:flex}.attendance-range input{color:#314055;font:inherit;background:0 0;border:0;outline:0}.attendance-range>span{color:#93a1ae}.biometric-device-modal{width:min(580px,100%)}.device-live-status{background:#eaf8f3;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.device-live-status>span{color:#128369;background:#cfeee3;border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.device-live-status>div{gap:2px;display:grid}.device-live-status small,.device-live-status p{color:#6f867f;margin:0;font-size:9px}.device-live-status strong{color:#176e5b;font-size:14px}.device-live-status>i{background:#20b77f;border-radius:50%;width:9px;height:9px;margin-right:auto;box-shadow:0 0 0 5px #20b77f1f}.device-data-grid{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.device-data-grid>div{background:#f5f8f9;border-radius:11px;gap:5px;padding:13px;display:grid}.device-data-grid small{color:#8795a2;font-size:9px}.device-data-grid strong{font-size:11px}.device-sync-note{border:1px solid #dae8eb;border-radius:12px;align-items:center;gap:9px;padding:12px;display:flex}.device-sync-note>span{color:#168266;background:#e7f7f2;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.device-sync-note strong{font-size:10px}.device-sync-note p{color:#82909c;margin:3px 0 0;font-size:8px}@media (width<=700px){.attendance-range{flex-wrap:wrap;width:100%}.attendance-range label{flex:1}.device-data-grid{grid-template-columns:1fr}}.open-attendance-app{width:100%;margin:0 0 10px;font-weight:900;color:#fff!important;background:linear-gradient(135deg,#0d8f88,#13b4aa)!important;border:0!important;border-radius:10px!important;padding:10px!important;font-size:9px!important}.attendance-app-login,.attendance-mobile-app{color:#172638;background:#edf4f5;min-height:100vh;font-family:inherit}.attendance-app-login{place-items:center;padding:24px;display:grid}.attendance-app-login>section{background:#fff;border-radius:26px;width:min(420px,100%);padding:32px;box-shadow:0 24px 60px #0d364424}.attendance-app-login img{object-fit:contain;width:90px;height:70px}.attendance-app-login>section>span{color:#0c8c85;font-weight:900;display:block}.attendance-app-login h1{margin:22px 0 4px;font-size:30px}.attendance-app-login p{color:#71818e;margin:0 0 24px}.attendance-app-login form{gap:14px;display:grid}.attendance-app-login label{gap:7px;font-size:12px;font-weight:800;display:grid}.attendance-app-login input{height:48px;font:inherit;background:#f8fafb;border:1px solid #dce7ea;border-radius:12px;padding:0 14px}.attendance-app-login form button{color:#fff;background:#0ba49b;border:0;border-radius:12px;height:50px;font-weight:900}.attendance-app-login>section>small{color:#8d99a3;text-align:center;margin-top:22px;display:block}.attendance-mobile-app{background:#f3f7f8;width:min(520px,100%);margin:auto;padding-bottom:92px;box-shadow:0 0 80px #0a303e26}.attendance-mobile-app>header{color:#fff;background:#102b3d;justify-content:space-between;align-items:center;height:78px;padding:0 20px;display:flex}.attendance-mobile-app>header>div{align-items:center;gap:10px;display:flex}.attendance-mobile-app>header img{object-fit:contain;width:55px;height:44px}.attendance-mobile-app>header span{display:grid}.attendance-mobile-app>header small{color:#a9c2cc;font-size:9px}.attendance-mobile-app>header button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;padding:7px 10px}.attendance-app-welcome{color:#fff;background:linear-gradient(145deg,#102b3d,#0a7775);padding:26px 22px 18px}.attendance-app-welcome>span{color:#9edbd6;font-size:11px}.attendance-app-welcome h1{margin:8px 0 4px;font-size:25px}.attendance-app-welcome p{color:#bfdbdf;margin:0;font-size:11px}.punch-card{text-align:center;background:#fff;border-radius:22px;margin:18px;padding:20px;box-shadow:0 12px 35px #14354314}.punch-status{color:#697783;background:#f0f3f5;border-radius:99px;align-items:center;gap:7px;padding:6px 11px;font-size:10px;display:inline-flex}.punch-status i{background:#84919b;border-radius:50%;width:7px;height:7px}.punch-card.working .punch-status{color:#167a5f;background:#e5f7f0}.punch-card.working .punch-status i{background:#18aa78}.live-clock{gap:2px;margin:20px;display:grid}.live-clock strong{font-size:40px}.live-clock small{color:#8a96a0}.punch-card>button{color:#fff;background:#0eaaa1;border:0;border-radius:15px;width:100%;height:54px;font-size:15px;font-weight:900}.punch-card>button.checkout{background:#173d4f;margin-top:9px}.punch-card>button:disabled{color:#93a0a7;background:#dfe6e8}.punch-message{color:#147c72;margin:13px 0 0;font-size:11px}.attendance-app-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 18px;display:grid}.attendance-app-summary article{text-align:center;background:#fff;border-radius:15px;gap:6px;padding:14px 8px;display:grid}.attendance-app-summary small{color:#87939e;font-size:9px}.attendance-app-summary strong{font-size:12px}.attendance-location-card{background:#fff;border-radius:15px;align-items:center;gap:10px;margin:14px 18px;padding:15px;display:flex}.attendance-location-card>span{color:#078b83;background:#e6f7f4;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.attendance-location-card strong{font-size:11px}.attendance-location-card p{color:#84929d;text-align:right;direction:ltr;margin:4px 0 0;font-size:9px}.attendance-mobile-app>nav{background:#fff;border-top:1px solid #dce6e9;grid-template-columns:repeat(4,1fr);width:min(520px,100%);height:72px;display:grid;position:fixed;bottom:0;right:50%;transform:translate(50%)}.attendance-mobile-app>nav button{color:#8a97a1;background:0 0;border:0;place-items:center;font-size:9px;display:grid}.attendance-mobile-app>nav button span{font-size:18px}.attendance-mobile-app>nav button.active{color:#078c84;font-weight:900}.employee-accounts-button{color:#087f79;background:#e9f7f5;border:1px solid #bfe4e0;border-radius:10px;height:40px;padding:0 12px;font-size:9px;font-weight:900}.employee-accounts-modal{width:min(760px,100%)}.account-login-hint{background:#eaf8f4;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.account-login-hint>span{color:#087f79;background:#cfeee3;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.account-login-hint strong{font-size:10px}.account-login-hint p{color:#667e79;margin:3px 0 0;font-size:9px}.employee-account-list{border:1px solid #e0e8eb;border-radius:14px;max-height:430px;margin:14px 0;overflow:auto}.employee-account-list article{border-bottom:1px solid #e9eef0;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:8px;padding:11px 13px;display:grid}.employee-account-list article:last-child{border-bottom:0}.employee-account-list article>div{gap:3px;display:grid}.employee-account-list strong{font-size:10px}.employee-account-list small{color:#8794a0;font-size:8px}.employee-account-list article>span{color:#b95259;background:#ffeded;border-radius:99px;padding:5px 8px;font-size:8px}.employee-account-list article>span.active{color:#168263;background:#e7f7f1}.employee-account-list button{color:#516672;background:#fff;border:1px solid #d6e3e6;border-radius:8px;padding:7px 9px;font-size:8px}@media (width<=650px){.employee-account-list article{grid-template-columns:1fr auto}.employee-account-list button{grid-column:auto}.employee-accounts-modal{padding:16px}}.payroll-attendance-link{background:linear-gradient(135deg,#edf9f7,#f7fbfb);border:1px solid #cfe7e4;border-radius:13px;align-items:center;gap:11px;margin:0 18px 14px;padding:13px 15px;display:flex}.payroll-attendance-link>span{color:#07877f;background:#d9f1ed;border-radius:11px;place-items:center;width:37px;height:37px;font-size:17px;display:grid}.payroll-attendance-link>div{gap:3px;display:grid}.payroll-attendance-link strong{font-size:11px}.payroll-attendance-link p{color:#758691;margin:0;font-size:9px}.payroll-attendance-link button{color:#087f79;background:0 0;border:0;margin-right:auto;font-size:9px;font-weight:900}.payroll-period-bar{background:linear-gradient(135deg,#fff,#edf9f7);border:1px solid #cfe4e3;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;padding:17px 19px;display:flex;box-shadow:0 10px 28px #1442460f}.payroll-period-bar>div:first-child{gap:4px;display:grid}.payroll-period-bar>div:first-child strong{color:#172638;font-size:16px}.payroll-period-bar>div:first-child small{color:#778795;font-size:9px}.payroll-period-fields{align-items:flex-end;gap:8px;display:flex}.payroll-period-fields label{gap:5px;display:grid}.payroll-period-fields label span{color:#71818f;font-size:9px;font-weight:800}.payroll-period-fields select{color:#26364a;background:#fff;border:1px solid #d4e2e5;border-radius:10px;min-width:125px;height:40px;padding:0 11px;font-family:inherit;font-weight:800}.payroll-period-fields button{height:40px}.payroll-period-status{color:#147b60;background:#e2f6ef;border-radius:999px;width:max-content;margin-top:5px;padding:6px 9px;font-size:9px}.payroll-period-status.pending{color:#a56c16;background:#fff0d8}.payroll-view-button.attention{animation:1.8s infinite payrollPulse}@keyframes payrollPulse{50%{box-shadow:0 0 0 6px #12b5ab1f}}.payroll-head button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.performance-summary-actions button{text-align:right;color:inherit;background:#fff;border:1px solid #e0e8ed;border-radius:17px;align-items:center;gap:11px;padding:16px;transition:all .2s;display:flex;box-shadow:0 8px 24px #152c3c0a}.performance-summary-actions button:hover{border-color:#8ed5cf;transform:translateY(-2px);box-shadow:0 13px 30px #106f681a}.performance-summary-actions button>div{gap:2px;display:grid}.performance-summary-actions button>span{color:#128b83;background:#e7f7f4;border-radius:12px;place-items:center;width:41px;height:41px;font-size:17px;display:grid}.performance-summary-actions button.performance-score{color:#fff;background:linear-gradient(135deg,#123b4c,#0d7775);display:grid}.performance-summary-actions button.performance-score>span{background:#ffffff38;width:100%;height:7px}.performance-activity{margin-top:15px;padding:0;overflow:hidden}.performance-activity>.panel-head{padding:16px 18px}.performance-activity>div:not(.panel-head){border-top:1px solid #e8eef0;align-items:center;gap:10px;padding:12px 18px;display:flex}.performance-activity>div:not(.panel-head)>span{color:#148469;background:#e7f7f2;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.performance-activity>div:not(.panel-head)>div{gap:3px;display:grid}.performance-activity small{color:#86939f;font-size:8px}.attendance-app-page{background:#fff;border-radius:22px;gap:10px;margin:18px;padding:18px;display:grid;box-shadow:0 12px 35px #14354314}.app-page-head{border-bottom:1px solid #e8eef0;justify-content:space-between;align-items:center;padding-bottom:13px;display:flex}.app-page-head h2{margin:0;font-size:18px}.app-page-head>span{color:#087f79;background:#e8f7f4;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:800}.app-page-head button{color:#fff;background:#0da69d;border:0;border-radius:10px;height:36px;padding:0 12px;font-size:10px;font-weight:900}.app-history-row,.app-request-row{background:#fbfcfd;border:1px solid #e6edef;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.app-history-row>span{color:#098a83;background:#e5f7f4;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.app-history-row>div,.app-request-row>div{gap:4px;display:grid}.app-history-row strong,.app-request-row strong{font-size:11px}.app-history-row small,.app-request-row small{color:#788894;font-size:9px}.app-history-row p{color:#98a3ab;text-align:right;direction:ltr;margin:0;font-size:8px}.app-request-row>span{color:#af721c;background:#fff0d9;border-radius:99px;margin-right:auto;padding:6px 9px;font-size:8px;font-weight:900}.app-request-row>span.approved{color:#168263;background:#e7f7f0}.app-request-row>span.rejected{color:#bb5058;background:#ffeded}.app-empty{text-align:center;color:#83919c;align-content:center;place-items:center;gap:7px;min-height:230px;display:grid}.app-empty>span{color:#0a8c85;background:#e8f7f5;border-radius:17px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.app-empty strong{color:#28384a;font-size:13px}.app-empty p{margin:0;font-size:10px}.app-profile-card{color:#fff;text-align:center;background:linear-gradient(145deg,#12384a,#0b7773);border-radius:18px;place-items:center;gap:7px;padding:22px;display:grid}.app-profile-card>span{background:#ffffff24;border-radius:18px;place-items:center;width:58px;height:58px;font-size:26px;display:grid}.app-profile-card h2{margin:3px 0 0;font-size:20px}.app-profile-card p{color:#b9d9db;margin:0;font-size:10px}.app-profile-card>div{background:#ffffff1a;border-radius:10px;align-items:center;gap:10px;margin-top:7px;padding:8px 12px;display:flex}.app-profile-card small{color:#bee0df;font-size:8px}.app-profile-card strong{font-size:9px}.app-password-form{border:1px solid #e2e9ec;border-radius:16px;gap:11px;padding:17px;display:grid}.app-password-form h3{margin:0;font-size:13px}.app-password-form label{color:#596b79;gap:6px;font-size:9px;font-weight:800;display:grid}.app-password-form input{height:44px;font:inherit;background:#f8fafb;border:1px solid #dce6e9;border-radius:11px;outline:0;padding:0 12px}.app-password-form input:focus{border-color:#27bcb3;box-shadow:0 0 0 3px #e4f7f5}.app-password-form button,.app-logout-button{color:#fff;background:#0da69d;border:0;border-radius:11px;height:43px;font-size:10px;font-weight:900}.app-account-message{color:#167b61;text-align:center;background:#e8f7f1;border-radius:10px;margin:0;padding:10px;font-size:9px}.app-logout-button{color:#b95059;background:#fff1f2;border:1px solid #f1d4d7}.payroll-attendance-note{background:#edf9f7;border:1px solid #cfe8e4;border-radius:12px;align-items:center;gap:10px;margin:0 18px;padding:12px 14px;display:flex}.payroll-attendance-note>span{color:#07877f;background:#d7f1ed;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.payroll-attendance-note>div{gap:3px;display:grid}.payroll-attendance-note small{color:#6f8584;font-size:8px}.payroll-attendance-note strong{color:#176e69;font-size:10px}.salary-letter-form{width:min(520px,100%)}.salary-letter-preview{color:#176f62;background:#eaf8f4;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.salary-letter-preview>span{background:#caeee3;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.salary-letter-preview>div{gap:3px;display:grid}.salary-letter-preview strong{font-size:10px}.salary-letter-preview small{color:#6d827d;font-size:8px}.app-request-layer{z-index:200;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.app-request-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08172294;border:0;position:absolute;inset:0}.app-request-form{z-index:1;background:#fff;border-radius:24px 24px 18px 18px;gap:14px;width:min(484px,100%);padding:20px;display:grid;position:relative;box-shadow:0 28px 80px #071c2852}.app-request-form>div{justify-content:space-between;align-items:center;display:flex}.app-request-form>div>span{font-size:17px;font-weight:900}.app-request-form>div>button{color:#60717e;background:#eef3f5;border:0;border-radius:10px;width:34px;height:34px;font-size:20px}.app-request-form label{color:#526471;gap:7px;font-size:10px;font-weight:800;display:grid}.app-request-form input,.app-request-form select,.app-request-form textarea{width:100%;font:inherit;color:#243447;background:#f8fafb;border:1px solid #dce6e9;border-radius:11px;outline:0;padding:0 12px}.app-request-form input,.app-request-form select{height:44px}.app-request-form textarea{resize:none;height:88px;padding-top:11px}.app-request-form input:focus,.app-request-form select:focus,.app-request-form textarea:focus{border-color:#27bcb3;box-shadow:0 0 0 3px #e4f7f5}.app-request-form>section{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-submit-request{color:#fff;background:linear-gradient(135deg,#13b4aa,#078d87);border:0;border-radius:13px;height:48px;font-size:12px;font-weight:900;box-shadow:0 10px 24px #088e8733}.guest-plans{color:#edf9fb;background:#06172b}.guest-nav{background:#031224e0;border-bottom:1px solid #27d7d533;height:86px;box-shadow:0 12px 34px #00000038}.guest-nav a{color:#c0d8df}.guest-nav button{background:linear-gradient(135deg,#1ed8d3,#078eab)}.guest-hero{text-align:right;background:#03152b;grid-template-columns:minmax(360px,520px) minmax(420px,1fr);align-items:end;gap:28px;min-height:790px;padding:0 5vw 48px;display:grid;position:relative;overflow:hidden}.guest-hero-art{inset:0;z-index:0!important;margin:0!important;position:absolute!important}.guest-hero-art:after{content:"";background:linear-gradient(90deg,#021023f5 0%,#0210238c 40%,#0000 72%),linear-gradient(#0000 65%,#021023e6);position:absolute;inset:0}.guest-hero-art img{object-fit:cover;width:100%;height:100%}.guest-hero-copy{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04192fc2;border:1px solid #29dad538;border-radius:24px;grid-column:1;padding:28px;position:relative;box-shadow:0 24px 65px #00000047}.guest-hero-copy>span{color:#70ece9;background:#11bbbb1f;border:1px solid #26dad333;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:900;display:inline-block}.guest-hero-copy h1{margin:15px 0 12px;font-size:40px;line-height:1.2}.guest-hero-copy h1 em{color:#25d9d5;font-style:normal}.guest-hero-copy>p{color:#b9d2d9;margin:0;font-size:12px;line-height:1.9}.guest-hero-copy>div{gap:10px;margin-top:22px;display:flex}.guest-hero-copy a{color:#fff;background:linear-gradient(135deg,#22d9d4,#088fa9);border-radius:11px;align-items:center;height:44px;padding:0 18px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px #08a6b238}.guest-hero-copy a.secondary{box-shadow:none;background:#ffffff12;border:1px solid #fff3}.guest-hero>section{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0827418c;border:1px solid #27d7d52e;grid-column:2;width:100%;margin:0;position:relative}.guest-hero>section article{background:#03182cb3}.guest-hero>section strong{color:#25d9d5}.guest-hero>section small{color:#aec8cf}.guest-value,.guest-pricing{background:radial-gradient(circle at 50% 0,#0ea0af1a,#0000 34%),#071a2f}.guest-value h2,.guest-section-title h2{color:#f3fbfc}.guest-value>div:first-child p,.guest-section-title p{color:#95adb8}.guest-value-grid article,.guest-price-grid>article{background:linear-gradient(145deg,#0d3049f5,#051c33f5);border-color:#36bbc22e;box-shadow:0 18px 45px #00000026}.guest-value-grid h3,.guest-price-grid h3,.guest-price-grid>article>div strong{color:#f1fbfc}.guest-value-grid p,.guest-price-grid>article>p,.guest-price-grid li span{color:#9fb5bf}.guest-value-grid span{color:#29dbd7;background:#20d8d21f}.guest-price-grid>article.featured{background:linear-gradient(145deg,#0b3a55,#08243d);border-color:#20c9c7;box-shadow:0 20px 55px #05a8b02b}.guest-price-grid>article>a{color:#42dedb;border-color:#34cdcc4d}.guest-demo{background:radial-gradient(circle at 15% 30%,#1cd3cf29,#0000 30%),linear-gradient(135deg,#04172c,#0a4053)}.guest-footer{background:#031326}.brand-mark img{width:112px;height:auto;top:-1px;left:-3px}.admin-login-brand img{object-fit:cover;border-radius:18px;width:360px;height:150px}@media (width<=800px){.guest-nav .guest-brand-link img{width:125px;height:50px}.guest-hero{min-height:auto;padding:56vw 18px 34px;display:block}.guest-hero-art{height:56vw}.guest-hero-art:after{background:linear-gradient(#0000 55%,#03152b 100%)}.guest-hero-copy{padding:21px}.guest-hero-copy h1{font-size:31px}.guest-hero>section{grid-template-columns:repeat(3,1fr);margin-top:18px}.admin-login-brand img{width:min(330px,90vw);height:130px}}.guest-hero{text-align:right;background:#03152b;min-height:0;padding:0 5vw 48px;display:block}.guest-hero-art{aspect-ratio:auto;background:#03152b;width:calc(100% + 10vw);height:clamp(400px,32vw,540px);inset:auto;overflow:hidden;margin:0 -5vw!important;position:relative!important}.guest-hero-art:before,.guest-hero-art:after{display:none}.guest-hero-art img{z-index:1;object-fit:contain;object-position:center;mix-blend-mode:lighten;background:0 0;width:min(1180px,100%);height:100%;margin:auto;display:block;position:relative}.guest-hero>.guest-hero-copy{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#082b44fa,#051b31fa);border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:32px;width:min(1180px,100%);padding:25px 28px;display:flex;margin:-1px auto 20px!important}.guest-hero-copy>div:first-child{flex:auto;min-width:0;margin:0!important;display:block!important}.guest-hero-copy>div:first-child>span{color:#69e7e3;font-size:10px;font-weight:900;display:inline-block}.guest-hero-copy h1{margin:7px 0 5px;font-size:clamp(18px,2vw,25px);line-height:1.35;display:block;white-space:nowrap!important}.guest-hero-copy>div:first-child>p{color:#b9d2d9;margin:0;font-size:11px;line-height:1.8}.guest-hero-actions{flex:none;gap:10px;display:flex;margin:0!important}.guest-hero>section{width:min(720px,100%);margin:0 auto}@media (width<=800px){.guest-hero{padding:0 16px 30px}.guest-hero-art{aspect-ratio:auto;width:calc(100% + 32px);height:clamp(250px,56vw,420px);margin:0 -16px!important}.guest-hero>.guest-hero-copy{border-radius:0 0 20px 20px;padding:20px;display:block;margin:0 auto 18px!important}.guest-hero-copy h1{font-size:clamp(16px,5vw,22px)}.guest-hero-actions{flex-wrap:wrap;margin-top:16px!important}.guest-hero-actions a{white-space:nowrap;flex:1;justify-content:center}}.guest-nav .guest-brand-link{align-items:center;gap:10px;display:flex}.guest-nav .guest-brand-link img{object-fit:contain;border-radius:0;width:52px;height:52px}.guest-nav .guest-brand-link span{text-align:right;display:grid}.guest-nav .guest-brand-link strong{color:#fff;font-size:18px;line-height:1.1}.guest-nav .guest-brand-link small{color:#77c7ca;margin-top:3px;font-size:8px}.guest-footer .guest-brand img{object-fit:contain;width:44px;height:44px}.admin-login-brand img{object-fit:contain;filter:drop-shadow(0 18px 28px #0ae0d92e);border-radius:0;width:170px;height:170px}.admin-login-brand .admin-brand-lockup{background:0 0;border:0;align-items:center;gap:18px;padding:0;display:flex}.admin-login-brand .admin-brand-lockup img{filter:none;background:0 0;width:118px;height:118px;box-shadow:none!important}.admin-login-brand .admin-brand-lockup>span{text-align:right;display:grid}.admin-login-brand .admin-brand-lockup strong{color:#fff;font-size:30px;line-height:1.1}.admin-login-brand .admin-brand-lockup small{color:#6fd7d2;white-space:nowrap;margin-top:7px;font-size:12px;font-weight:700}.attendance-app-login img{object-fit:contain;border-radius:0;width:112px;height:112px}.attendance-mobile-app>header img{object-fit:contain;border-radius:0;width:52px;height:52px}.brand-home-link{gap:14px;padding-inline:4px}.brand-mark{background:0 0;border-radius:0;flex-basis:54px;place-items:center;width:54px;height:54px;display:grid;overflow:visible}.brand-mark img{object-fit:contain;filter:drop-shadow(0 8px 14px #14dcd52e);width:52px;max-width:100%;height:52px;position:static}.brand-copy{text-align:right;min-width:0}.brand-copy strong{white-space:nowrap;font-size:24px}.brand-copy small{white-space:nowrap;font-size:11px}.hr-danger-button{color:#b64550;background:#fff2f3;border:1px solid #efc8cc;border-radius:10px;height:40px;padding:0 15px;font-size:10px;font-weight:900}.hr-danger-button:hover{background:#fde7e9;border-color:#e8aeb4}@media (width<=700px){.admin-login-brand img{width:128px;height:128px}.admin-login-brand .admin-brand-lockup{gap:12px}.admin-login-brand .admin-brand-lockup img{width:92px;height:92px}.admin-login-brand .admin-brand-lockup strong{font-size:25px}.guest-nav .guest-brand-link img{width:42px;height:42px}}.tenant-workspace{color:#172235;gap:22px;padding:28px;display:grid}.tenant-hero{color:#fff;background:linear-gradient(125deg,#102d40,#0d6f70);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f374529}.tenant-hero:after{content:"";border:45px solid #3cdcd317;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -60px -110px auto}.tenant-hero>div,.tenant-hero>button{z-index:1;position:relative}.tenant-hero span{color:#61ddd4;font-size:13px;font-weight:800}.tenant-hero h1{margin:8px 0;font-size:30px}.tenant-hero p{color:#c5d9df;margin:0}.tenant-hero>button,.tenant-users-head>button{color:#fff;cursor:pointer;background:#19bdb3;border:0;border-radius:13px;padding:13px 20px;font-family:inherit;font-weight:800;box-shadow:0 10px 25px #19bdb340}.tenant-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tenant-stats>button{text-align:right;color:inherit;cursor:pointer;background:#fff;border:1px solid #dce6ea;border-radius:18px;align-items:center;gap:14px;padding:19px;font-family:inherit;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 25px #1b36460a}.tenant-stats>button:hover{border-color:#7bcfc9;transform:translateY(-3px);box-shadow:0 14px 32px #1075781c}.tenant-stats>button>span{color:#0a9189;background:#e7f8f6;border-radius:14px;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.tenant-stats>button>i{color:#0b9189;opacity:0;font-size:9px;font-style:normal;font-weight:800;transition:all .2s;position:absolute;bottom:12px;left:16px;transform:translateY(4px)}.tenant-stats>button:hover>i{opacity:1;transform:none}.tenant-stats small,.tenant-stats p{color:#8493a6;margin:0;display:block}.tenant-stats strong{margin:4px 0;font-size:24px;display:block}.tenant-toolbar{background:#fff;border:1px solid #dce6ea;border-radius:17px;gap:12px;padding:12px;display:flex}.tenant-toolbar>div{background:#f5f8fa;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.tenant-toolbar input{background:0 0;border:0;outline:0;width:100%;padding:12px;font-family:inherit}.tenant-toolbar select,.tenant-settings-layout select{color:#536277;background:#fff;border:1px solid #d8e3e8;border-radius:12px;padding:11px 14px;font-family:inherit}.company-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.company-grid>article{cursor:pointer;background:#fff;border:1px solid #dbe6ea;border-radius:20px;padding:20px;transition:all .2s;box-shadow:0 8px 25px #1b36460a}.company-grid>article:hover,.company-grid>article.selected{border-color:#24bdb5;transform:translateY(-3px);box-shadow:0 15px 35px #14807f1f}.company-card-head{align-items:center;gap:12px;display:flex}.company-card-head>span,.selected-tenant>span{color:#087e78;background:linear-gradient(145deg,#dff7f4,#bcece8);border-radius:14px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:900;display:grid}.company-card-head h3{margin:0 0 3px;font-size:16px}.company-card-head small{color:#8b98a8}.tenant-status{color:#148866;background:#e7f7f1;border-radius:999px;margin-right:auto;padding:5px 10px;font-size:11px}.tenant-status.تجريبي{color:#a96c05;background:#fff2db}.tenant-status.موقوف{color:#c64e56;background:#ffe8e8}.company-plan{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px;display:grid}.company-plan div{background:#f6f9fa;border-radius:12px;padding:11px}.company-plan small,.company-card-foot small{color:#8996a6;margin-bottom:4px;display:block}.tenant-progress{background:#e7eef0;border-radius:99px;height:6px;overflow:hidden}.tenant-progress i{border-radius:inherit;background:linear-gradient(90deg,#12aaa2,#47d6cc);height:100%;display:block}.company-card-foot{align-items:flex-end;gap:8px;margin-top:18px;display:flex}.company-card-foot span{margin-left:auto}.company-card-foot button,.tenant-users-table td>button{color:#157f7c;cursor:pointer;background:#fff;border:1px solid #d5e3e7;border-radius:9px;padding:7px 10px;font-family:inherit}.company-modules-summary{margin:15px 0}.company-modules-summary>small{color:#8493a2;margin-bottom:7px;display:block}.company-modules-summary>div{flex-wrap:wrap;gap:5px;display:flex}.company-modules-summary span,.company-modules-summary b{color:#147f79;background:#e8f7f5;border-radius:8px;padding:5px 8px;font-size:9px}.company-card-actions{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:17px;display:grid}.company-card-actions button{color:#28616d;cursor:pointer;background:#fff;border:1px solid #cfe0e3;border-radius:10px;min-height:38px;font-family:inherit;font-size:10px;font-weight:800;transition:all .18s}.company-card-actions button:hover{background:#f0faf8;border-color:#70c9c4}.company-card-actions .primary{color:#fff;background:#10aaa2;border-color:#149f98}.company-card-actions .danger{color:#bd555b;background:#fff9f9;border-color:#efd0d2}.company-card-foot{border-top:1px solid #e7edef;justify-content:space-between;padding-top:14px}.company-card-foot span{min-width:0;margin:0}.company-card-foot strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:10px;display:block;overflow:hidden}.company-permissions-modal,.company-edit-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(760px,100vw - 28px);max-height:92vh;padding:0;overflow:hidden}.company-permissions-body,.company-edit-body{background:#f7fafb;padding:22px 27px;overflow-y:auto}.permissions-overview{background:#fff;border:1px solid #d5e6e7;border-radius:16px;align-items:center;gap:12px;padding:15px;display:flex}.permissions-overview>span{color:#fff;background:linear-gradient(145deg,#143f53,#0daaa2);border-radius:14px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.permissions-overview>div{gap:3px;display:grid}.permissions-overview small{color:#83939f}.permissions-overview>b{color:#087f78;background:#e1f5f2;border-radius:10px;margin-right:auto;padding:7px 10px;font-size:10px}.permissions-view-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.permissions-view-grid article{background:#fff;border:1px solid #d9e6e8;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;padding:14px;display:grid}.permissions-view-grid article>span{color:#087f78;background:#dff5f2;border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.permissions-view-grid article small{color:#84939e;font-size:9px}.permissions-view-grid article.disabled{opacity:.58;background:#f2f4f5}.permissions-view-grid article.disabled>span{color:#77848d;background:#e4e8ea}.company-permission-note{color:#426a7b;background:#eef7ff;border-radius:12px;padding:13px;font-size:10px}.company-edit-form .edit-form-grid{background:0 0;padding:0;overflow:visible}.company-edit-form .edit-form-grid input,.company-edit-form .edit-form-grid select{background:#fff;border-color:#d2e2e5;height:48px}.company-edit-form .company-module-picker{background:#fff}.tenant-settings-layout{grid-template-columns:300px 1fr;gap:18px;display:grid}.tenant-settings-layout>aside,.tenant-settings-layout>main{background:#fff;border:1px solid #dbe6ea;border-radius:20px;padding:22px}.tenant-settings-layout aside>label{gap:7px;font-weight:700;display:grid}.selected-tenant{text-align:center;background:linear-gradient(145deg,#f0faf9,#e9f4f5);border-radius:17px;margin:18px 0;padding:20px}.selected-tenant>span{margin:auto}.selected-tenant h3{margin:12px 0 4px}.selected-tenant p{color:#7c8a9b;margin:0 0 10px}.selected-tenant b{color:#11877d;font-size:12px}.tenant-settings-layout h4{margin:18px 0 10px}.tenant-module-list{gap:7px;display:grid}.tenant-module-list label{cursor:pointer;background:#f7f9fa;border-radius:10px;align-items:center;gap:9px;padding:9px;display:flex}.tenant-module-list input{accent-color:#10aaa2}.save-tenant-settings{color:#fff;cursor:pointer;background:#0f8e88;border:0;border-radius:11px;width:100%;margin-top:16px;padding:12px;font-family:inherit;font-weight:800}.tenant-users-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tenant-users-head span{color:#0b9991;font-size:12px;font-weight:800}.tenant-users-head h2{margin:5px 0}.tenant-users-head p{color:#8794a4;margin:0}.tenant-users-table{border:1px solid #e0e8eb;border-radius:15px;overflow:hidden}.tenant-users-table table{border-collapse:collapse;width:100%}.tenant-users-table th{text-align:right;color:#8290a1;background:#f5f8f9;padding:13px;font-size:12px}.tenant-users-table td{border-top:1px solid #e7edef;padding:14px 13px}.tenant-users-table td strong,.tenant-users-table td small{display:block}.tenant-users-table td small{color:#8c98a7;margin-top:3px}.permission-chips{flex-wrap:wrap;gap:4px;display:flex}.permission-chips span,.permission-chips b{color:#147f79;background:#e9f7f5;border-radius:8px;padding:4px 7px;font-size:10px}.empty-tenant-users{text-align:center;padding:45px}.empty-tenant-users>span{color:#12aaa2;font-size:30px}.system-admins-panel{background:linear-gradient(135deg,#fff,#f3fbfa);border:1px solid #cfe5e5;border-radius:22px;padding:26px;box-shadow:0 14px 38px #194b5612}.system-admins-panel>.tenant-users-head{border-bottom:1px solid #e2ecee;padding-bottom:17px}.system-admins-panel>.tenant-users-head>b{color:#087e77;background:#def5f1;border-radius:11px;padding:9px 13px;font-size:11px}.system-admin-grid{grid-template-columns:1fr;gap:14px;display:grid}.system-admin-grid article{background:#fff;border:1px solid #d8e7e9;border-radius:18px;grid-template-columns:auto minmax(150px,.7fr) minmax(280px,1.5fr) auto auto auto;align-items:center;gap:14px;padding:18px;transition:all .2s;display:grid;box-shadow:0 8px 22px #14434f0b}.system-admin-grid article:hover{border-color:#9fd9d5;transform:translateY(-2px);box-shadow:0 13px 28px #14636314}.system-admin-grid article.disabled{opacity:.72;background:#fafafa}.system-admin-avatar{color:#fff;background:linear-gradient(145deg,#143f53,#0daaa2);border-radius:15px;place-items:center;width:50px;height:50px;font-size:18px;font-weight:900;display:grid;box-shadow:0 8px 18px #0a807e33}.system-admin-info{gap:3px;display:grid}.system-admin-info strong{font-size:15px}.system-admin-info code{text-align:right;color:#087f79;direction:ltr;font-family:Arial,sans-serif;font-size:13px;font-weight:800}.system-admin-info small{color:#84929f}.system-admin-grid article>button{color:#087f79;background:#f7fcfb;border:1px solid #bcdedd;border-radius:10px;min-height:38px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:800;transition:all .18s}.system-admin-grid article>button:hover{background:#e4f7f4;border-color:#74c9c3}.system-admin-grid article>.admin-status-button{color:#c44f58;background:#fff7f7;border-color:#f0caca}.system-admin-grid article>.admin-status-button:hover{background:#ffecec;border-color:#e89da3}.system-admin-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(760px,100vw - 28px);max-height:92vh;padding:0;overflow:hidden}.system-admin-form-head{color:#fff;background:linear-gradient(135deg,#12394a,#0b766f);padding:24px 27px}.system-admin-form-head .profile-label{color:#7ce2d8}.system-admin-form-head h2{margin-top:6px;font-size:24px}.system-admin-form-head p{color:#bdd5d6;font-size:10px}.system-admin-form-head>button{color:#fff;background:#ffffff1f}.system-admin-form-body{background:#f8fbfb;min-height:0;padding:21px 27px;overflow-y:auto}.system-admin-form .edit-form-grid{background:0 0;padding:0;overflow:visible}.system-admin-form .edit-form-grid input,.system-admin-form .edit-form-grid select{background:#fff;border-color:#d2e2e5;height:48px}.system-admin-form .edit-form-grid input[readonly]{color:#788994;cursor:not-allowed;background:#edf3f4}.system-form-section-title{align-items:center;gap:10px;margin:0 0 14px;display:flex}.system-form-section-title>span{color:#087f78;background:#dff5f2;border-radius:9px;place-items:center;width:29px;height:29px;font-family:Arial,sans-serif;font-weight:900;display:grid}.system-form-section-title>div{gap:2px;display:grid}.system-form-section-title strong{font-size:13px}.system-form-section-title small{color:#86949f;font-size:9px}.password-tools{align-items:center;gap:11px;margin:12px 0 21px;display:flex}.password-tools button,.permission-section-head>div:last-child button{color:#087f78;background:#fff;border:1px solid #b8dad8;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:9px;font-weight:900}.password-tools small{color:#89969f;font-size:9px}.permission-section-head{border-top:1px solid #dfebed;justify-content:space-between;align-items:center;gap:15px;padding-top:18px;display:flex}.permission-section-head .system-form-section-title{margin:0}.permission-section-head>div:last-child{gap:6px;display:flex}.system-admin-form .tenant-permission-field{background:#fff;margin:13px 0 17px}.system-admin-form>.modal-actions{background:#fff;border-top:1px solid #dce7e9;margin:0;padding:16px 27px;box-shadow:0 -8px 24px #1435440d}.system-admin-form>.modal-actions button{min-width:130px;min-height:43px}.tenant-form{max-width:680px}.system-admin-form{max-width:760px}.tenant-permission-field{border:1px solid #dbe6ea;border-radius:15px;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;padding:15px;display:grid}.tenant-permission-field legend{padding:0 8px;font-weight:800}.tenant-permission-field label{cursor:pointer;background:#f4f8f9;border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:12px;display:flex}.tenant-permission-field input{opacity:0;position:absolute}.tenant-permission-field label:has(input:checked){color:#087d76;background:#e2f6f3}.tenant-permission-field label span{color:#0000;border:1px solid #bcd1d5;border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.tenant-permission-field input:checked+span{color:#fff;background:#11aaa2;border-color:#11aaa2}.user-invite-note{color:#356478;background:#eef8ff;border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.user-invite-note>span{font-size:22px}.user-invite-note p{margin:3px 0 0}.tenant-user-form{grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(720px,100vw - 32px);max-width:none;height:min(90vh,780px);max-height:90vh;padding:0;overflow:hidden}.tenant-user-form>.modal-head{background:linear-gradient(135deg,#f5fbfa,#fff);border-bottom:1px solid #e1eaed;padding:22px 25px 18px}.tenant-user-form-scroll{overscroll-behavior:contain;background:#f8fbfb;min-height:0;padding:18px 25px 22px;overflow-y:auto}.tenant-user-form .edit-form-grid{background:0 0;padding:0;overflow:visible}.tenant-user-form .edit-form-grid input,.tenant-user-form .edit-form-grid select{background:#fff;height:47px}.tenant-user-form .tenant-permission-field{background:#fff;margin:18px 0}.tenant-user-form .user-invite-note{margin-top:4px}.tenant-user-form>.modal-actions{background:#fff;border-top:1px solid #dce7e9;margin:0;padding:15px 25px;box-shadow:0 -8px 24px #1435440d}.tenant-user-form>.modal-actions button{min-width:130px;min-height:43px}.company-create-form{border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(820px,100vw - 28px);max-width:820px;max-height:92vh;padding:0;overflow:hidden}.company-create-head{color:#fff;background:radial-gradient(circle at 8% 15%,#35d3c638,#0000 30%),linear-gradient(125deg,#112f42,#08736f);border:0;padding:25px 28px}.company-create-head .profile-label{color:#69ded5}.company-create-head h2{margin:6px 0 4px;font-size:25px}.company-create-head p{color:#c3dadd;font-size:10px}.company-create-head>button{color:#fff;background:#ffffff1f}.company-create-body{background:#f7fafb;min-height:0;padding:22px 28px;overflow-y:auto}.company-form-section-title{align-items:center;gap:11px;margin:0 0 13px;display:flex}.company-form-section-title>span{color:#087f78;background:#dff5f2;border-radius:11px;place-items:center;width:34px;height:34px;font:800 10px Arial,sans-serif;display:grid}.company-form-section-title>div{gap:2px;display:grid}.company-form-section-title strong{color:#26394a;font-size:13px}.company-form-section-title small{color:#8997a3;font-size:9px}.company-fields{background:0 0;border-bottom:1px solid #deeaec;margin-bottom:20px;padding:0 0 22px;overflow:visible}.company-create-form .company-fields label{color:#405467;gap:8px;font-size:11px}.company-create-form .company-fields input{background:#fff;border:1px solid #d4e2e6;border-radius:12px;height:50px;padding-inline:14px;box-shadow:0 2px 4px #193a4805}.company-create-form .company-fields input:focus{border-color:#36bcb4;box-shadow:0 0 0 3px #14aba31a}.company-create-form .company-fields label>small{color:#95a1aa;font-size:8px}.company-plan-selector{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:23px;display:grid}.company-plan-selector label{cursor:pointer}.company-plan-selector input{opacity:0;position:absolute}.company-plan-selector label>span{background:#fff;border:1px solid #d8e5e8;border-radius:15px;gap:6px;min-height:84px;padding:15px;transition:all .18s;display:grid;position:relative}.company-plan-selector label>span>b{font-size:13px}.company-plan-selector label>span>small{color:#8997a4;font-size:9px}.company-plan-selector label>span>i{color:#0000;border:1px solid #cbdcdf;border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid;position:absolute;top:13px;left:13px}.company-plan-selector label:hover>span{border-color:#83d3ce;transform:translateY(-2px)}.company-plan-selector input:checked+span{background:linear-gradient(145deg,#eaf9f7,#fff);border-color:#10aaa2;box-shadow:0 8px 22px #119f991a}.company-plan-selector input:checked+span>i{color:#fff;background:#10aaa2;border-color:#10aaa2}.company-permission-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.company-permission-head .company-form-section-title{margin:0}.company-permission-head>div:last-child{gap:7px;display:flex}.company-permission-head button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #bcdedb;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:9px;font-weight:900}.company-module-picker{background:#fff;border-radius:17px;margin:13px 0 17px}.company-module-picker label{border:1px solid #0000;min-height:45px}.company-module-picker label:hover{border-color:#9ddbd6}.company-module-picker label b{font-size:10px}.company-create-note{color:#315f67;background:#eaf8f6;border:1px solid #cbe5e3;border-radius:14px;align-items:center;gap:11px;padding:13px 15px;display:flex}.company-create-note>span{color:#087f78;background:#caede9;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.company-create-note strong{font-size:11px}.company-create-note p{color:#71868d;margin:3px 0 0;font-size:9px}.company-create-actions{background:#fff;border-top:1px solid #dce8ea;margin:0;padding:16px 28px;box-shadow:0 -8px 24px #1738450d}.company-create-actions button{min-height:44px}.company-create-actions .hr-primary-button{min-width:220px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.company-module-picker .module-unavailable{cursor:not-allowed;opacity:.75;border-style:dashed;color:#8e9aa3!important;background:#f1f3f4!important}.company-module-picker .module-unavailable span{color:#7f8c94!important;background:#d9e0e3!important;border-color:#d9e0e3!important}.company-module-picker .module-unavailable b{gap:2px;display:grid}.company-module-picker .module-unavailable small{color:#a66b18;font-size:7px;font-weight:700}@media (width<=1300px){.system-admin-grid article{grid-template-columns:auto minmax(120px,1fr) minmax(190px,1.4fr) auto auto auto}}@media (width<=1100px){.tenant-stats,.company-grid{grid-template-columns:repeat(2,1fr)}.tenant-settings-layout{grid-template-columns:1fr}.tenant-permission-field{grid-template-columns:repeat(2,1fr)}.system-admin-grid article{grid-template-columns:auto 1fr auto}.system-admin-grid article>.permission-chips{grid-column:1/-1}.system-admin-grid article>button{grid-row:2}}@media (width<=700px){.tenant-workspace{padding:14px}.tenant-hero{flex-direction:column;align-items:flex-start;padding:24px}.tenant-hero h1{font-size:25px}.tenant-stats,.company-grid{grid-template-columns:1fr}.tenant-toolbar{flex-direction:column}.tenant-settings-layout>aside,.tenant-settings-layout>main,.system-admins-panel{padding:14px}.tenant-users-table{overflow:auto}.tenant-users-table table{min-width:720px}.tenant-permission-field{grid-template-columns:1fr}.tenant-users-head{flex-direction:column;align-items:flex-start;gap:14px}.system-admin-grid article{grid-template-columns:auto 1fr}.system-admin-grid article>.tenant-status{justify-self:start}.system-admin-grid article>button{grid-row:auto}.system-admin-grid article>.permission-chips,.system-admin-grid article>button{grid-column:1/-1;width:100%}.company-create-form{border-radius:18px;width:100%;max-height:95vh}.company-create-head,.company-create-body,.company-create-actions{padding:17px}.company-create-head h2{font-size:21px}.company-plan-selector{grid-template-columns:1fr}.company-permission-head{flex-direction:column;align-items:flex-start}.company-permission-head>div:last-child{width:100%}.company-permission-head button{flex:1}.company-create-actions button{flex:1;min-width:0!important}.company-fields{grid-template-columns:1fr}.company-card-actions{grid-template-columns:1fr 1fr}.company-permissions-modal,.company-edit-form{width:100%;max-height:95vh}.company-permissions-body,.company-edit-body{padding:17px}.permissions-overview{flex-wrap:wrap;align-items:flex-start}.permissions-overview>b{margin-right:60px}.permissions-view-grid{grid-template-columns:1fr 1fr}.system-admin-form{width:100%;max-height:95vh}.system-admin-form-head,.system-admin-form-body,.system-admin-form>.modal-actions{padding:17px}.system-admin-form-head h2{font-size:20px}.permission-section-head{flex-direction:column;align-items:flex-start}.permission-section-head>div:last-child{width:100%}.permission-section-head>div:last-child button{flex:1}.password-tools{flex-direction:column;align-items:flex-start}.system-admin-form>.modal-actions button{flex:1;min-width:0}.tenant-user-form{width:100%;height:94vh;max-height:94vh}.tenant-user-form>.modal-head,.tenant-user-form-scroll,.tenant-user-form>.modal-actions{padding:16px}.tenant-user-form>.modal-head h2{font-size:20px}.tenant-user-form>.modal-actions button{flex:1;min-width:0}}.school-workspace{color:#172538;gap:20px;padding:28px;display:grid}.school-hero{color:#fff;background:radial-gradient(circle at 8% 15%,#2dd3c740,#0000 26%),linear-gradient(125deg,#102b40,#086e72);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;display:flex;box-shadow:0 18px 44px #0c394829}.school-hero span,.school-section-title span,.school-detail-head span{color:#54d8ce;font-size:12px;font-weight:800}.school-hero h1{margin:7px 0;font-size:30px}.school-hero p{color:#c9dde1;margin:0}.school-hero button,.school-section-title button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;padding:12px 17px;font-family:inherit;font-weight:800}.school-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.school-stats article{background:#fff;border:1px solid #dce7ea;border-radius:17px;padding:18px;box-shadow:0 7px 22px #1a34440a}.school-stats small,.school-stats span{color:#8796a7;display:block}.school-stats strong{margin:7px 0;font-size:25px;display:block}.school-stats span{color:#169086;font-size:11px}.school-section-title,.school-detail-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.school-section-title h2,.school-detail-head h2{margin:5px 0}.school-section-title button{color:#167f7b;background:#fff;border-color:#cde1e3}.school-module-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.school-module-grid>button{text-align:right;color:inherit;cursor:pointer;background:#fff;border:1px solid #dbe6ea;border-radius:18px;align-items:flex-start;gap:13px;padding:18px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 6px 20px #1935450a}.school-module-grid>button:hover{border-color:#23bcb4;transform:translateY(-3px);box-shadow:0 14px 28px #147d7d1f}.school-module-grid>button>span{color:#098b84;background:#e4f7f5;border-radius:13px;flex:0 0 43px;place-items:center;height:43px;font-size:20px;display:grid}.school-module-grid>button>span.blue{color:#477fc4;background:#e9f2ff}.school-module-grid>button>span.violet{color:#7754c6;background:#f0eaff}.school-module-grid>button>span.orange{color:#b77918;background:#fff1dc}.school-module-grid>button>span.green{color:#398a58;background:#e9f7ee}.school-module-grid>button>span.pink{color:#b55781;background:#fdebf4}.school-module-grid>button>span.indigo{color:#5966bd;background:#ebedff}.school-module-grid h3{margin:2px 0 7px;font-size:15px}.school-module-grid p{color:#7d8b9c;margin:0 0 10px;font-size:12px;line-height:1.7}.school-module-grid small{color:#0a9189;font-weight:800}.school-module-grid>button>b{color:#93a1b0;margin-right:auto}.school-detail{background:#fff;border:1px solid #dce7ea;border-radius:21px;padding:24px}.school-detail-head{border-bottom:1px solid #e5ecef;padding-bottom:20px}.school-detail-head p{color:#8391a1;margin:0}.school-detail-head>strong{color:#0b827c;background:#e5f7f5;border-radius:12px;padding:11px 15px}.school-feature-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.school-feature-grid>button{text-align:right;cursor:pointer;background:#fbfcfd;border:1px solid #dce6e9;border-radius:15px;align-items:center;gap:13px;padding:16px;font-family:inherit;display:flex}.school-feature-grid>button:hover{background:#f0faf9;border-color:#20b8b0}.school-feature-grid>button>span{color:#0b8e87;background:#e2f6f3;border-radius:11px;place-items:center;width:39px;height:39px;font-size:18px;display:grid}.school-feature-grid strong,.school-feature-grid small{display:block}.school-feature-grid small{color:#8b98a7;margin-top:5px}.school-feature-grid b{color:#8a9aaa;margin-right:auto}.school-action-modal{max-width:650px}@media (width<=1050px){.school-stats,.school-module-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.school-workspace{padding:14px}.school-hero{flex-direction:column;align-items:flex-start;padding:24px}.school-stats,.school-module-grid,.school-feature-grid{grid-template-columns:1fr}.school-section-title,.school-detail-head{flex-direction:column;align-items:flex-start}}.employee-nationality-row{color:#607182;background:#f4f8f9;border-radius:10px;align-items:center;gap:7px;margin:0 0 12px;padding:8px 10px;display:flex}.employee-nationality-row>span{color:#0c827a;background:#dff5f1;border-radius:7px;padding:4px 8px;font-size:9px;font-weight:900}.employee-nationality-row small{font-size:9px}.employee-nationality-row b{color:#9a6a17;margin-right:auto;font-size:8px}.resident-profile-section{background:linear-gradient(145deg,#f3fbfa,#fff);border-color:#acdeda}.resident-valid{color:#118262!important}.hr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1000px){.hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.hr-stats{grid-template-columns:1fr}}.employee-profile-modal{width:min(860px,100vw - 28px)}.employee-hr-summary{background:#fff}.employee-record-list{gap:9px;display:grid}.employee-record-list article{background:#f9fbfc;border:1px solid #e2eaed;border-radius:13px;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.8fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.employee-record-list article>div{gap:4px;display:grid}.employee-record-list small,.employee-payroll-grid small,.employee-account-summary small{color:#8795a5;font-size:9px}.employee-record-list strong{font-size:10px}.employee-record-list article>span{border-radius:99px;padding:6px 9px;font-size:8px;font-weight:900}.employee-record-list .success{color:#11805f;background:#e4f6ef}.employee-record-list .warning{color:#a46a12;background:#fff0d8}.employee-record-list .danger{color:#bb4b55;background:#ffe7e8}.employee-profile-empty{color:#82909f;text-align:center;background:#f8fafb;border:1px dashed #cfdee2;border-radius:13px;padding:22px;font-size:10px}.employee-payroll-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.employee-payroll-grid>div{background:#f4f8f9;border-radius:12px;gap:5px;padding:12px;display:grid}.employee-payroll-grid strong{font-size:12px}.employee-payroll-grid .positive strong{color:#128466}.employee-payroll-grid .negative strong{color:#c04e58}.employee-payroll-grid .net{color:#fff;background:#0b7773}.employee-payroll-grid .net small{color:#afe1de}.employee-payroll-note{background:#eaf7f5;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;display:flex}.employee-payroll-note>span{color:#087e78;background:#d2efeb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.employee-payroll-note>div{gap:3px;display:grid}.employee-payroll-note small{color:#72878a}.employee-payroll-note>b{color:#087e78;margin-right:auto}.employee-goals-list{gap:10px;display:grid}.employee-goals-list article{border:1px solid #e1eaed;border-radius:13px;justify-content:space-between;gap:18px;padding:14px;display:flex}.employee-goals-list article>div:first-child{gap:5px;display:grid}.employee-goals-list p{color:#8996a5;margin:0;font-size:8px}.goal-progress{grid-template-columns:1fr auto;align-items:center;gap:7px;width:180px;display:grid}.goal-progress>span{background:#e3ebed;border-radius:99px;height:6px;overflow:hidden}.goal-progress i{border-radius:inherit;background:#17afa7;height:100%;display:block}.goal-progress small{color:#138279;text-align:left;grid-column:1/-1}.employee-account-summary{grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:9px;display:grid}.employee-account-summary>div{background:#f4f8f9;border-radius:12px;gap:5px;padding:12px;display:grid}.employee-account-summary button{color:#087f79;cursor:pointer;background:#e8f7f5;border:1px solid #bcdedb;border-radius:10px;padding:11px 13px;font-family:inherit;font-weight:900}@media (width<=700px){.employee-record-list article{grid-template-columns:1fr}.employee-payroll-grid{grid-template-columns:repeat(2,1fr)}.employee-account-summary{grid-template-columns:1fr}.employee-goals-list article{flex-direction:column}.goal-progress{width:100%}}.school-student-directory{background:#fff;border:1px solid #d9e6e9;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #1536450f}.school-student-head{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.school-student-head span{color:#0c9189;font-size:11px;font-weight:900}.school-student-head h2{margin:5px 0;font-size:20px}.school-student-head p{color:#82909e;margin:0;font-size:11px}.school-student-head button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18bbb2,#099088);border:0;border-radius:11px;padding:12px 17px;font-family:inherit;font-weight:900}.school-student-summary{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px 18px;display:grid}.school-student-summary article{background:linear-gradient(145deg,#fbfdfd,#f1f9f8);border:1px solid #dfe9eb;border-radius:14px;padding:15px}.school-student-summary small,.school-student-summary span{color:#7d8d9b;font-size:9px;display:block}.school-student-summary strong{color:#173044;margin:5px 0;font-size:20px;display:block}.school-student-summary span{color:#12857f}.school-student-toolbar{background:#f7fafb;border-block:1px solid #e3ecee;align-items:center;gap:9px;padding:13px 24px;display:flex}.school-student-toolbar label{background:#fff;border:1px solid #d8e4e7;border-radius:11px;flex:1;align-items:center;gap:8px;max-width:520px;padding:0 12px;display:flex}.school-student-toolbar input{background:0 0;border:0;outline:0;width:100%;height:40px;font-family:inherit}.school-student-toolbar select{background:#fff;border:1px solid #d8e4e7;border-radius:11px;min-width:150px;height:42px;padding:0 11px;font-family:inherit}.school-student-toolbar>b{color:#18847d;margin-right:auto;font-size:10px}.school-students-table-wrap{overflow:auto}.school-students-table{border-collapse:collapse;width:100%;min-width:1100px}.school-students-table th,.school-students-table td{text-align:right;border-bottom:1px solid #ebf0f2;padding:13px 15px;font-size:10px}.school-students-table th{color:#7b8a9a;background:#fbfcfd;font-size:9px}.school-students-table td>strong,.school-students-table td>small{display:block}.school-students-table td>small{color:#8b98a6;margin-top:4px;font-size:8px}.school-students-table tbody tr:hover{background:#f8fcfb}.student-nationality{color:#526fb0;background:#edf1fb;border-radius:99px;padding:5px 8px;display:inline-block}.student-nationality.local{color:#148262;background:#e5f7f1}.student-classroom{color:#0c817a;background:#e6f5f4;border-radius:9px;place-items:center;min-width:45px;padding:7px;display:inline-grid}.school-students-table td>button{color:#087f79;cursor:pointer;background:#eff9f7;border:1px solid #bcdedb;border-radius:8px;padding:7px 10px;font-family:inherit;font-weight:900}.school-student-profile{width:min(660px,100vw - 28px);padding:0;overflow:hidden}.school-student-profile-cover{color:#fff;background:linear-gradient(135deg,#12394b,#08766f);padding:24px;position:relative}.school-student-profile-cover>button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:9px;width:34px;height:34px;font-size:20px;position:absolute;top:20px;left:20px}.school-student-profile-cover span{color:#6ce0d6;font-size:10px;font-weight:900}.school-student-profile-cover h2{margin:9px 0 4px;font-size:24px}.school-student-profile-cover p{color:#c4dcdf;margin:0}.school-student-profile-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding:20px;display:grid}.school-student-profile-grid>div{background:#f4f8f9;border-radius:12px;gap:5px;padding:13px;display:grid}.school-student-profile-grid .wide{grid-column:1/-1}.school-student-profile-grid small{color:#8493a0;font-size:9px}.school-student-profile-grid strong{font-size:11px}.school-student-profile-cover:after{content:"";pointer-events:none;border:35px solid #3fdccf1f;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-75px;left:-30px}.school-student-profile-grid>div{border:1px solid #0000;transition:all .2s}.school-student-profile-grid>div:hover{background:#f0faf8;border-color:#c7e5e2}.guardian-contact{grid-template-columns:1fr auto;align-items:center}.guardian-contact small,.guardian-contact strong{grid-column:1}.guardian-contact a{color:#087f79;background:#e1f5f2;border-radius:9px;grid-area:1/2/3;padding:9px 12px;font-size:9px;font-weight:900;text-decoration:none}.school-student-form{width:min(760px,100vw - 28px)}.school-admission-board{background:#fff;border:1px solid #d9e6e9;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #1536450f}.school-admission-head{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.school-admission-head span{color:#0c9189;font-size:11px;font-weight:900}.school-admission-head h2{margin:5px 0;font-size:21px}.school-admission-head p{color:#80909f;margin:0;font-size:11px}.school-admission-head>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18bbb2,#098e87);border:0;border-radius:11px;padding:12px 17px;font-family:inherit;font-weight:900}.school-admission-stats{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 18px;display:grid}.school-admission-stats article{background:#f9fbfc;border:1px solid #e0e9ec;border-radius:14px;align-items:center;gap:11px;padding:14px;display:flex}.school-admission-stats article>span{color:#0b8780;background:#e3f5f3;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.school-admission-stats small,.school-admission-stats strong{display:block}.school-admission-stats small{color:#81909f;font-size:9px}.school-admission-stats strong{margin-top:4px;font-size:18px}.school-admission-tabs{background:#f8fafb;border-block:1px solid #e4ecee;gap:7px;padding:12px 24px;display:flex;overflow:auto}.school-admission-tabs button{white-space:nowrap;color:#708090;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-family:inherit;font-size:9px;font-weight:800;display:flex}.school-admission-tabs button span{background:#e7edef;border-radius:7px;place-items:center;min-width:20px;height:20px;display:grid}.school-admission-tabs button.active{color:#087f79;background:#e8f7f5;border-color:#bce3df}.school-applicant-list{gap:10px;padding:16px;display:grid}.school-applicant-list>article{background:#fff;border:1px solid #e0e9eb;border-radius:16px;grid-template-columns:minmax(230px,1.4fr) minmax(160px,.8fr) minmax(190px,1fr) minmax(150px,.7fr);align-items:center;gap:15px;padding:15px;transition:all .2s;display:grid}.school-applicant-list>article:hover{border-color:#a9dad5;box-shadow:0 10px 24px #144e5014}.school-applicant-person{align-items:center;gap:11px;display:flex}.school-applicant-person>span{color:#07857e;background:linear-gradient(145deg,#d9f3ef,#eefaf8);border-radius:13px;flex:0 0 42px;place-items:center;height:42px;font-size:16px;font-weight:900;display:grid}.school-applicant-person strong,.school-applicant-person small,.school-applicant-person p,.school-applicant-meta small,.school-applicant-meta strong,.school-applicant-docs strong,.school-applicant-docs small{display:block}.school-applicant-person small,.school-applicant-person p,.school-applicant-meta small,.school-applicant-docs small{color:#8795a3;margin:4px 0 0;font-size:8px}.school-applicant-meta{gap:3px;display:grid}.school-applicant-meta strong{font-size:10px}.school-applicant-docs{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.school-applicant-docs>span{color:#5479a9;background:#edf5fb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.school-applicant-docs button{color:#087f79;cursor:pointer;background:0 0;border:0;grid-column:1/-1;width:max-content;padding:0;font-family:inherit;font-size:8px;font-weight:900}.school-applicant-actions{justify-items:start;gap:7px;display:grid}.school-applicant-actions>button,.school-applicant-actions>div button{color:#526274;cursor:pointer;background:#fff;border:1px solid #cfe0e3;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.school-applicant-actions>div{gap:5px;display:flex}.school-applicant-actions>div .accept,.school-applicant-actions .contract{color:#fff;background:#0eaaa2;border-color:#0eaaa2}.school-applicant-actions>div .reject{color:#b64d57;background:#fff2f3;border-color:#f1ced1}.admission-status{color:#5475ae;background:#eaf1fc;border-radius:99px;padding:6px 9px;font-size:8px}.admission-status.مقبول{color:#16805e;background:#e4f6ed}.admission-status.مرفوض{color:#b84e57;background:#ffe8e9}.admission-status.نواقص{color:#a76d15;background:#fff0d8}.admission-status.طلب.جديد{color:#087f79;background:#e4f5f3}.school-applicant-modal{width:min(700px,100vw - 28px);padding:0;overflow:hidden}.school-application-documents{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 20px 20px;display:grid}.school-application-documents button{text-align:right;cursor:pointer;background:#fafcfc;border:1px solid #e1e9eb;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:3px;padding:11px;font-family:inherit;display:grid}.school-application-documents button span{color:#0b837c;background:#e2f5f1;border-radius:9px;grid-row:1/3;place-items:center;width:30px;height:30px;display:grid}.school-application-documents button strong{font-size:9px}.school-application-documents button small{color:#8593a1;font-size:8px}.admission-modal-reject{color:#b64d57;cursor:pointer;background:#fff1f2;border:1px solid #efc8cc;border-radius:10px;padding:10px 14px;font-family:inherit;font-weight:900}.school-admission-empty{text-align:center;color:#7f8f9e;justify-items:center;gap:7px;padding:48px 20px;display:grid}.school-admission-empty>span{color:#07847d;background:#e7f7f5;border-radius:17px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.school-admission-empty h3{color:#26384a;margin:5px 0 0}.school-admission-empty p{margin:0}.school-admission-empty>div{gap:8px;margin-top:10px;display:flex}.school-admission-empty button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #bcdedb;border-radius:10px;padding:10px 13px;font-family:inherit;font-weight:900}.school-admission-empty button:last-child{color:#fff;background:#0ba49c;border-color:#0ba49c}.admission-form-note,.admission-contract-summary{color:#17655f;background:#eaf8f6;border-radius:13px;align-items:center;gap:11px;margin:0 20px 18px;padding:13px;display:flex}.admission-form-note>span,.admission-contract-summary>span{color:#087f79;background:#d4f1ed;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.admission-form-note strong,.admission-form-note p,.admission-contract-summary small,.admission-contract-summary strong,.admission-contract-summary p{margin:0;display:block}.admission-form-note p,.admission-contract-summary p,.admission-contract-summary small{color:#708985;margin-top:4px;font-size:9px}.admission-contract-summary{background:linear-gradient(135deg,#e9f8f5,#f4fbfa);margin-top:-5px}.student-finance-card{background:linear-gradient(145deg,#f7fbfb,#eef8f7);border:1px solid #cfe3e4;border-radius:16px;margin:0 20px 20px;padding:16px}.student-finance-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-finance-head span{color:#0b8a83;font-size:9px;font-weight:900}.student-finance-head h3{margin:4px 0 0;font-size:15px}.student-finance-head>b{border-radius:99px;padding:7px 10px;font-size:8px}.student-finance-head .paid{color:#167d5e;background:#dff5ea}.student-finance-head .due{color:#a56c15;background:#fff0d9}.student-finance-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.student-finance-grid>div{background:#fff;border-radius:11px;gap:5px;padding:11px;display:grid}.student-finance-grid small{color:#80909c;font-size:8px}.student-finance-grid strong{font-size:10px}.student-finance-grid .positive{color:#10815f}.student-finance-grid .negative{color:#bd4e58}.student-finance-card>button{color:#fff;cursor:pointer;background:#0da49c;border:0;border-radius:10px;width:100%;padding:11px;font-family:inherit;font-weight:900}.student-finance-card>button:disabled{color:#5f7c79;cursor:default;background:#dce9e8}.student-payment-modal{width:min(520px,100vw - 28px)}.payment-balance{color:#fff;background:#0c7471;border-radius:13px;gap:5px;margin:0 20px 14px;padding:15px;display:grid}.payment-balance small{color:#b9e1df}.payment-balance strong{font-size:20px}.payment-amount-label{color:#425565;gap:7px;margin:0 20px 14px;font-size:10px;font-weight:900;display:grid}.payment-amount-label input{border:1px solid #d4e1e4;border-radius:11px;height:44px;padding:0 12px;font-family:inherit;font-size:14px}@media (width<=700px){.student-finance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.hr-modal-layer{padding:10px}.edit-employee-modal{border-radius:17px;width:100%;height:94vh;max-height:94vh}.edit-employee-modal>.modal-head{padding:18px}.edit-employee-modal>.modal-head h2{font-size:20px}.edit-form-grid{gap:13px;padding:16px}.edit-employee-modal>.modal-actions{padding:13px 16px}.edit-employee-modal>.modal-actions button{flex:1;min-width:0}}.school-attendance-board{background:#fff;border:1px solid #d9e6e9;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #1536450f}.school-attendance-head{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.school-attendance-head span{color:#0b8f87;font-size:10px;font-weight:900}.school-attendance-head h2{margin:5px 0;font-size:21px}.school-attendance-head p{color:#83929f;margin:0;font-size:10px}.school-attendance-head>div:last-child{gap:8px;display:flex}.school-attendance-head button{color:#fff;cursor:pointer;background:#0ca69e;border:0;border-radius:10px;padding:11px 14px;font-family:inherit;font-size:9px;font-weight:900}.school-attendance-head button.outline{color:#087e78;background:#fff;border:1px solid #c6dddd}.school-attendance-summary{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 18px;display:grid}.school-attendance-summary article{background:#f9fbfc;border:1px solid #e0e9eb;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.school-attendance-summary article>span{color:#0a877f;background:#e3f5f2;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.school-attendance-summary small,.school-attendance-summary strong{display:block}.school-attendance-summary small{color:#82919e;font-size:8px}.school-attendance-summary strong{margin-top:3px;font-size:17px}.school-attendance-toolbar{background:#f8fafb;border-block:1px solid #e4ecee;justify-content:space-between;align-items:center;gap:12px;padding:11px 24px;display:flex}.school-attendance-toolbar>div{gap:6px;display:flex;overflow:auto}.school-attendance-toolbar button{white-space:nowrap;color:#6e7f8e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900;display:flex}.school-attendance-toolbar button span{background:#e8eef0;border-radius:6px;place-items:center;min-width:19px;height:19px;display:grid}.school-attendance-toolbar button.active{color:#087f79;background:#e8f7f5;border-color:#bce1de}.school-attendance-toolbar label{color:#6f808e;align-items:center;gap:8px;font-size:8px;display:flex}.school-attendance-toolbar input{background:#fff;border:1px solid #d7e3e6;border-radius:8px;height:34px;padding:0 8px}.school-attendance-table{overflow:auto}.school-attendance-row{border-bottom:1px solid #e8eef0;grid-template-columns:minmax(180px,1.3fr) minmax(130px,1fr) 90px minmax(140px,1fr) minmax(130px,.9fr) minmax(220px,1.3fr);align-items:center;gap:12px;min-width:1050px;padding:13px 18px;display:grid}.school-attendance-row.table-head{color:#7c8b99;background:#fbfcfd;font-size:8px;font-weight:900}.school-attendance-row strong,.school-attendance-row small{display:block}.school-attendance-row small{color:#8896a3;margin-top:4px;font-size:8px}.student-attendance-status{color:#168060;background:#e4f5ee;border-radius:99px;padding:6px 9px;font-size:8px;display:inline-block}.student-attendance-status.متأخر{color:#a66b13;background:#fff0d8}.student-attendance-status.غائب{color:#b84c56;background:#ffe7e8}.student-attendance-status.مستأذن{color:#526fb0;background:#e9effd}.student-attendance-actions{gap:5px;display:flex}.student-attendance-actions button{color:#087e78;cursor:pointer;background:#fff;border:1px solid #c9dddd;border-radius:7px;padding:6px 7px;font-family:inherit;font-size:7px;font-weight:900}.student-attendance-actions button:hover{background:#e8f7f5}.student-attendance-actions button.absent{color:#b84c56;border-color:#efc9cc}.student-attendance-actions button.absent:hover{background:#fff0f1}@media (width<=800px){.school-attendance-head{flex-direction:column;align-items:flex-start}.school-attendance-head>div:last-child{width:100%}.school-attendance-head button{flex:1}.school-attendance-summary{grid-template-columns:repeat(2,1fr)}.school-attendance-toolbar{flex-direction:column;align-items:flex-start}}.school-grades-board{background:#fff;border:1px solid #d9e6e9;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #1536450f}.school-grades-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.school-grades-head span{color:#0a8b84;font-size:10px;font-weight:900}.school-grades-head h2{margin:5px 0;font-size:21px}.school-grades-head p{color:#82919e;margin:0;font-size:10px}.school-grades-head button{color:#fff;cursor:pointer;background:#0ca49c;border:0;border-radius:10px;padding:11px 14px;font-family:inherit;font-weight:900}.school-grades-summary{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 18px;display:grid}.school-grades-summary article{background:#f8fbfb;border:1px solid #e0e9eb;border-radius:13px;padding:14px}.school-grades-summary small,.school-grades-summary strong{display:block}.school-grades-summary small{color:#82919f;font-size:8px}.school-grades-summary strong{margin-top:5px;font-size:19px}.school-grades-table{overflow:auto}.school-grades-row{border-top:1px solid #e8eef0;grid-template-columns:minmax(185px,1.5fr) repeat(4,70px) 80px 90px minmax(160px,1fr);align-items:center;gap:10px;min-width:1050px;padding:13px 18px;display:grid}.school-grades-row.table-head{color:#7b8b98;background:#fafcfc;font-size:8px;font-weight:900}.school-grades-row strong,.school-grades-row small{display:block}.school-grades-row small{color:#8996a3;margin-top:4px;font-size:8px}.school-grades-row>b{text-align:center}.grade-pass,.grade-fail{color:#147e5d;background:#e3f5ec;border-radius:99px;width:max-content;padding:6px 9px;font-size:8px;font-weight:900;display:inline-block}.grade-fail{color:#b94b55;background:#ffe7e8}.school-grades-row>div:last-child{gap:5px;display:flex}.school-grades-row button{color:#087e78;cursor:pointer;background:#fff;border:1px solid #c7dedd;border-radius:8px;padding:7px 8px;font-family:inherit;font-size:7px;font-weight:900}.school-grades-row button:last-child{background:#e8f7f5}.student-grades-card{background:linear-gradient(145deg,#f8faff,#eff3fb);border:1px solid #d7e1f1;border-radius:16px;margin:0 20px 12px;padding:16px}.student-grades-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-grades-head span{color:#4e72ac;font-size:9px;font-weight:900}.student-grades-head h3{margin:4px 0 0;font-size:15px}.student-grades-head>b{color:#4d6fa7;background:#e3ebfb;border-radius:99px;padding:7px 10px;font-size:8px}.student-grades-grid,.student-grade-form-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.student-grades-grid>div{background:#fff;border-radius:10px;gap:5px;padding:10px;display:grid}.student-grades-grid small{color:#82909d;font-size:8px}.student-grades-grid strong{font-size:13px}.student-grades-card>div:last-child{gap:7px;display:flex}.student-grades-card button{color:#4f6fa3;cursor:pointer;background:#fff;border:1px solid #bfcfe8;border-radius:9px;flex:1;padding:9px;font-family:inherit;font-weight:900}.student-grade-modal{width:min(620px,100vw - 28px)}.student-grade-form-grid{padding:0 20px}.student-grade-form-grid label{color:#526270;gap:7px;font-size:9px;font-weight:900;display:grid}.student-grade-form-grid input{border:1px solid #d7e2e6;border-radius:10px;height:44px;padding:0 10px;font-family:inherit;font-size:14px}@media (width<=800px){.school-grades-head{flex-direction:column;align-items:flex-start}.school-grades-summary,.student-grades-grid,.student-grade-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.school-admission-stats{grid-template-columns:repeat(2,1fr)}.school-applicant-list>article{grid-template-columns:1fr 1fr}}@media (width<=700px){.school-admission-head{flex-direction:column;align-items:flex-start}.school-admission-head>button{width:100%}.school-admission-stats,.school-applicant-list>article,.school-application-documents{grid-template-columns:1fr}.school-applicant-list>article{align-items:start}.school-applicant-docs{grid-template-columns:auto 1fr}.school-student-summary{grid-template-columns:1fr}.school-student-head{flex-direction:column;align-items:flex-start}.school-student-head button{width:100%}.school-student-toolbar{flex-direction:column;align-items:stretch}.school-student-toolbar label{max-width:none}.school-student-toolbar>b{margin:0}.school-student-profile-grid{grid-template-columns:1fr}.school-student-profile-grid .wide{grid-column:auto}}.school-attendance-row{grid-template-columns:minmax(220px,1.35fr) minmax(155px,1fr) 105px minmax(170px,1fr) minmax(160px,.9fr) minmax(275px,1.35fr);gap:16px;min-width:1180px;padding:18px 22px;transition:background .2s,box-shadow .2s}.school-attendance-row:not(.table-head):hover{background:#f6fbfa;box-shadow:inset -3px 0 #19aaa2}.school-attendance-row.table-head{color:#637687;letter-spacing:.1px;background:#f5f9fa;padding-block:15px;font-size:10px}.school-attendance-row strong{color:#1b2c3e;font-size:12px;line-height:1.55}.school-attendance-row>b{color:#23384a;font-size:12px}.school-attendance-row small{margin-top:5px;font-size:9px;line-height:1.5}.student-attendance-status{text-align:center;min-width:68px;padding:8px 13px;font-size:10px;font-weight:900;box-shadow:0 4px 12px #14806014}.student-attendance-actions{flex-wrap:wrap;gap:7px}.student-attendance-actions button{border-radius:9px;min-width:58px;padding:9px 12px;font-size:9px;transition:transform .18s,box-shadow .18s,background .18s}.student-attendance-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0c68641f}.student-attendance-actions button:first-child{color:#137b5b;background:#e9f7f2;border-color:#b9dfd1}.student-attendance-actions button:nth-child(2){color:#9e6813;background:#fff8ea;border-color:#ead5aa}.student-attendance-actions button:nth-child(3){color:#506fa8;background:#eef3ff;border-color:#cbd8ef}.student-attendance-actions button.absent{color:#b84c56;background:#fff1f2;border-color:#efc9cc}.school-attendance-head span{font-size:11px}.school-attendance-head p{font-size:11px;line-height:1.7}.school-attendance-summary small{font-size:9px}.school-attendance-summary strong{font-size:19px}.school-attendance-toolbar button,.school-attendance-toolbar label{font-size:9px}.profile-status.terminated{color:#ffd0d3;background:#ff848b2e}.employee-termination-section{background:linear-gradient(145deg,snow,#fff);border-color:#f0cfd2}.employee-termination-section .profile-section-title>span{color:#b84d57;background:#ffe8e9;font-weight:900}.employee-termination-section .profile-data .wide{grid-column:1/-1}.termination-audit-note{color:#8e555a;background:#fff0f1;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:9px;line-height:1.7}.termination-form-title{background:linear-gradient(135deg,#fff1f2,#f9fbfc);border-right:4px solid #d76871;border-radius:12px;gap:4px;margin-top:8px;padding:13px 15px;display:grid}.termination-form-title span{color:#9f4049;font-size:12px;font-weight:900}.termination-form-title small{color:#7f8d99;font-size:9px}.performance-summary-actions{gap:15px}.performance-summary-actions button{cursor:pointer;border-radius:19px;min-height:118px;padding:19px;font-family:inherit}.performance-summary-actions button>span{border-radius:14px;width:48px;height:48px;font-size:20px}.performance-summary-actions small{font-size:10px}.performance-summary-actions strong{font-size:23px}.performance-summary-actions p{font-size:9px;line-height:1.6}.performance-toolbar{background:linear-gradient(145deg,#fff,#f7fbfa);border:1px solid #e0e9ec;border-radius:19px;margin-bottom:14px;padding:22px 24px;box-shadow:0 9px 26px #193a490b}.performance-toolbar h2{font-size:21px}.performance-toolbar p{font-size:10px}.performance-toolbar>div:last-child button{cursor:pointer;min-height:42px;padding-inline:16px}.performance-tabs{border-radius:14px;gap:9px;padding:8px}.performance-tabs button{cursor:pointer;border-radius:10px;flex:1;min-height:40px;padding:10px 18px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s}.performance-tabs button:hover{color:#087f79;background:#f0f7f6}.performance-tabs button.active{color:#fff;background:linear-gradient(135deg,#0fa59d,#087d77);box-shadow:0 7px 18px #0a8b8433}.goals-grid{gap:16px}.goals-grid>article{border-radius:19px;padding:21px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 9px 26px #1735440d}.goals-grid>article:before{content:"";background:linear-gradient(90deg,#0fa59d,#55d4c9);height:4px;position:absolute;inset:0 0 auto}.goals-grid>article:hover{border-color:#a8dbd6;transform:translateY(-3px);box-shadow:0 15px 34px #0f68641a}.goal-person strong{font-size:12px}.goal-person small{font-size:9px}.goal-person>b{padding:6px 9px;font-size:9px}.goals-grid h3{min-height:44px;margin:17px 0 13px;font-size:15px;line-height:1.7}.goal-progress-head{font-size:10px}.goals-grid .goal-progress{height:9px;margin:8px 0 15px}.goals-grid footer{gap:10px}.goals-grid footer span,.goals-grid footer small{font-size:9px}.goals-grid footer button{cursor:pointer;background:#e9f7f5;border:1px solid #b9dedb;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:9px}.goals-grid footer button:hover{color:#fff;background:#0f9d96}.reviews-grid,.training-grid{gap:16px}.reviews-grid>article,.training-grid article{border-radius:18px;box-shadow:0 9px 25px #1735440d}.review-list>div:not(.panel-head){padding:14px 0}.review-list>div>strong{font-size:11px}.review-list>div>small{font-size:9px}.review-list>div>button,.training-grid button{cursor:pointer;background:#e9f7f5;border:1px solid #b9dedb;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:9px;font-weight:900}.training-grid article{padding:20px}.training-grid article>span{width:48px;height:48px}.training-grid h3{font-size:13px}.training-grid p,.training-grid small{font-size:9px}.training-grid i{height:8px}.performance-activity{border-radius:18px}.performance-activity strong{font-size:11px}.performance-activity small{font-size:9px}.org-summary-actions{gap:14px}.org-summary-actions>button{min-height:104px;color:inherit;text-align:right;cursor:pointer;background:#fff;border:1px solid #dfe8eb;border-radius:17px;align-items:center;gap:12px;padding:18px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 8px 24px #1634430b}.org-summary-actions>button:hover{border-color:#9ed8d3;transform:translateY(-3px);box-shadow:0 14px 30px #1066621a}.org-summary-actions>button>span{color:#0a8881;background:#e4f6f3;border-radius:13px;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.org-summary-actions>button>div{gap:3px;display:grid}.org-summary-actions>button small{font-size:9px}.org-summary-actions>button strong{font-size:21px}.org-summary-actions>button p{font-size:9px}.org-summary-actions>button>b{color:#8da0ad;margin-right:auto}.org-toolbar{border-radius:19px;padding:21px 23px;box-shadow:0 8px 24px #1634430a}.org-toolbar h2{font-size:20px}.org-toolbar p{font-size:10px}.org-toolbar button{cursor:pointer;min-height:41px}.org-chart{background:radial-gradient(circle at 50% 0,#eaf9f7,#f8fbfb 48%,#f3f7f8);border-radius:22px;padding:34px;box-shadow:inset 0 0 0 1px #fffc}.org-root{border-radius:18px;width:min(470px,100%);padding:18px}.org-root>span{border-radius:14px;width:50px;height:50px;font-size:11px}.org-root strong{font-size:14px}.org-root small{font-size:9px}.org-root button,.org-departments header button{cursor:pointer;border-radius:9px;width:34px;height:34px}.org-root button:hover,.org-departments header button:hover{color:#087f79;background:#edf7f5}.org-connector{height:38px}.org-departments{gap:16px}.org-departments>article{border-radius:18px;padding:18px;transition:all .2s;box-shadow:0 9px 25px #1735440d}.org-departments>article:hover{border-color:#a8dad6;transform:translateY(-3px);box-shadow:0 15px 34px #0e676217}.org-departments header>span{border-radius:12px;width:42px;height:42px;font-size:17px}.org-departments h3{margin:14px 0 5px;font-size:14px}.org-departments p{font-size:9px}.org-departments>article>div span,.org-departments>article>div b{padding:5px 8px;font-size:8px}.org-departments ul{gap:7px}.org-departments li{border:1px solid #0000;border-radius:9px;min-height:36px;padding:9px 10px;font-size:9px}.org-departments li:hover{background:#eef8f6;border-color:#cee5e2}.org-departments li button{color:#087f79;cursor:pointer;background:#fff;border-radius:7px;width:28px;height:28px}.org-view-employees{color:#087f79;cursor:pointer;background:#e8f7f5;border:1px solid #b9dedb;border-radius:10px;width:100%;margin-top:13px;padding:10px;font-family:inherit;font-size:9px;font-weight:900}.org-view-employees:hover{color:#fff;background:#0d9c94}.employee-documents-editor{background:linear-gradient(135deg,#f4fbfa,#fff);border:1px solid #cfe4e3;border-radius:18px;gap:14px;padding:18px;display:grid}.edit-section-title{background:linear-gradient(90deg,#eefaf8,#f8fcfc);border-right:4px solid #12aaa1;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:15px 17px;display:flex}.edit-section-title span{color:#17394a;font-size:13px;font-weight:900}.edit-section-title small{color:#708692;font-size:9px}.new-employee-uploads .document-upload-card{cursor:pointer;background:#fff;border:1px dashed #a9d8d4;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;min-height:116px;padding:14px;display:grid;position:relative;overflow:hidden}.new-employee-uploads .document-upload-card:hover{border-color:#10aaa0;transform:translateY(-1px);box-shadow:0 8px 20px #118f8617}.identity-expiry-field small{color:#6e8792;font-size:8px;line-height:1.6}.employee-saved-compensation{padding:2px}.documents-editor-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.documents-editor-head>div{gap:4px;display:grid}.documents-editor-head span{color:#173443;font-size:15px;font-weight:800}.documents-editor-head small{color:#7a8c9c;font-size:10px}.documents-editor-head>b{color:#087f78;background:#dcf6f1;border-radius:999px;padding:7px 11px;font-size:10px}.identity-expiry-field{max-width:310px}.documents-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.edit-employee-modal .document-upload-card{cursor:pointer;background:#fff;border:1px dashed #a9d8d4;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;min-height:116px;padding:14px;display:grid;position:relative;overflow:hidden}.document-upload-card input{opacity:0;cursor:pointer;inset:0;width:100%!important;height:100%!important;position:absolute!important}.document-upload-card>span{color:#078f87;background:#e4f7f4;border-radius:13px;grid-row:1/3;place-items:center;width:45px;height:45px;font-size:11px;font-weight:800;display:grid}.document-upload-card>div{min-width:0;display:grid}.document-upload-card strong{color:#203446;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.document-upload-card small{color:#81909d;font-size:9px}.document-upload-card>b{color:#09978e;grid-column:2;font-size:9px}.document-upload-card:hover{border-color:#10aaa0;transform:translateY(-1px);box-shadow:0 8px 20px #118f8617}.stored-document-preview{background:#f5fbfa;border:1px solid #cde8e4;border-radius:15px;gap:12px;margin-top:14px;padding:14px;display:grid}.stored-document-preview>div{align-items:center;gap:10px;display:flex}.stored-document-preview>div>span{color:#07866e;background:#d9f5ee;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.stored-document-preview>div>div{display:grid}.stored-document-preview img{object-fit:contain;border-radius:12px;max-width:100%;max-height:320px;margin:auto;display:block}.stored-document-preview iframe{background:#fff;border:0;border-radius:12px;width:100%;height:340px}.stored-document-preview>a{color:#fff;background:#0ca89e;border-radius:10px;justify-self:start;padding:9px 13px;font-size:11px;font-weight:800}.document-empty-attachment{background:#f8fafb;border:1px dashed #c9d9df;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:16px;display:flex}.document-empty-attachment>span{color:#0ca89e;font-size:24px}.document-empty-attachment>div{display:grid}.document-empty-attachment small{color:#8293a0}@media (width<=760px){.documents-upload-grid{grid-template-columns:1fr}.identity-expiry-field{max-width:none}.documents-editor-head{flex-direction:column;align-items:flex-start}}.qiwa-contract-actions .qiwa-external-button{color:#087f79;background:#fff;border:1px solid #cfe3df}.payroll-preview-modal{gap:0;width:min(1080px,100vw - 40px);max-height:90vh;padding:0;overflow:hidden}.payroll-preview-modal>.modal-head{background:linear-gradient(135deg,#f5fbfa,#fff);border-bottom:1px solid #e1eaed;padding:20px 24px}.payroll-preview-totals{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 22px;display:grid}.payroll-preview-totals>div{background:#fff;border:1px solid #dce9eb;border-radius:12px;gap:5px;padding:13px 15px;display:grid}.payroll-preview-totals small{color:#788a98;font-size:9px}.payroll-preview-totals strong{color:#173548;font-size:16px}.payroll-preview-totals>div:last-child{background:#eaf9f6;border-color:#aee0da}.payroll-preview-totals>div:last-child strong{color:#07877d}.payroll-preview-table{max-height:52vh;padding:0 22px;overflow:auto}.payroll-preview-table .payroll-table{min-width:850px}.payroll-preview-modal>.modal-actions{background:#fff;border-top:1px solid #e1eaed;margin:0;padding:16px 22px}@media (width<=700px){.payroll-preview-modal{width:100%;max-height:94vh}.payroll-preview-totals{grid-template-columns:1fr;padding:12px}.payroll-preview-table{padding:0 12px}.payroll-preview-modal>.modal-actions{flex-wrap:wrap;padding:12px}.payroll-preview-modal>.modal-actions button{flex:1}}.finance-workspace{color:#18283a;gap:18px;padding:26px;display:grid}.finance-hero{color:#fff;background:radial-gradient(circle at 8% 20%,#36d9ce38,#0000 28%),linear-gradient(125deg,#102d40,#0b6d70);border-radius:23px;justify-content:space-between;align-items:center;gap:20px;padding:27px 31px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 42px #0e394626}.finance-hero:after{content:"";border:38px solid #4ee5da14;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-105px;left:-55px}.finance-hero>div{z-index:1;position:relative}.finance-hero span{color:#5eddd4;font-size:11px;font-weight:900}.finance-hero h1{margin:6px 0;font-size:28px}.finance-hero p{color:#c9dce0;margin:0;font-size:11px}.finance-hero-actions{gap:9px;display:flex}.finance-hero-actions button{z-index:1;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:11px;min-height:42px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:900;position:relative}.finance-hero-actions button:last-child{background:#18b6ad;border-color:#21beb4;box-shadow:0 9px 24px #18b6ad40}.finance-layout{grid-template-columns:270px minmax(0,1fr);gap:17px;display:grid}.finance-nav{background:#fff;border:1px solid #dce7ea;border-radius:20px;align-self:start;max-height:calc(100vh - 125px);padding:15px;position:sticky;top:12px;overflow:auto;box-shadow:0 10px 30px #1534440d}.finance-nav>div{border-bottom:1px solid #e6edef;gap:3px;padding:7px 9px 14px;display:grid}.finance-nav>div small{color:#8997a5;font-size:9px}.finance-nav>section>button{color:#536577;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:39px;padding:7px 9px;font-family:inherit;display:flex}.finance-nav>section>button>span{color:#66808e;background:#eef4f5;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.finance-nav>section>button>b{font-size:9px}.finance-nav>section>button>i{color:#9aa8b3;margin-right:auto;font-style:normal}.finance-nav>section>button.active,.finance-nav>section>button:hover{color:#087e78;background:#e6f7f4}.finance-nav>section>button.active>span{color:#fff;background:#15aaa1}.finance-nav>section>div{border-right:1px solid #d5e5e5;margin:2px 39px 3px 0;padding-right:10px;display:grid}.finance-nav>section>div button{color:#7b8b98;text-align:right;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-family:inherit;font-size:8px}.finance-nav>section>div button.active,.finance-nav>section>div button:hover{color:#08867f;font-weight:900}.finance-main{gap:15px;min-width:0;display:grid}.finance-heading{justify-content:space-between;align-items:center;gap:15px;padding:3px;display:flex}.finance-heading span{color:#07978e;font-size:9px;font-weight:900}.finance-heading h2{margin:4px 0;font-size:22px}.finance-heading p{color:#81909f;margin:0;font-size:10px}.finance-period{background:#e9eff1;border-radius:11px;padding:4px;display:flex}.finance-period button{color:#748592;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 11px;font-family:inherit;font-size:9px}.finance-period button.active{color:#173548;background:#fff;font-weight:900;box-shadow:0 3px 10px #12304014}.finance-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.finance-kpis article{background:#fff;border:1px solid #dce7ea;border-radius:17px;align-items:center;gap:11px;min-height:103px;padding:16px;display:flex;box-shadow:0 7px 22px #1834430a}.finance-kpis article.primary{color:#fff;background:linear-gradient(135deg,#12384a,#0b716d);gap:3px;display:grid}.finance-kpis article>span{color:#088b83;background:#e4f7f4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.finance-kpis small,.finance-kpis p{color:#8493a2;margin:0;font-size:8px;display:block}.finance-kpis strong{margin:4px 0;font-size:16px;display:block}.finance-kpis .primary small,.finance-kpis .primary p{color:#bcd5d8}.finance-kpis .primary strong{font-size:22px}.finance-kpis strong i{font-size:9px;font-style:normal}.finance-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:14px;display:grid}.finance-chart,.finance-quick,.finance-transactions{background:#fff;border:1px solid #dce7ea;border-radius:19px;box-shadow:0 8px 25px #1734430a}.finance-chart{padding:19px}.finance-chart header,.finance-transactions>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.finance-chart header span,.finance-quick header span,.finance-transactions header span{color:#07938b;font-size:9px;font-weight:900}.finance-chart h3,.finance-quick h3,.finance-transactions h3{margin:4px 0;font-size:15px}.finance-chart header>b{color:#168061;background:#e4f6ef;border-radius:99px;padding:6px 9px;font-size:8px}.finance-bars{background:repeating-linear-gradient(0deg,#0000 0 38px,#edf2f3 39px);border-bottom:1px solid #e6edef;align-items:end;gap:10px;height:155px;margin:20px 0 10px;padding:0 8px;display:flex}.finance-bars>div{flex:1;justify-content:center;align-items:end;gap:3px;height:135px;display:flex;position:relative}.finance-bars i,.finance-bars b{background:#13b4aa;border-radius:4px 4px 0 0;width:8px}.finance-bars b{background:#c4d0db}.finance-bars small{color:#91a0ad;font-size:7px;position:absolute;bottom:-18px}.finance-chart footer{color:#718391;justify-content:center;gap:18px;margin-top:21px;font-size:8px;display:flex}.finance-chart footer i{background:#13b4aa;border-radius:2px;width:7px;height:7px;display:inline-block}.finance-chart footer span+span i{background:#c4d0db}.finance-quick{padding:18px}.finance-quick header{margin-bottom:10px}.finance-quick>button{text-align:right;cursor:pointer;background:0 0;border:0;border-top:1px solid #ebeff1;align-items:center;gap:9px;width:100%;padding:10px 2px;font-family:inherit;display:flex}.finance-quick>button>span{color:#0a8d86;background:#e7f7f5;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.finance-quick>button strong{font-size:9px}.finance-quick>button b{color:#93a2ad;margin-right:auto}.finance-quick>button:hover strong{color:#07877f}.finance-transactions{overflow:hidden}.finance-transactions>header{padding:18px 20px}.finance-transactions>header button{color:#087f79;cursor:pointer;background:#f1faf8;border:1px solid #cde2e0;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:8px;font-weight:900}.finance-table{overflow:auto}.finance-table table{border-collapse:collapse;width:100%;min-width:900px}.finance-table th{color:#7f8f9c;text-align:right;background:#f7fafb;padding:11px 13px;font-size:8px}.finance-table td{color:#536475;border-top:1px solid #e7edef;padding:12px 13px;font-size:8px}.finance-table td b{color:#203448}.finance-table td>span{border-radius:99px;padding:5px 8px;font-weight:900}.finance-table .posted{color:#158060;background:#e3f5ec}.finance-table .pending{color:#a76b12;background:#fff0d9}.finance-table td button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #cce0e1;border-radius:7px;padding:6px 8px;font-family:inherit;font-size:8px}.finance-entry-modal{width:min(700px,100vw - 30px)}@media (width<=1150px){.finance-layout{grid-template-columns:1fr}.finance-nav{gap:6px;max-height:none;display:flex;position:static;overflow:auto}.finance-nav>div{border:0;min-width:150px}.finance-nav>section{min-width:max-content}.finance-nav>section>div{display:none}.finance-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.finance-workspace{padding:14px}.finance-hero,.finance-heading{flex-direction:column;align-items:flex-start}.finance-hero{padding:23px}.finance-hero-actions{width:100%}.finance-hero-actions button{flex:1}.finance-heading{padding:3px}.finance-period{width:100%;overflow:auto}.finance-kpis,.finance-grid{grid-template-columns:1fr}.finance-nav{border-radius:14px}.finance-nav>div{display:none}.finance-kpis article{min-height:90px}.finance-chart{overflow:hidden}}.sales-workspace{color:#17283a;gap:18px;padding:26px;display:grid}.sales-hero{color:#fff;background:radial-gradient(circle at 10% 20%,#2bdccc40,#0000 28%),linear-gradient(125deg,#102d40,#087572);border-radius:23px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 17px 42px #0d3c4629}.sales-hero span{color:#63e2d7;font-size:11px;font-weight:900}.sales-hero h1{margin:6px 0;font-size:28px}.sales-hero p{color:#c5dadd;margin:0;font-size:11px}.sales-hero>div:last-child,.sales-heading>div:last-child{gap:8px;display:flex}.sales-hero button,.sales-heading button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:11px;min-height:41px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:900}.sales-hero button:last-child,.sales-heading button{background:#14afa6;border-color:#19b9af}.sales-layout{grid-template-columns:270px minmax(0,1fr);gap:17px;display:grid}.sales-nav{background:#fff;border:1px solid #dce7ea;border-radius:20px;align-self:start;max-height:calc(100vh - 125px);padding:15px;position:sticky;top:12px;overflow:auto;box-shadow:0 10px 30px #1534440d}.sales-nav>div{border-bottom:1px solid #e6edef;gap:3px;padding:7px 9px 14px;display:grid}.sales-nav>div small{color:#8997a5;font-size:9px}.sales-nav>section>button{color:#536577;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:39px;padding:7px 9px;font-family:inherit;display:flex}.sales-nav>section>button>span{color:#66808e;background:#eef4f5;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.sales-nav>section>button>b{font-size:9px}.sales-nav>section>button>i{color:#9aa8b3;margin-right:auto;font-style:normal}.sales-nav>section>button.active,.sales-nav>section>button:hover{color:#087e78;background:#e6f7f4}.sales-nav>section>button.active>span{color:#fff;background:#15aaa1}.sales-nav>section>div{border-right:1px solid #d5e5e5;margin:2px 39px 3px 0;padding-right:10px;display:grid}.sales-nav>section>div button{color:#7b8b98;text-align:right;cursor:pointer;background:0 0;border:0;padding:7px 8px;font-family:inherit;font-size:8px}.sales-nav>section>div button.active,.sales-nav>section>div button:hover{color:#08867f;font-weight:900}.sales-main{gap:15px;min-width:0;display:grid}.sales-heading{justify-content:space-between;align-items:center;gap:14px;padding:3px;display:flex}.sales-heading span,.sales-cycle header span,.sales-pipeline header span,.sales-leaders header span,.sales-orders header span{color:#07958d;font-size:9px;font-weight:900}.sales-heading h2{margin:4px 0;font-size:22px}.sales-heading p{color:#81909f;margin:0;font-size:10px}.sales-heading button:first-child{color:#087f79;background:#fff;border-color:#c9dfdd}.sales-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.sales-kpis article{background:#fff;border:1px solid #dce7ea;border-radius:17px;align-items:center;gap:11px;min-height:103px;padding:16px;display:flex;box-shadow:0 7px 22px #1834430a}.sales-kpis article.primary{color:#fff;background:linear-gradient(135deg,#12384a,#0b716d);gap:3px;display:grid}.sales-kpis article>span{color:#088b83;background:#e4f7f4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.sales-kpis small,.sales-kpis p{color:#8493a2;margin:0;font-size:8px;display:block}.sales-kpis strong{margin:4px 0;font-size:16px;display:block}.sales-kpis .primary small,.sales-kpis .primary p{color:#bdd6d9}.sales-kpis .primary strong{font-size:22px}.sales-kpis i{font-size:9px;font-style:normal}.sales-cycle,.sales-pipeline,.sales-leaders,.sales-orders{background:#fff;border:1px solid #dce7ea;border-radius:19px;box-shadow:0 8px 25px #1734430a}.sales-cycle{padding:19px}.sales-cycle header,.sales-pipeline header,.sales-orders>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sales-cycle h3,.sales-pipeline h3,.sales-leaders h3,.sales-orders h3{margin:4px 0;font-size:15px}.sales-cycle header>b{color:#168060;background:#e3f6ef;border-radius:99px;padding:6px 9px;font-size:8px}.sales-cycle>div{grid-template-columns:repeat(8,1fr);gap:7px;margin-top:16px;display:grid}.sales-cycle article{text-align:center;background:#f5f9fa;border-radius:12px;justify-items:center;gap:7px;padding:12px 5px;display:grid;position:relative}.sales-cycle article>span{color:#087f78;background:#dff5f1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;font-weight:900;display:grid}.sales-cycle article strong{font-size:8px}.sales-cycle article i{color:#87aaa8;font-style:normal;position:absolute;top:25px;left:-7px}.sales-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:14px;display:grid}.sales-pipeline,.sales-leaders{padding:19px}.sales-pipeline header>b{color:#158060;background:#e5f6ef;border-radius:99px;padding:6px 9px;font-size:8px}.sales-pipeline>div{grid-template-columns:120px 1fr 105px;align-items:center;gap:10px;margin-top:14px;display:grid}.sales-pipeline>div span,.sales-pipeline>div strong{font-size:9px}.sales-pipeline>div i,.sales-order-table td>i{background:#e7eef0;border-radius:99px;height:7px;overflow:hidden}.sales-pipeline>div i b,.sales-order-table td>i b{border-radius:inherit;background:linear-gradient(90deg,#0ba69e,#42cdc3);height:100%;display:block}.sales-leaders header{margin-bottom:10px}.sales-leaders>div{border-top:1px solid #ebeff1;align-items:center;gap:10px;padding:11px 0;display:flex}.sales-leaders>div>b{color:#08867f;background:#e5f6f3;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.sales-leaders>div>div{gap:3px;display:grid}.sales-leaders>div strong{font-size:9px}.sales-leaders>div small{color:#8997a5;font-size:8px}.sales-leaders>div>span{color:#168060;background:#e4f5ed;border-radius:99px;margin-right:auto;padding:5px 7px;font-size:8px}.sales-orders{overflow:hidden}.sales-orders>header{padding:18px 20px}.sales-orders>header button{color:#087f79;cursor:pointer;background:#f1faf8;border:1px solid #cce2df;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:8px;font-weight:900}.sales-order-table{overflow:auto}.sales-order-table table{border-collapse:collapse;width:100%;min-width:850px}.sales-order-table th{color:#7f8f9c;text-align:right;background:#f7fafb;padding:11px 13px;font-size:8px}.sales-order-table td{color:#536475;border-top:1px solid #e7edef;padding:12px 13px;font-size:8px}.sales-order-table td>span{color:#087f79;background:#e7f5f2;border-radius:99px;padding:5px 8px;font-weight:900}.sales-order-table td>i{width:100px;display:block}.sales-order-table td button{color:#087f79;cursor:pointer;background:#e8f7f4;border:1px solid #b9ded9;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.sales-order-table td button:disabled{color:#8b9aa6;background:#f2f5f6;border-color:#dce6e8}.sales-form-modal{width:min(700px,100vw - 30px)}.sales-integration-note{color:#176e68;background:#eaf8f5;border-radius:12px;align-items:center;gap:11px;margin:0 20px;padding:13px;display:flex}.sales-integration-note>span{color:#07836f;background:#cef0e9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sales-integration-note strong{font-size:10px}.sales-integration-note p{margin:3px 0 0;font-size:8px}@media (width<=1150px){.sales-layout{grid-template-columns:1fr}.sales-nav{gap:6px;max-height:none;display:flex;position:static;overflow:auto}.sales-nav>div{border:0;min-width:140px}.sales-nav>section{min-width:max-content}.sales-nav>section>div{display:none}.sales-kpis{grid-template-columns:repeat(2,1fr)}.sales-cycle>div{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.sales-workspace{padding:14px}.sales-hero,.sales-heading{flex-direction:column;align-items:flex-start}.sales-hero{padding:23px}.sales-hero>div:last-child,.sales-heading>div:last-child{width:100%}.sales-hero button,.sales-heading button{flex:1}.sales-nav>div{display:none}.sales-kpis,.sales-grid{grid-template-columns:1fr}.sales-cycle>div{grid-template-columns:repeat(2,1fr)}.sales-cycle article i{display:none}}.finance-layout{grid-template-columns:310px minmax(0,1fr)}.finance-nav{padding:18px}.finance-nav>div{padding:9px 11px 16px}.finance-nav>div strong{font-size:17px}.finance-nav>div small{font-size:10px}.finance-nav>section{padding-top:8px}.finance-nav>section>button{min-height:45px;padding:8px 10px}.finance-nav>section>button>span{width:34px;height:34px;font-size:13px}.finance-nav>section>button>b{font-size:11px;line-height:1.5}.finance-nav>section>div{gap:2px;margin-right:44px;padding:4px 12px 5px 0}.finance-nav>section>div button{border-radius:8px;min-height:31px;padding:7px 9px;font-size:9px}.finance-nav>section>div button.active{background:#edf8f6}.finance-main.module-active>.finance-kpis,.finance-main.module-active>.finance-grid,.finance-main.module-active>.finance-transactions{display:none}.finance-module-view{background:#fff;border:1px solid #d9e6e9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #1635440e}.finance-module-view>header{background:linear-gradient(135deg,#f5fbfa,#fff);border-bottom:1px solid #e3ebee;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px;display:flex}.finance-module-view>header span{color:#078e86;font-size:9px;font-weight:900}.finance-module-view>header h3{margin:4px 0;font-size:19px}.finance-module-view>header p{color:#8392a0;margin:0;font-size:9px}.finance-module-view>header>div:last-child{gap:8px;display:flex}.finance-module-view>header button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c9dedc;border-radius:10px;min-height:38px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:900}.finance-module-view>header button:last-child{color:#fff;background:#0fa49c;border-color:#0fa49c}.finance-module-summary{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.finance-module-summary article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;padding:14px}.finance-module-summary small,.finance-module-summary p{color:#8493a1;margin:0;font-size:8px;display:block}.finance-module-summary strong{margin:6px 0;font-size:18px;display:block}.finance-module-table{overflow:auto}.finance-module-row{color:#536576;border-top:1px solid #e8eef0;grid-template-columns:110px minmax(170px,1.3fr) 130px 140px 120px 145px;align-items:center;gap:12px;min-width:900px;padding:14px 20px;font-size:9px;display:grid}.finance-module-row.head{color:#7b8c99;background:#f8fafb;border:0;font-size:8px;font-weight:900}.finance-module-row>b,.finance-module-row>strong{color:#213548}.finance-module-row>i{color:#168060;background:#e4f5ed;border-radius:99px;width:max-content;padding:5px 8px;font-style:normal;font-weight:900}.finance-module-row>div{gap:5px;display:flex}.finance-module-row button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c7dedc;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.finance-module-row button:last-child{background:#e8f7f5}@media (width<=1150px){.finance-layout{grid-template-columns:1fr}.finance-nav{padding:10px}.finance-nav>section>button{min-height:40px}.finance-module-view>header{flex-direction:column;align-items:flex-start}}@media (width<=700px){.finance-module-summary{grid-template-columns:1fr}.finance-module-view>header>div:last-child{width:100%}.finance-module-view>header button{flex:1}}.sales-layout{grid-template-columns:310px minmax(0,1fr)}.sales-nav{padding:18px}.sales-nav>div{padding:9px 11px 16px}.sales-nav>div strong{font-size:17px}.sales-nav>div small{font-size:10px}.sales-nav>section{padding-top:8px}.sales-nav>section>button{min-height:45px;padding:8px 10px}.sales-nav>section>button>span{width:34px;height:34px;font-size:13px}.sales-nav>section>button>b{font-size:11px;line-height:1.5}.sales-nav>section>div{gap:2px;margin-right:44px;padding:4px 12px 5px 0}.sales-nav>section>div button{border-radius:8px;min-height:31px;padding:7px 9px;font-size:9px}.sales-nav>section>div button.active{background:#edf8f6}.sales-main.module-active>.sales-kpis,.sales-main.module-active>.sales-cycle,.sales-main.module-active>.sales-grid,.sales-main.module-active>.sales-orders{display:none}.sales-module-view{background:#fff;border:1px solid #d9e6e9;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #1635440e}.sales-module-view>header{background:linear-gradient(135deg,#f5fbfa,#fff);border-bottom:1px solid #e3ebee;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px;display:flex}.sales-module-view>header span{color:#078e86;font-size:9px;font-weight:900}.sales-module-view>header h3{margin:4px 0;font-size:19px}.sales-module-view>header p{color:#8392a0;margin:0;font-size:9px}.sales-module-view>header>div:last-child{gap:8px;display:flex}.sales-module-view>header button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c9dedc;border-radius:10px;min-height:38px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:900}.sales-module-view>header button:last-child{color:#fff;background:#0fa49c;border-color:#0fa49c}.sales-module-summary{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.sales-module-summary article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;padding:14px}.sales-module-summary small,.sales-module-summary p{color:#8493a1;margin:0;font-size:8px;display:block}.sales-module-summary strong{margin:6px 0;font-size:18px;display:block}.sales-module-table{overflow:auto}.sales-module-row{color:#536576;border-top:1px solid #e8eef0;grid-template-columns:110px minmax(170px,1.3fr) 140px 140px 130px 145px;align-items:center;gap:12px;min-width:930px;padding:14px 20px;font-size:9px;display:grid}.sales-module-row.head{color:#7b8c99;background:#f8fafb;border:0;font-size:8px;font-weight:900}.sales-module-row>b,.sales-module-row>strong{color:#213548}.sales-module-row>i{color:#168060;background:#e4f5ed;border-radius:99px;width:max-content;padding:5px 8px;font-style:normal;font-weight:900}.sales-module-row>div{gap:5px;display:flex}.sales-module-row button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c7dedc;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.sales-module-row button:last-child{background:#e8f7f5}@media (width<=1150px){.sales-layout{grid-template-columns:1fr}.sales-nav{padding:10px}.sales-nav>section>button{min-height:40px}.sales-module-view>header{flex-direction:column;align-items:flex-start}}@media (width<=700px){.sales-module-summary{grid-template-columns:1fr}.sales-module-view>header>div:last-child{width:100%}.sales-module-view>header button{flex:1}}@media (width>=1151px){.finance-layout,.sales-layout{grid-template-columns:350px minmax(0,1fr)}.finance-nav,.sales-nav{padding:20px 18px}.finance-nav>div strong,.sales-nav>div strong{color:#172b3d;font-size:20px;line-height:1.5}.finance-nav>div small,.sales-nav>div small{color:#6f8190;font-size:12px;line-height:1.7}.finance-nav>section,.sales-nav>section{padding-top:10px}.finance-nav>section>button,.sales-nav>section>button{color:#344b5e;gap:12px;min-height:52px;padding:9px 11px}.finance-nav>section>button>span,.sales-nav>section>button>span{border-radius:11px;width:38px;height:38px;font-size:15px}.finance-nav>section>button>b,.sales-nav>section>button>b{letter-spacing:0;font-size:13px;font-weight:900}.finance-nav>section>button>i,.sales-nav>section>button>i{color:#718997;font-size:12px}.finance-nav>section>div,.sales-nav>section>div{border-right-width:2px;gap:3px;margin-right:50px;padding:5px 14px 7px 0}.finance-nav>section>div button,.sales-nav>section>div button{color:#607384;min-height:37px;padding:8px 10px;font-size:11px;font-weight:700;line-height:1.55}.finance-nav>section>div button.active,.sales-nav>section>div button.active{color:#087f79;font-weight:900;box-shadow:inset -3px 0 #10aaa2}}.inventory-workspace{color:#17283a;gap:18px;padding:26px;display:grid}.inventory-hero{color:#fff;background:radial-gradient(circle at 10% 20%,#2bdccc40,#0000 28%),linear-gradient(125deg,#102d40,#087572);border-radius:23px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 17px 42px #0d3c4629}.inventory-hero span{color:#63e2d7;font-size:11px;font-weight:900}.inventory-hero h1{margin:6px 0;font-size:28px}.inventory-hero p{color:#c5dadd;margin:0;font-size:11px}.inventory-hero>div:last-child,.inventory-heading>div:last-child{gap:8px;display:flex}.inventory-hero button,.inventory-heading button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:11px;min-height:41px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:900}.inventory-hero button:last-child,.inventory-heading button:last-child{background:#14afa6;border-color:#19b9af}.inventory-layout{grid-template-columns:350px minmax(0,1fr);gap:17px;display:grid}.inventory-nav{background:#fff;border:1px solid #dce7ea;border-radius:20px;align-self:start;max-height:calc(100vh - 125px);padding:20px 18px;position:sticky;top:12px;overflow:auto;box-shadow:0 10px 30px #1534440d}.inventory-nav>div{border-bottom:1px solid #e6edef;gap:3px;padding:9px 11px 16px;display:grid}.inventory-nav>div strong{color:#172b3d;font-size:20px}.inventory-nav>div small{color:#6f8190;font-size:12px}.inventory-nav>section{padding-top:10px}.inventory-nav>section>button{color:#344b5e;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:52px;padding:9px 11px;font-family:inherit;display:flex}.inventory-nav>section>button>span{color:#66808e;background:#eef4f5;border-radius:11px;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.inventory-nav>section>button>b{font-size:13px}.inventory-nav>section>button>i{color:#718997;margin-right:auto;font-style:normal}.inventory-nav>section>button.active,.inventory-nav>section>button:hover{color:#087e78;background:#e6f7f4}.inventory-nav>section>button.active>span{color:#fff;background:#15aaa1}.inventory-nav>section>div{border-right:2px solid #d5e5e5;gap:3px;margin-right:50px;padding:5px 14px 7px 0;display:grid}.inventory-nav>section>div button{color:#607384;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:37px;padding:8px 10px;font-family:inherit;font-size:11px;font-weight:700}.inventory-nav>section>div button.active,.inventory-nav>section>div button:hover{color:#087f79;background:#edf8f6;font-weight:900;box-shadow:inset -3px 0 #10aaa2}.inventory-main{gap:15px;min-width:0;display:grid}.inventory-heading{justify-content:space-between;align-items:center;gap:14px;padding:3px;display:flex}.inventory-heading span,.inventory-module-view header span,.inventory-levels header span,.inventory-alerts header span{color:#07958d;font-size:9px;font-weight:900}.inventory-heading h2{margin:4px 0;font-size:22px}.inventory-heading p{color:#81909f;margin:0;font-size:10px}.inventory-heading button:first-child{color:#087f79;background:#fff;border-color:#c9dfdd}.inventory-main.module-active>.inventory-kpis,.inventory-main.module-active>.inventory-grid{display:none}.inventory-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.inventory-kpis article{background:#fff;border:1px solid #dce7ea;border-radius:17px;align-items:center;gap:11px;min-height:103px;padding:16px;display:flex;box-shadow:0 7px 22px #1834430a}.inventory-kpis article.primary{color:#fff;background:linear-gradient(135deg,#12384a,#0b716d);gap:3px;display:grid}.inventory-kpis article>span{color:#088b83;background:#e4f7f4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.inventory-kpis small,.inventory-kpis p{color:#8493a2;margin:0;font-size:8px;display:block}.inventory-kpis strong{margin:4px 0;font-size:16px;display:block}.inventory-kpis .primary small,.inventory-kpis .primary p{color:#bdd6d9}.inventory-kpis .primary strong{font-size:22px}.inventory-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;display:grid}.inventory-levels,.inventory-alerts,.inventory-module-view{background:#fff;border:1px solid #dce7ea;border-radius:19px;box-shadow:0 8px 25px #1734430a}.inventory-levels,.inventory-alerts{padding:19px}.inventory-levels header{justify-content:space-between;align-items:center;display:flex}.inventory-levels h3,.inventory-alerts h3,.inventory-module-view h3{margin:4px 0;font-size:15px}.inventory-levels header>b{color:#158060;background:#e5f6ef;border-radius:99px;padding:6px 9px;font-size:8px}.inventory-levels>div{border-top:1px solid #ebeff1;grid-template-columns:minmax(190px,1.3fr) 1fr 85px;align-items:center;gap:12px;padding:12px 0;display:grid}.inventory-levels>div>div{gap:3px;display:grid}.inventory-levels>div strong{font-size:9px}.inventory-levels>div small{color:#8997a5;font-size:8px}.inventory-levels>div i{background:#e7eef0;border-radius:99px;height:7px;overflow:hidden}.inventory-levels>div i b{border-radius:inherit;background:linear-gradient(90deg,#0ba69e,#42cdc3);height:100%;display:block}.inventory-levels>div>span{color:#168060;text-align:center;background:#e4f5ed;border-radius:99px;padding:6px 8px;font-size:8px}.inventory-levels>div>span.low{color:#a66b13;background:#fff0d8}.inventory-alerts header{margin-bottom:8px}.inventory-alerts>button{text-align:right;cursor:pointer;background:0 0;border:0;border-top:1px solid #ebeff1;align-items:center;gap:9px;width:100%;padding:12px 0;font-family:inherit;display:flex}.inventory-alerts>button>span{color:#a66b13;background:#fff0d8;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.inventory-alerts>button>div{gap:3px;display:grid}.inventory-alerts>button strong{font-size:9px}.inventory-alerts>button small{color:#8997a5;font-size:8px}.inventory-alerts>button b{color:#087f79;margin-right:auto;font-size:8px}.inventory-module-view{overflow:hidden}.inventory-module-view>header{background:linear-gradient(135deg,#f5fbfa,#fff);border-bottom:1px solid #e3ebee;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px;display:flex}.inventory-module-view>header p{color:#8392a0;margin:0;font-size:9px}.inventory-module-view>header>div:last-child{gap:8px;display:flex}.inventory-module-view>header button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c9dedc;border-radius:10px;min-height:38px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:900}.inventory-module-view>header button:last-child{color:#fff;background:#0fa49c}.inventory-module-summary{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.inventory-module-summary article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;padding:14px}.inventory-module-summary small,.inventory-module-summary p{color:#8493a1;margin:0;font-size:8px;display:block}.inventory-module-summary strong{margin:6px 0;font-size:18px;display:block}.inventory-module-table{overflow:auto}.inventory-module-row{color:#536576;border-top:1px solid #e8eef0;grid-template-columns:110px minmax(180px,1.3fr) 150px 150px 130px 140px;align-items:center;gap:12px;min-width:950px;padding:14px 20px;font-size:9px;display:grid}.inventory-module-row.head{color:#7b8c99;background:#f8fafb;border:0;font-size:8px;font-weight:900}.inventory-module-row>b,.inventory-module-row>strong{color:#213548}.inventory-module-row>i{color:#168060;background:#e4f5ed;border-radius:99px;width:max-content;padding:5px 8px;font-style:normal;font-weight:900}.inventory-module-row>i.warning{color:#a66b13;background:#fff0d8}.inventory-module-row>div{gap:5px;display:flex}.inventory-module-row button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c7dedc;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.inventory-module-row button:last-child{background:#e8f7f5}.inventory-form-modal{width:min(720px,100vw - 30px)}@media (width<=1150px){.inventory-layout{grid-template-columns:1fr}.inventory-nav{gap:6px;max-height:none;padding:10px;display:flex;position:static;overflow:auto}.inventory-nav>div{border:0;min-width:150px}.inventory-nav>section{min-width:max-content;padding:0}.inventory-nav>section>div{display:none}.inventory-kpis{grid-template-columns:repeat(2,1fr)}.inventory-module-view>header{flex-direction:column;align-items:flex-start}}@media (width<=760px){.inventory-workspace{padding:14px}.inventory-hero,.inventory-heading{flex-direction:column;align-items:flex-start}.inventory-hero{padding:23px}.inventory-hero>div:last-child,.inventory-heading>div:last-child{width:100%}.inventory-hero button,.inventory-heading button{flex:1}.inventory-nav>div{display:none}.inventory-kpis,.inventory-grid,.inventory-module-summary,.inventory-levels>div{grid-template-columns:1fr}.inventory-module-view>header>div:last-child{width:100%}.inventory-module-view>header button{flex:1}}.purchases-workspace{color:#17283a;gap:18px;padding:26px;display:grid}.purchases-workspace>header{color:#fff;background:radial-gradient(circle at 8% 20%,#2bdccc3d,#0000 28%),linear-gradient(125deg,#102d40,#087572);border-radius:23px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 17px 42px #0d3c4629}.purchases-workspace>header span{color:#63e2d7;font-size:11px;font-weight:900}.purchases-workspace>header h1{margin:6px 0;font-size:28px}.purchases-workspace>header p{color:#c5dadd;margin:0;font-size:11px}.purchases-workspace>header button{color:#fff;cursor:pointer;background:#15b4aa;border:0;border-radius:11px;min-height:42px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:900}.purchases-integration{background:#edf9f7;border:1px solid #cfe5e2;border-radius:18px;justify-content:center;align-items:center;gap:14px;padding:17px;display:flex}.purchases-integration>div{color:#234052;background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 14px;display:flex}.purchases-integration>div span{color:#087f78;background:#dff5f1;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.purchases-integration>div strong{font-size:10px}.purchases-integration>i{color:#62a9a4;font-style:normal}.purchases-workspace>article{background:#fff;border:1px solid #dce7ea;border-radius:20px;overflow:hidden;box-shadow:0 9px 28px #1734430d}.purchases-workspace>article>header{justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.purchases-workspace>article>header span{color:#078e86;font-size:9px;font-weight:900}.purchases-workspace>article h2{margin:4px 0;font-size:19px}.purchases-workspace>article>header b{color:#a66b13;background:#fff0d8;border-radius:99px;padding:7px 10px;font-size:9px}.purchases-table{overflow:auto}.purchases-table table{border-collapse:collapse;width:100%;min-width:850px}.purchases-table th{color:#7f8f9c;text-align:right;background:#f7fafb;padding:12px 14px;font-size:9px}.purchases-table td{color:#526475;border-top:1px solid #e7edef;padding:14px;font-size:9px}.purchases-table td small{color:#8a98a5;margin-top:4px;display:block}.purchases-table td>span{border-radius:99px;padding:6px 9px;font-weight:900}.purchases-table .received{color:#168060;background:#e4f5ed}.purchases-table .pending{color:#a66b13;background:#fff0d8}.purchases-table button{color:#087f79;cursor:pointer;background:#e8f7f4;border:1px solid #b9ded9;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:8px;font-weight:900}.purchases-table button:disabled{color:#8b9aa6;background:#f2f5f6;border-color:#dce6e8}@media (width<=700px){.purchases-workspace{padding:14px}.purchases-workspace>header{flex-direction:column;align-items:flex-start;padding:23px}.purchases-workspace>header button{width:100%}.purchases-integration{flex-direction:column;align-items:stretch}.purchases-integration>i{align-self:center;transform:rotate(-90deg)}}.purchases-workspace>header>div:last-child{gap:8px;display:flex}.purchases-layout{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.purchases-nav{background:#fff;border:1px solid #dce7ea;border-radius:20px;align-self:start;max-height:calc(100vh - 125px);padding:15px;position:sticky;top:12px;overflow:auto;box-shadow:0 10px 30px #1534440d}.purchases-nav>div{border-bottom:1px solid #e6edef;gap:3px;padding:7px 9px 14px;display:grid}.purchases-nav>div strong{font-size:16px}.purchases-nav>div small{color:#8997a5;font-size:10px}.purchases-nav>section{padding-top:6px}.purchases-nav>section>button{color:#4f6374;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;width:100%;min-height:42px;padding:7px 9px;font-family:inherit;display:flex}.purchases-nav>section>button>span{color:#66808e;background:#eef4f5;border-radius:9px;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.purchases-nav>section>button>b{font-size:12px}.purchases-nav>section>button>i{color:#93a4b0;margin-right:auto;font-style:normal}.purchases-nav>section>button.active,.purchases-nav>section>button:hover{color:#087e78;background:#e6f7f4}.purchases-nav>section>button.active>span{color:#fff;background:#15aaa1}.purchases-nav>section>div{border-right:1px solid #d5e5e5;margin:2px 41px 4px 0;padding-right:10px;display:grid}.purchases-nav>section>div button{color:#718493;text-align:right;cursor:pointer;background:0 0;border:0;padding:8px;font-family:inherit;font-size:10px}.purchases-nav>section>div button.active,.purchases-nav>section>div button:hover{color:#08867f;font-weight:900}.purchases-main{gap:16px;min-width:0;display:grid}.purchases-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.purchases-heading span{color:#07978e;font-size:10px;font-weight:900}.purchases-heading h2{margin:4px 0;font-size:23px}.purchases-heading p{color:#81909f;margin:0;font-size:10px}.purchases-heading>button{color:#fff;cursor:pointer;background:#10aaa1;border:0;border-radius:11px;min-height:40px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:900}.purchases-kpis{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.purchases-kpis article{background:#fff;border:1px solid #dce7ea;border-radius:17px;align-items:center;gap:11px;min-height:102px;padding:16px;display:flex}.purchases-kpis article.primary{color:#fff;background:linear-gradient(135deg,#12384a,#0b716d);gap:2px;display:grid}.purchases-kpis article>span{color:#088b83;background:#e4f7f4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.purchases-kpis small,.purchases-kpis p{color:#8493a2;margin:0;font-size:9px;display:block}.purchases-kpis strong{margin:4px 0;font-size:17px;display:block}.purchases-kpis strong i{font-size:9px;font-style:normal}.purchases-kpis .primary small,.purchases-kpis .primary p{color:#bfdadd}.purchases-kpis .primary strong{font-size:22px}.purchases-orders,.purchases-module{background:#fff;border:1px solid #dce7ea;border-radius:20px;overflow:hidden;box-shadow:0 9px 28px #1734430d}.purchases-orders>header,.purchases-module>header{justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.purchases-orders>header span,.purchases-module>header span{color:#078e86;font-size:9px;font-weight:900}.purchases-orders h2,.purchases-module h3{margin:4px 0;font-size:19px}.purchases-orders>header>b{color:#a66b13;background:#fff0d8;border-radius:99px;padding:7px 10px;font-size:9px}.purchases-module>header p{color:#8393a1;margin:0;font-size:9px}.purchases-module>header button{color:#fff;cursor:pointer;background:#10aaa1;border:0;border-radius:10px;min-height:38px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:900}.purchases-module-summary{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.purchases-module-summary article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;padding:14px}.purchases-module-summary small{color:#8493a1;font-size:8px}.purchases-module-summary strong{margin-top:6px;font-size:18px;display:block}.purchases-module-table{overflow:auto}.purchases-module-row{color:#536576;border-top:1px solid #e8eef0;grid-template-columns:100px minmax(180px,1.2fr) 145px 140px 130px 135px;align-items:center;gap:12px;min-width:900px;padding:14px 20px;font-size:9px;display:grid}.purchases-module-row.head{color:#7b8c99;background:#f8fafb;border:0;font-size:8px;font-weight:900}.purchases-module-row>b,.purchases-module-row>strong{color:#213548}.purchases-module-row>i{color:#168060;background:#e4f5ed;border-radius:99px;width:max-content;padding:5px 8px;font-style:normal;font-weight:900}.purchases-module-row>i.warning{color:#a66b13;background:#fff0d8}.purchases-module-row>div{gap:5px;display:flex}.purchases-module-row button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c7dedc;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.purchases-form-modal{width:min(720px,100vw - 30px)}@media (width<=1150px){.purchases-layout{grid-template-columns:1fr}.purchases-nav{gap:6px;max-height:none;padding:10px;display:flex;position:static;overflow:auto}.purchases-nav>div{border:0;min-width:150px}.purchases-nav>section{min-width:max-content;padding:0}.purchases-nav>section>div{display:none}.purchases-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.purchases-workspace>header>div:last-child,.purchases-heading{width:100%}.purchases-workspace>header>div:last-child button{flex:1}.purchases-nav>div{display:none}.purchases-heading{flex-direction:column;align-items:flex-start}.purchases-heading>button{width:100%}.purchases-kpis,.purchases-module-summary{grid-template-columns:1fr}.purchases-integration{flex-direction:row;justify-content:flex-start;align-items:center;overflow:auto}.purchases-integration>div{min-width:max-content}.purchases-integration>i{transform:none}}.sales-details-modal{width:min(700px,100vw - 30px)}.sales-detail-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:18px 0;display:grid}.sales-detail-grid article{background:#f7fafb;border:1px solid #dce7ea;border-radius:13px;padding:15px}.sales-detail-grid small{color:#81919e;margin-bottom:7px;font-size:9px;display:block}.sales-detail-grid strong{color:#203447;font-size:12px}@media (width<=650px){.sales-detail-grid{grid-template-columns:1fr}}.finance-details-modal{width:min(700px,100vw - 30px)}.finance-detail-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:18px 0;display:grid}.finance-detail-grid article{background:#f7fafb;border:1px solid #dce7ea;border-radius:13px;padding:15px}.finance-detail-grid small{color:#81919e;margin-bottom:7px;font-size:9px;display:block}.finance-detail-grid strong{color:#203447;font-size:12px}@media (width<=650px){.finance-detail-grid{grid-template-columns:1fr}}.purchases-details-modal{width:min(700px,100vw - 30px)}.purchases-detail-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:18px 0;display:grid}.purchases-detail-grid article{background:#f7fafb;border:1px solid #dce7ea;border-radius:13px;padding:15px}.purchases-detail-grid small{color:#81919e;margin-bottom:7px;font-size:9px;display:block}.purchases-detail-grid strong{color:#203447;font-size:12px}@media (width<=650px){.purchases-detail-grid{grid-template-columns:1fr}}.employee-profile-modal>.modal-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.employee-profile-modal>.modal-actions>button{white-space:nowrap;border-radius:11px;width:100%;height:42px;min-height:42px;padding:0 13px;font-family:inherit;font-size:11px;font-weight:900}.hr-termination-button{color:#b9343d!important;background:#fff5f5!important;border:1px solid #edb5b8!important}.termination-direct-layer{z-index:130}.termination-direct-modal{width:min(660px,100vw - 30px)}.termination-choice{grid-template-columns:repeat(2,1fr);gap:11px;margin:18px 0;display:grid}.termination-choice label{cursor:pointer;position:relative}.termination-choice input{opacity:0;position:absolute}.termination-choice span{background:#f8fafb;border:1px solid #dce6e9;border-radius:14px;gap:4px;min-height:82px;padding:16px;transition:all .2s;display:grid}.termination-choice b{font-size:13px}.termination-choice small{color:#83929e;font-size:9px}.termination-choice input:checked+span{background:#fff2f2;border-color:#d95d63;box-shadow:0 0 0 2px #d95d6314}.termination-choice input:checked+span b{color:#b82d36}.termination-file{background:#f8fafb;border:1px dashed #cddcdf;border-radius:12px;padding:13px}.termination-file small{color:#8494a0;margin-top:6px;display:block}.termination-warning{color:#875b21;background:#fff4e6;border-radius:12px;align-items:flex-start;gap:10px;margin:15px 0;padding:13px;display:flex}.termination-warning span{background:#ffe2b7;border-radius:8px;place-items:center;min-width:25px;height:25px;font-weight:900;display:grid}.termination-warning p{margin:0;font-size:9px;line-height:1.8}.hr-termination-confirm{color:#fff!important;background:#c93f48!important;border:0!important}@media (width<=700px){.employee-profile-modal>.modal-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.termination-choice{grid-template-columns:1fr}}.sar-symbol{vertical-align:-.08em;font-family:Arial,Segoe UI Symbol,sans-serif;font-size:1.18em;font-weight:700;line-height:.8;display:inline-block}.guest-price-grid>article{cursor:pointer;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s}.guest-price-grid>article:hover,.guest-price-grid>article:focus-visible{background:linear-gradient(145deg,#0f3e56fa,#06233cfa);border-color:#25d9d5b8;outline:none;transform:translateY(-9px);box-shadow:0 25px 65px #03cdce2e}.guest-price-grid>article.featured:hover,.guest-price-grid>article.featured:focus-visible{transform:translateY(-17px);box-shadow:0 28px 72px #05c3c83d}@media (width<=700px){.guest-price-grid>article:hover,.guest-price-grid>article:focus-visible,.guest-price-grid>article.featured:hover,.guest-price-grid>article.featured:focus-visible{transform:translateY(-5px)}}.guest-value-grid>article{cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.guest-value-grid>article:hover,.guest-value-grid>article:focus-visible{background:linear-gradient(145deg,#103f58fa,#05233cfa);border-color:#29dbd7b3;outline:none;transform:translateY(-7px);box-shadow:0 22px 55px #04c3c629}.sales-workspace{background:linear-gradient(#f3f8f9,#eef5f6);gap:22px;padding:30px}.sales-hero{min-height:150px}.sales-kpis>button{color:#17283a;text-align:right;cursor:pointer;background:#fff;border:1px solid #d7e5e8;border-radius:19px;align-items:center;gap:12px;min-height:118px;padding:18px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 10px 28px #1936450e}.sales-kpis>button:hover{border-color:#8ed8d2;transform:translateY(-3px);box-shadow:0 15px 34px #087e781a}.sales-kpis>button.primary{color:#fff;background:linear-gradient(135deg,#12384a,#0b716d);border-color:#146d72;gap:3px;display:grid}.sales-kpis>button>span{color:#088b83;background:#e4f7f4;border-radius:13px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.sales-kpis>button small,.sales-kpis>button p{color:#8493a2;margin:0;font-size:9px;display:block}.sales-kpis>button strong{margin:5px 0;font-size:18px;display:block}.sales-kpis>button.primary small,.sales-kpis>button.primary p{color:#c7dddf}.sales-kpis>button.primary strong{font-size:24px}.sales-cycle>div>button{color:#17283a;text-align:center;cursor:pointer;background:#f4f9fa;border:1px solid #0000;border-radius:13px;justify-items:center;gap:8px;padding:14px 6px;font-family:inherit;transition:all .2s;display:grid;position:relative}.sales-cycle>div>button:hover{background:#eaf8f6;border-color:#9bded8;transform:translateY(-3px)}.sales-cycle>div>button>span{color:#087f78;background:#dff5f1;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.sales-cycle>div>button strong{font-size:9px}.sales-cycle>div>button i{color:#87aaa8;font-style:normal;position:absolute;top:28px;left:-7px}.sales-pipeline>button{color:#17283a;text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:120px 1fr 105px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:7px 0;font-family:inherit;display:grid}.sales-pipeline>button:hover span{color:#07867f;font-weight:900}.sales-pipeline>button span,.sales-pipeline>button strong{font-size:9px}.sales-pipeline>button i{background:#e7eef0;border-radius:99px;height:8px;overflow:hidden}.sales-pipeline>button i b{border-radius:inherit;background:linear-gradient(90deg,#0ba69e,#42cdc3);height:100%;display:block}.sales-leaders>button{color:#17283a;text-align:right;cursor:pointer;background:0 0;border:0;border-top:1px solid #ebeff1;align-items:center;gap:10px;width:100%;padding:12px 0;font-family:inherit;display:flex}.sales-leaders>button:hover{background:#f6fbfa}.sales-leaders>button>b{color:#08867f;background:#e5f6f3;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.sales-leaders>button>div{gap:3px;display:grid}.sales-leaders>button strong{font-size:10px}.sales-leaders>button small{color:#8997a5;font-size:8px}.sales-leaders>button>span{color:#168060;background:#e4f5ed;border-radius:99px;margin-right:auto;padding:5px 8px;font-size:8px}.sales-empty-card,.sales-orders-empty{text-align:center!important;justify-items:center!important;gap:8px!important;padding:28px!important;display:grid!important}.sales-empty-card>span,.sales-orders-empty>span{color:#098b83;background:#e5f7f4;border-radius:15px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.sales-empty-card strong,.sales-orders-empty strong{color:#24384a;font-size:12px}.sales-empty-card p,.sales-orders-empty p{color:#81919e;margin:0;font-size:9px}.sales-empty-card button,.sales-orders-empty button{cursor:pointer;margin-top:5px;color:#fff!important;background:#0fa79e!important;border:0!important;border-radius:9px!important;padding:9px 14px!important;font-family:inherit!important;font-size:9px!important;font-weight:900!important}.sales-orders-empty{min-height:210px}.sales-order-table tbody>tr>td[colspan]{border:0;padding:0}@media (width<=760px){.sales-workspace{padding:14px}.sales-kpis>button{min-height:100px}.sales-pipeline>button{grid-template-columns:95px 1fr 85px}.sales-cycle>div>button i{display:none}}.inventory-workspace,.purchases-workspace{background:linear-gradient(#f4f8f9,#edf4f5);gap:20px;padding:24px}.inventory-hero,.purchases-workspace>header{min-height:112px;padding:24px 28px}.inventory-layout,.purchases-layout{align-items:start}.inventory-main,.purchases-main{align-content:start}.inventory-heading,.purchases-heading{min-height:64px;padding:8px 4px}.inventory-empty,.purchases-empty{grid-column:1/-1;text-align:center!important;border:0!important;justify-items:center!important;gap:8px!important;min-height:190px!important;padding:30px!important;display:grid!important}.inventory-empty>span,.purchases-empty>span{color:#079087;background:#e4f7f4;border-radius:15px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.inventory-empty strong,.purchases-empty strong{color:#22384a;font-size:13px}.inventory-empty p,.purchases-empty p{color:#81919e;margin:0;font-size:10px}.inventory-empty button,.purchases-empty button{cursor:pointer;color:#fff!important;background:#10aaa1!important;border:0!important;border-radius:10px!important;padding:10px 15px!important;font-family:inherit!important;font-size:9px!important;font-weight:900!important}.inventory-alerts-empty{text-align:center;justify-items:center;gap:8px;padding:36px 15px;display:grid}.inventory-alerts-empty>span{color:#168060;background:#e5f6ef;border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.inventory-alerts-empty strong{font-size:12px}.inventory-alerts-empty p{color:#85949f;margin:0;font-size:9px}.purchases-table td[colspan]{padding:0}.purchases-workspace>.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0814228a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.purchases-workspace>.modal-backdrop>.purchases-form-modal{z-index:1;max-height:calc(100vh - 40px);position:relative;overflow:auto}.purchases-kpis article:first-child strong,.purchases-kpis article:nth-child(2) strong,.purchases-kpis article:nth-child(3) strong,.purchases-kpis article:nth-child(4) strong,.purchases-module-summary article:nth-child(2) strong,.purchases-module-summary article:nth-child(3) strong{font-size:0}.purchases-kpis article:first-child strong:after,.purchases-kpis article:nth-child(4) strong:after,.purchases-module-summary article:nth-child(3) strong:after{content:"0 ر.س";font-size:18px}.purchases-kpis article:nth-child(2) strong:after,.purchases-kpis article:nth-child(3) strong:after,.purchases-module-summary article:nth-child(2) strong:after{content:"0";font-size:18px}.purchases-kpis article:first-child p,.purchases-kpis article:nth-child(2) p,.purchases-kpis article:nth-child(3) p,.purchases-kpis article:nth-child(4) p{font-size:0}.purchases-kpis article:first-child p:after{content:"لا توجد مشتريات مسجلة";font-size:9px}.purchases-kpis article:nth-child(2) p:after{content:"لا توجد أوامر معلقة";font-size:9px}.purchases-kpis article:nth-child(3) p:after{content:"ابدأ بإضافة أول مورد";font-size:9px}.purchases-kpis article:nth-child(4) p:after{content:"لا توجد دفعات قادمة";font-size:9px}@media (width<=760px){.inventory-workspace,.purchases-workspace{padding:14px}.inventory-hero,.purchases-workspace>header{min-height:auto}.purchases-workspace>.modal-backdrop{padding:10px}}.sales-customer-empty{grid-column:1/-1;text-align:center!important;justify-items:center!important;gap:8px!important;min-height:210px!important;padding:32px!important;display:grid!important}.sales-customer-empty>span{color:#078c84;background:#e5f7f4;border-radius:16px;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.sales-customer-empty strong{color:#24384a;font-size:13px}.sales-customer-empty p{color:#81919e;margin:0;font-size:9px}.sales-customer-empty button{cursor:pointer;color:#fff!important;background:#0fa79e!important;border:0!important;border-radius:10px!important;padding:10px 15px!important;font-family:inherit!important;font-size:9px!important;font-weight:900!important}.customer-create-modal{width:min(820px,100vw - 30px);max-height:calc(100vh - 36px);overflow:auto}.customer-profile-modal{width:min(980px,100vw - 32px);max-height:calc(100vh - 36px);padding:0;overflow:hidden}.customer-profile-head{color:#fff;background:linear-gradient(135deg,#10364a,#08736f);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.customer-profile-head span{color:#65dfd5;font-size:9px;font-weight:900}.customer-profile-head h2{margin:7px 0 4px;font-size:25px}.customer-profile-head p{color:#bed9dc;margin:0;font-size:10px}.customer-profile-head>div:last-child{align-items:center;gap:10px;display:flex}.customer-profile-head button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:11px;width:36px;height:36px;font-size:20px}.customer-status{border-radius:99px;padding:7px 11px;font-size:9px}.customer-status.active{color:#147956;background:#dff7ed}.customer-status.blocked{color:#b44747;background:#ffe7e7}.customer-profile-tabs{background:#f7fafb;border-bottom:1px solid #e1eaec;gap:6px;padding:13px 20px;display:flex;overflow:auto}.customer-profile-tabs button{color:#657887;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;min-width:max-content;padding:9px 11px;font-family:inherit;font-size:9px;font-weight:800}.customer-profile-tabs button:hover,.customer-profile-tabs button.active{color:#087f78;background:#e5f7f4;border-color:#bce3df}.customer-profile-body{min-height:300px;max-height:48vh;padding:24px 28px;overflow:auto}.customer-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.customer-info-grid article{background:#f8fbfb;border:1px solid #dfe9eb;border-radius:14px;gap:7px;padding:18px;display:grid}.customer-info-grid small,.customer-address-card small{color:#81919e;font-size:9px}.customer-info-grid strong,.customer-address-card strong{color:#24384a;font-size:12px}.customer-address-card{background:#f8fbfb;border:1px solid #dfe9eb;border-radius:15px;align-items:center;gap:14px;padding:20px;display:flex}.customer-address-card>span{color:#078b83;background:#e5f7f4;border-radius:13px;place-items:center;width:45px;height:45px;font-size:20px;display:grid}.customer-address-card>div{gap:7px;display:grid}.customer-address-card button{color:#087f79;background:#fff;border:1px solid #bcdedb;border-radius:9px;margin-right:auto;padding:8px 12px;font-family:inherit;font-size:9px;font-weight:900}.customer-tab-empty{text-align:center;justify-items:center;gap:9px;padding:45px 20px;display:grid}.customer-tab-empty>span{color:#078b83;background:#e5f7f4;border-radius:16px;place-items:center;width:52px;height:52px;font-size:20px;display:grid}.customer-tab-empty strong{font-size:14px}.customer-tab-empty p{color:#81919e;margin:0;font-size:10px}.customer-tab-empty button,.customer-upload,.customer-notes button{color:#fff;cursor:pointer;background:#10aaa1;border:0;border-radius:10px;padding:10px 15px;font-family:inherit;font-size:9px;font-weight:900}.customer-notes{gap:12px;display:grid}.customer-notes textarea{resize:vertical;background:#f9fbfc;border:1px solid #dce7e9;border-radius:14px;min-height:180px;padding:15px;font-family:inherit}.customer-notes button{justify-self:start}.customer-profile-modal>footer{background:#fafcfc;border-top:1px solid #e1e9eb;justify-content:flex-end;gap:8px;padding:15px 24px;display:flex}.customer-profile-modal>footer button{color:#486071;cursor:pointer;background:#fff;border:1px solid #c9dedd;border-radius:10px;padding:10px 15px;font-family:inherit;font-size:9px;font-weight:900}.customer-profile-modal>footer button:last-child{color:#fff;background:#10aaa1;border-color:#10aaa1}@media (width<=680px){.customer-profile-body{padding:17px}.customer-info-grid{grid-template-columns:1fr}.customer-profile-head{padding:20px}.customer-profile-head h2{font-size:21px}.customer-address-card{flex-wrap:wrap;align-items:flex-start}.customer-address-card button{margin-right:0}.customer-profile-modal>footer button{flex:1}}.customer-categories-view{background:#fff;border:1px solid #dce7ea;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #1734430d}.customer-categories-view>header{background:linear-gradient(135deg,#f3fbf9,#fff);border-bottom:1px solid #e2ebed;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.customer-categories-view>header span{color:#078f87;font-size:9px;font-weight:900}.customer-categories-view>header h3{margin:5px 0;font-size:20px}.customer-categories-view>header p{color:#81919f;margin:0;font-size:9px}.customer-categories-view>header button{color:#fff;cursor:pointer;background:#10aaa1;border:0;border-radius:10px;padding:11px 15px;font-family:inherit;font-size:9px;font-weight:900}.category-summary{background:#f7fafb;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;display:grid}.category-summary article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;padding:15px}.category-summary small{color:#8493a1;font-size:8px}.category-summary strong{margin-top:6px;font-size:19px;display:block}.category-table{overflow:auto}.category-row{color:#536576;border-top:1px solid #e8eef0;grid-template-columns:minmax(170px,1.3fr) 100px 90px 85px 145px 95px 210px;align-items:center;gap:12px;min-width:1000px;padding:14px 20px;font-size:9px;display:grid}.category-row.head{color:#7b8c99;background:#f8fafb;border:0;font-size:8px;font-weight:900}.category-row>strong{color:#213548;gap:4px;display:grid}.category-row>strong small{color:#8997a5;font-size:8px;font-weight:500}.category-row>b{color:#0a8780}.category-row>i{border-radius:99px;width:max-content;padding:5px 8px;font-style:normal;font-weight:900}.category-row>i.active{color:#168060;background:#e4f5ed}.category-row>i.inactive{color:#71808d;background:#eef1f3}.category-row>div{gap:5px;display:flex}.category-row button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #c7dedc;border-radius:8px;padding:7px 9px;font-family:inherit;font-size:8px;font-weight:900}.category-row button.danger{color:#bb4d4d;background:#fff5f5;border-color:#f0c9c9}.category-form-modal{width:min(720px,100vw - 30px);max-height:calc(100vh - 36px);overflow:auto}.category-policy-note{color:#476774;background:#edf9f7;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.category-policy-note>span{color:#128060;background:#d8f3ed;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.category-policy-note p{margin:0;font-size:9px}@media (width<=700px){.customer-categories-view>header{flex-direction:column;align-items:flex-start}.customer-categories-view>header button{width:100%}.category-summary{grid-template-columns:1fr}}.customer-balances-modal{width:min(1050px,100vw - 32px);max-height:calc(100vh - 36px);padding:0;overflow:hidden}.customer-balance-head{color:#fff;background:linear-gradient(135deg,#10374a,#08736f);border-bottom:1px solid #dce8ea;justify-content:space-between;align-items:center;gap:18px;padding:23px 27px;display:flex}.customer-balance-head span{color:#62ded5;font-size:9px;font-weight:900}.customer-balance-head h2{margin:6px 0 4px;font-size:23px}.customer-balance-head p{color:#bdd8db;margin:0;font-size:9px}.customer-balance-head>button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:11px;width:36px;height:36px;font-size:18px}.balance-readonly-note{background:#edf9f7;border:1px solid #cbe6e2;border-radius:13px;align-items:center;gap:11px;margin:18px 22px;padding:13px 15px;display:flex}.balance-readonly-note>span{color:#087f78;background:#d6f3ee;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.balance-readonly-note>div{gap:3px;display:grid}.balance-readonly-note strong{font-size:10px}.balance-readonly-note p{color:#6e818f;margin:0;font-size:9px}.customer-balance-table{max-height:58vh;overflow:auto}.customer-balance-row{color:#526475;text-align:right;background:#fff;border:0;border-top:1px solid #e7edef;grid-template-columns:minmax(180px,1.3fr) repeat(5,minmax(105px,1fr));align-items:center;gap:12px;width:100%;min-width:850px;padding:14px 22px;font-family:inherit;font-size:9px;display:grid}.customer-balance-row:not(.head){cursor:pointer}.customer-balance-row:not(.head):hover{background:#f3faf9}.customer-balance-row.head{z-index:1;color:#7b8c99;background:#f6f9fa;font-size:8px;font-weight:900;position:sticky;top:0}.customer-balance-row>strong{color:#23384a;gap:4px;display:grid}.customer-balance-row>strong small{color:#8998a4;font-size:8px}.customer-balance-row>b{font-weight:800}.customer-balance-row>b.negative{color:#c65151}.customer-balance-row>i{border-radius:99px;width:max-content;padding:6px 9px;font-style:normal;font-weight:900}.customer-balance-row>i.ok{color:#168060;background:#e4f5ed}.customer-balance-row>i.over{color:#ba4b4b;background:#ffe8e8}.balance-customer-summary{background:#f7fafb;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 22px;display:grid}.balance-customer-summary article{background:#fff;border:1px solid #dfe9eb;border-radius:13px;padding:14px}.balance-customer-summary small{color:#82919e;font-size:8px}.balance-customer-summary strong{margin-top:6px;font-size:15px;display:block}.balance-detail-tabs{border-bottom:1px solid #e2eaec;gap:7px;padding:14px 22px;display:flex;overflow:auto}.balance-detail-tabs button{color:#087f79;cursor:pointer;background:#fff;border:1px solid #cae0de;border-radius:9px;min-width:max-content;padding:9px 12px;font-family:inherit;font-size:9px;font-weight:900}.balance-empty{text-align:center;justify-items:center;gap:8px;padding:44px 20px;display:grid}.balance-empty>span{color:#078b83;background:#e5f7f4;border-radius:15px;place-items:center;width:50px;height:50px;font-size:20px;display:grid}.balance-empty strong{font-size:13px}.balance-empty p{color:#81919e;margin:0;font-size:9px}.balance-empty button{color:#fff;cursor:pointer;background:#10aaa1;border:0;border-radius:10px;padding:10px 15px;font-family:inherit;font-size:9px;font-weight:900}@media (width<=760px){.customer-balance-head{padding:19px}.balance-customer-summary{grid-template-columns:repeat(2,1fr)}.balance-readonly-note{align-items:flex-start}.customer-balances-modal{width:calc(100vw - 20px)}}.guest-module-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.guest-module-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010a18bf;border:0;position:absolute;inset:0}.guest-module-dialog{z-index:1;color:#f1fbfc;background:linear-gradient(145deg,#0d3852,#061d35);border:1px solid #2bdcd759;border-radius:24px;width:min(470px,100vw - 32px);padding:32px;position:relative;box-shadow:0 32px 90px #0000007a}.guest-module-close{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:11px;width:36px;height:36px;font-size:22px;position:absolute;top:18px;left:18px}.guest-module-dialog>span{color:#2dddd8;background:#23d9d424;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:18px;font-size:25px;display:grid}.guest-module-dialog>small{color:#41d9d4;font-size:10px;font-weight:900}.guest-module-dialog h2{margin:8px 0;font-size:28px}.guest-module-dialog>p{color:#a8c2cb;margin:0;font-size:11px}.guest-module-dialog ul{color:#25d9d5;gap:12px;margin:24px 0;padding:0;font-size:11px;list-style:none;display:grid}.guest-module-dialog li span{color:#d5e7ea}.guest-module-dialog>button:last-child{color:#fff;background:linear-gradient(135deg,#1ed8d3,#078eab);border:0;border-radius:11px;width:100%;height:44px;font-family:inherit;font-size:11px;font-weight:900}.sales-layout{align-items:start}.sales-main{grid-auto-rows:max-content;align-content:start}.sales-heading{background:#ffffffeb;border:1px solid #dce8ea;border-radius:17px;min-height:72px;padding:14px 18px;box-shadow:0 8px 24px #1434430b}.sales-heading h2{font-size:20px}.sales-heading p{font-size:10px;line-height:1.7}.sales-module-view{border-color:#d8e5e8;border-radius:22px;align-self:start;box-shadow:0 14px 38px #11334312}.sales-module-view>header{background:linear-gradient(135deg,#f1faf8 0%,#fff 62%);min-height:92px;padding:22px 24px}.sales-module-view>header h3{color:#183246;margin:5px 0;font-size:20px}.sales-module-view>header p{color:#718493;font-size:10px;line-height:1.7}.sales-module-summary{background:#f4f8f9;gap:13px;padding:18px 22px}.sales-module-summary article{border-color:#dbe7e9;border-radius:15px;min-height:88px;padding:17px 18px;box-shadow:0 5px 16px #14344308}.sales-module-summary small{font-size:9px}.sales-module-summary strong{font-size:20px}.sales-module-table{background:#fff}.sales-module-row{min-height:58px;padding-block:15px;font-size:10px;transition:background .16s}.sales-module-row:not(.head):hover{background:#f5fbfa}.sales-module-row.head{color:#607786;background:#edf5f6;min-height:46px;font-size:9px}.sales-customer-empty{background:radial-gradient(circle at 50% 35%,#f2fbf9,#0000 48%);min-height:260px!important;padding:44px 24px!important}.sales-customer-empty>span{border-radius:18px;width:58px;height:58px;box-shadow:0 9px 22px #0c8b831a}.sales-customer-empty strong{font-size:15px}.sales-customer-empty p{max-width:420px;font-size:10px;line-height:1.8}.sales-mode-reports>header{background:linear-gradient(135deg,#eef5ff,#fff 66%)}.sales-mode-reports>header span{color:#3976c5}.sales-mode-reports .sales-module-summary article:first-child{border-top:3px solid #4f8bd8}.sales-mode-commissions>header{background:linear-gradient(135deg,#fff8e9,#fff 66%)}.sales-mode-commissions>header span{color:#b87812}.sales-mode-commissions .sales-module-summary article:first-child{border-top:3px solid #e3a638}.sales-mode-representatives>header{background:linear-gradient(135deg,#f2efff,#fff 66%)}.sales-mode-representatives>header span{color:#7358c7}.sales-mode-representatives .sales-module-summary article:first-child{border-top:3px solid #846bd4}.sales-mode-promotions>header{background:linear-gradient(135deg,#fff1f5,#fff 66%)}.sales-mode-promotions>header span{color:#c04e76}.sales-mode-promotions .sales-module-summary article:first-child{border-top:3px solid #df7297}.sales-mode-returns>header{background:linear-gradient(135deg,#fff5ed,#fff 66%)}.sales-mode-returns>header span{color:#bd6e28}.sales-mode-returns .sales-module-summary article:first-child{border-top:3px solid #de8a3c}.sales-mode-quotes>header{background:linear-gradient(135deg,#eefaf8,#fff 66%)}.sales-mode-quotes .sales-module-summary article:first-child{border-top:3px solid #14a79e}.sales-mode-orders>header{background:linear-gradient(135deg,#f1f5ff,#fff 66%)}.sales-mode-orders>header span{color:#466eb6}.sales-mode-orders .sales-module-summary article:first-child{border-top:3px solid #6387c8}.sales-mode-delivery>header{background:linear-gradient(135deg,#f1fbff,#fff 66%)}.sales-mode-delivery>header span{color:#2786a5}.sales-mode-delivery .sales-module-summary article:first-child{border-top:3px solid #48a5c1}.sales-mode-invoices>header{background:linear-gradient(135deg,#f7f3ff,#fff 66%)}.sales-mode-invoices>header span{color:#7659b6}.sales-mode-invoices .sales-module-summary article:first-child{border-top:3px solid #8f73ca}.sales-mode-adjustments>header{background:linear-gradient(135deg,#fff7ed,#fff 66%)}.sales-mode-adjustments>header span{color:#b56b22}.sales-mode-adjustments .sales-module-summary article:first-child{border-top:3px solid #d59046}.sales-mode-payments>header{background:linear-gradient(135deg,#eefbf4,#fff 66%)}.sales-mode-payments>header span{color:#25845b}.sales-mode-payments .sales-module-summary article:first-child{border-top:3px solid #43a878}.customer-categories-view{border-radius:22px;align-self:start;box-shadow:0 14px 38px #11334312}.customer-categories-view>header{min-height:92px;padding:22px 24px}.category-summary{gap:13px;padding:18px 22px}.category-summary article{min-height:82px;padding:17px 18px}.category-row{min-height:58px;font-size:10px}.category-row.head{background:#edf5f6;min-height:46px;font-size:9px}.customer-balances-modal,.customer-profile-modal{border:1px solid #8cd5cf59;box-shadow:0 28px 75px #051d2a42}@media (width<=1150px){.sales-heading{min-height:auto}}@media (width<=760px){.sales-heading{padding:15px}.sales-module-view>header{min-height:auto;padding:18px}.sales-module-summary{padding:13px}}.subscription-workspace [lang=en],.subscription-workspace .admin-plan-price strong,.subscription-workspace .permissions-table small span{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}.subscription-add-company{box-shadow:0 8px 20px #05242b2e;background:#11a9a0!important;border-color:#4ad4c9!important}.subscription-onboarding{background:linear-gradient(135deg,#f2fbf9,#fff 65%);border:1px solid #dce8eb;border-radius:20px;padding:22px;box-shadow:0 12px 32px #1933430b}.subscription-onboarding-steps{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.subscription-onboarding-steps article{background:#fff;border:1px solid #dce8ea;border-radius:14px;align-items:flex-start;gap:11px;min-height:95px;padding:16px;display:flex}.subscription-onboarding-steps article>b{color:#087f79;background:#def5f1;border-radius:9px;flex:0 0 31px;place-items:center;height:31px;font-size:11px;display:grid}.subscription-onboarding-steps article strong{color:#20374a;font-size:10px;display:block}.subscription-onboarding-steps article p{color:#7e8e9b;margin:6px 0 0;font-size:8px;line-height:1.8}@media (width<=900px){.subscription-onboarding-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.subscription-onboarding-steps{grid-template-columns:1fr}}.employee-report-button{color:#087f79!important;background:#eaf9f7!important;border:1px solid #8fd7d1!important}.employee-report-modal{width:min(1120px,100vw - 28px);max-height:calc(100vh - 26px);padding:0;overflow:hidden}.employee-report-cover{color:#fff;background:linear-gradient(135deg,#12384b,#087b75);justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;display:flex}.employee-report-cover>div:first-child{gap:5px;display:grid}.employee-report-cover span{color:#67ddd4;font-size:10px;font-weight:900}.employee-report-cover h2{margin:0;font-size:28px}.employee-report-cover p{color:#c2dcdf;margin:0;font-size:11px}.employee-report-cover>div:last-child{align-items:center;gap:12px;display:flex}.employee-report-cover b{color:#147956;background:#dff7ed;border-radius:99px;padding:7px 11px;font-size:9px}.employee-report-cover b.inactive{color:#b44848;background:#ffe5e5}.employee-report-cover button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:11px;width:38px;height:38px;font-size:21px}.employee-report-meta{color:#557481;background:#edf8f6;border-bottom:1px solid #dce8ea;align-items:center;gap:20px;padding:11px 28px;font-size:9px;display:flex}.employee-report-meta span:first-child{color:#087f79;margin-left:auto;font-weight:900}.employee-report-scroll{scrollbar-gutter:stable;background:#f4f8f9;flex-direction:column;gap:15px;max-height:calc(100vh - 215px);padding:20px 24px 28px;display:flex;overflow:hidden auto}.employee-report-scroll>*{flex:none}.employee-report-kpis{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.employee-report-kpis article{background:#fff;border:1px solid #dce7e9;border-radius:14px;padding:16px}.employee-report-kpis small,.employee-report-kpis span{color:#80909d;font-size:8px;display:block}.employee-report-kpis strong{color:#173145;margin:7px 0 4px;font-size:21px;display:block}.employee-report-section{background:#fff;border:1px solid #dce7e9;border-radius:16px;min-height:max-content;overflow:hidden}.employee-report-section>header,.employee-report-two>div>header{background:#f9fbfb;border-bottom:1px solid #e5edef;align-items:center;gap:11px;padding:14px 17px;display:flex}.employee-report-section>header>span,.employee-report-two>div>header>span{color:#087f79;background:#ddf4f0;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.employee-report-section header h3{color:#1d3446;margin:0;font-size:13px}.employee-report-section header p{color:#82919d;margin:3px 0 0;font-size:8px}.employee-report-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:15px;display:grid}.employee-report-grid>div{background:#f5f8f9;border-radius:11px;padding:13px}.employee-report-grid small{color:#81909d;font-size:8px;display:block}.employee-report-grid strong{color:#223749;margin-top:5px;font-size:10px;display:block}.employee-report-grid .highlight{background:#e4f6f2}.employee-report-grid .highlight strong{color:#087f79;font-size:13px}.employee-report-note{color:#4e6f79;background:#edf8f6;border-radius:10px;margin:0 15px 15px;padding:11px 13px;font-size:9px}.employee-report-table{overflow:auto}.employee-report-table>div{color:#617280;border-top:1px solid #e8eef0;grid-template-columns:1.4fr repeat(5,1fr);gap:9px;min-width:760px;padding:11px 17px;font-size:9px;display:grid}.employee-report-table>div.head{color:#7c8d99;background:#f4f8f9;border:0;font-size:8px;font-weight:900}.employee-report-table strong{color:#213649}.employee-report-table b{color:#087f79}.employee-report-empty{color:#82919d;text-align:center;margin:0;padding:28px;font-size:9px}.employee-report-two{grid-template-columns:1fr 1fr;gap:0;display:grid}.employee-report-two>div+div{border-right:1px solid #e1eaec}.employee-report-goal{background:#f5f9f9;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin:12px 15px;padding:13px;display:flex}.employee-report-goal strong{font-size:10px}.employee-report-goal span{color:#087f79;font-size:9px;font-weight:900}.employee-report-docs{gap:0;margin:0;padding:8px 15px 15px;list-style:none;display:grid}.employee-report-docs li{color:#526775;border-bottom:1px solid #e7edef;align-items:center;gap:8px;padding:9px 2px;font-size:9px;display:flex}.employee-report-docs li>span{color:#0b9c91;font-weight:900}.employee-report-docs li>b{color:#203648;margin-right:auto;font-size:8px}.employee-report-section.termination{background:snow;border-color:#efcaca}.employee-report-actions{background:#fff;border-top:1px solid #dde8ea;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.employee-report-actions button{color:#496474;cursor:pointer;background:#fff;border:1px solid #c8dddd;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:9px;font-weight:900}.employee-report-actions button.primary{color:#fff;background:#10aaa1;border-color:#10aaa1}@media (width<=760px){.employee-report-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.employee-report-cover{padding:20px}.employee-report-cover h2{font-size:22px}.employee-report-meta{flex-direction:column;align-items:flex-start;gap:4px}.employee-report-meta span:first-child{margin-left:0}.employee-report-kpis,.employee-report-grid{grid-template-columns:repeat(2,1fr)}.employee-report-two{grid-template-columns:1fr}.employee-report-two>div+div{border-top:1px solid #e1eaec;border-right:0}.employee-report-actions button{flex:1;padding-inline:7px}}@media print{body:has(.employee-report-modal)>:not(.toast){visibility:hidden}.employee-report-layer,.employee-report-layer *{visibility:visible}.employee-report-layer{background:#fff!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}.employee-report-layer .modal-backdrop,.employee-report-actions{display:none!important}.employee-report-modal{width:100%!important;max-height:none!important;box-shadow:none!important;position:static!important}.employee-report-scroll{background:#fff!important;max-height:none!important;padding:12px!important;overflow:visible!important}.employee-report-section,.employee-report-kpis article{break-inside:avoid}.employee-report-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}.employee-report-meta{break-after:avoid}.employee-report-kpis{grid-template-columns:repeat(4,1fr)}}.forced-password-page{color:#17263a;background:radial-gradient(circle at 15% 15%,#23cac12e,#0000 25%),linear-gradient(145deg,#071a30,#0a4450);place-items:center;min-height:100vh;padding:24px;display:grid}.forced-password-page form{background:#fff;border:1px solid #ffffff4d;border-radius:26px;gap:15px;width:min(460px,92vw);padding:38px;display:grid;box-shadow:0 25px 80px #00000040}.forced-password-icon{color:#058a82;background:#e3f8f5;border-radius:18px;place-items:center;width:58px;height:58px;font-size:25px;display:grid}.forced-password-page form>span{color:#078b84;font-size:11px;font-weight:800}.forced-password-page h1{margin:0;font-size:27px}.forced-password-page p{color:#718092;margin:0 0 5px;font-size:12px;line-height:1.9}.forced-password-page label{color:#4b5c70;gap:8px;font-size:11px;font-weight:800;display:grid}.forced-password-page input{height:49px;font:inherit;background:#f8fafb;border:1px solid #dbe5e9;border-radius:12px;outline:0;padding:0 14px}.forced-password-page input:focus{border-color:#24b9b0;box-shadow:0 0 0 3px #24b9b01f}.forced-password-page form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18bcb3,#078985);border:0;border-radius:12px;height:49px;font-weight:800}.forced-password-page form>button:disabled{opacity:.65}.forced-password-page form>small{text-align:center;color:#8795a4;font-size:9px}@media (width>=1151px){.purchases-layout{grid-template-columns:350px minmax(0,1fr)}.purchases-nav{scrollbar-width:thin;scrollbar-color:#c4d2d6 transparent;max-height:calc(100vh - 125px);padding:20px 18px}.purchases-nav::-webkit-scrollbar{width:6px}.inventory-nav::-webkit-scrollbar{width:6px}.purchases-nav::-webkit-scrollbar-thumb{background:#c4d2d6;border-radius:99px}.inventory-nav::-webkit-scrollbar-thumb{background:#c4d2d6;border-radius:99px}.purchases-nav::-webkit-scrollbar-track{background:0 0}.inventory-nav::-webkit-scrollbar-track{background:0 0}.purchases-nav>div{padding:9px 11px 16px}.purchases-nav>div strong{color:#172b3d;font-size:20px}.purchases-nav>div small{color:#6f8190;font-size:12px}.purchases-nav>section{padding-top:10px}.purchases-nav>section>button{gap:12px;min-height:52px;padding:9px 11px}.purchases-nav>section>button>span{border-radius:11px;width:38px;height:38px;font-size:15px}.purchases-nav>section>button>b{font-size:13px}.purchases-nav>section>div{border-right:2px solid #d5e5e5;gap:3px;margin:0 50px 0 0;padding:5px 14px 7px 0}.purchases-nav>section>div button{border-radius:8px;min-height:37px;padding:8px 10px;font-size:11px;font-weight:700}.purchases-nav>section>div button.active,.purchases-nav>section>div button:hover{color:#087f79;background:#edf8f6;box-shadow:inset -3px 0 #10aaa2}}.salary-calculator{background:linear-gradient(135deg,#f3fbfa,#fff);border:1px solid #bee2de;border-radius:17px;margin-top:4px;overflow:hidden;box-shadow:0 10px 26px #0c706b0f}.salary-calculator-head{border-bottom:1px solid #dcecea;justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;display:flex}.salary-calculator-head span{color:#173347;font-size:12px;font-weight:900;display:block}.salary-calculator-head small{color:#768b97;margin-top:4px;font-size:9px;display:block}.salary-calculator-head>b{color:#73838e;background:#edf1f2;border-radius:99px;padding:7px 10px;font-size:9px}.salary-calculator-head>b.active{color:#147b5d;background:#dff5ef}.salary-calculator-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:13px;display:grid}.salary-calculator-grid article{background:#fff;border:1px solid #e0e9eb;border-radius:13px;gap:6px;min-height:86px;padding:14px;display:grid}.salary-calculator-grid small{color:#778b97;font-size:9px}.salary-calculator-grid strong{color:#173448;text-align:right;direction:ltr;font-size:18px}.salary-calculator-grid strong i{color:#718792;font-size:9px;font-style:normal}.salary-calculator-grid p{color:#a47638;margin:0;font-size:8px}.salary-calculator-grid article.deduction{background:#fffaf3;border-color:#f3dcc0}.salary-calculator-grid article.deduction strong{color:#b66b27}.salary-calculator-grid article.muted{opacity:.7}.salary-calculator-grid article.net{background:linear-gradient(135deg,#0d716d,#12485a);border-color:#8fd8d1}.salary-calculator-grid article.net small,.salary-calculator-grid article.net strong,.salary-calculator-grid article.net strong i{color:#fff}.auto-calculated-label{background:#dff5ef;border-radius:99px;margin-right:6px;padding:3px 7px;font-weight:900;display:inline-flex;color:#147b5d!important;font-size:8px!important}.auto-calculated-input{background:#eff9f7!important;border-color:#9bd8d2!important}.auto-calculated-input input{font-weight:900;color:#087f79!important}.auto-calculated-input input:read-only{cursor:not-allowed}.gosi-rate-field{background:#f4faf9;border:1px solid #d8e9e7;border-radius:13px;padding:14px}.gosi-rate-field select{margin-top:7px;font-weight:800;color:#174257!important;background:#fff!important;border-color:#9bd8d2!important}.gosi-rate-field>small{color:#708791;margin-top:7px;font-size:8px;font-weight:500;display:block}@media (width<=700px){.salary-calculator-grid{grid-template-columns:1fr}.salary-calculator-head{flex-direction:column;align-items:flex-start}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}