@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-arabic-800-normal-TQp-UTiE.woff2)format("woff2"),url(/assets/tajawal-arabic-800-normal-Bp_4IW2m.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-latin-800-normal-CmI34b-g.woff2)format("woff2"),url(/assets/tajawal-latin-800-normal-Dm5jVIIh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/tajawal-arabic-900-normal-MgmkhdPX.woff2)format("woff2"),url(/assets/tajawal-arabic-900-normal-CHO_pm7-.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/tajawal-latin-900-normal-DURQZvFY.woff2)format("woff2"),url(/assets/tajawal-latin-900-normal-BsVXXeFR.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--green-950:#0a3d2b;--green-900:#0d4a34;--green-800:#11613f;--green-700:#147a4b;--green-600:#1b9259;--green-100:#dff4e8;--green-50:#f0faf4;--gold-500:#cda349;--gold-100:#f8efd9;--ink:#17241e;--muted:#6b7d74;--line:#dfe7e2;--canvas:#f4f7f5;--white:#fff;--danger:#d95353;--shadow:0 8px 30px #133f2b12}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Tajawal,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.ltr{direction:ltr;display:inline-block}.app-shell{min-height:100vh}.sidebar{z-index:40;background:linear-gradient(180deg, var(--green-950), #0b442f);color:#fff;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-4px 0 18px #072a1c1a}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:92px;padding:0 22px;display:flex}.brand-mark{width:44px;height:44px;color:var(--green-900);letter-spacing:-1px;background:#e7f7ed;border-radius:14px 14px 14px 5px;place-items:center;font-weight:900;display:grid}.brand strong{letter-spacing:.2px;font-size:19px;display:block}.brand small{color:#a8cab8;margin-top:4px;font-size:11px;display:block}.close-menu{color:#fff;background:0 0;border:0;margin-right:auto;font-size:28px;display:none}.sidebar nav{flex:1;padding:22px 13px;overflow-y:auto}.sidebar nav button{color:#c5ddd0;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:48px;margin-bottom:5px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff12}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#1fa05e66,#1fa05e2e);box-shadow:inset -3px 0 #49c47c}.nav-icon{text-align:center;width:22px;font-size:18px}.nav-count{color:#fff;text-align:center;background:#e95656;border-radius:20px;min-width:22px;margin-right:auto;padding:3px 6px;font-size:10px}.side-user{background:#00000021;border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:17px 18px;display:flex}.avatar,.customer-avatar{color:var(--green-800);background:#dff3e7;flex:none;place-items:center;font-weight:800;display:grid}.avatar{border-radius:12px;width:38px;height:38px}.side-user strong,.side-user small{display:block}.side-user small{color:#9fc3af;margin-top:4px;font-size:10px}.online{background:#4bd282;border-radius:50%;width:9px;height:9px;margin-right:auto;box-shadow:0 0 0 3px #4bd28226}.signout-link{color:#b9d4c5;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.app-version{color:#83aa96;text-align:center;direction:ltr;background:#00000021;padding:8px 18px 11px;font-size:8px}.main{min-height:100vh;margin-right:260px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:92px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:14px;display:flex}.eyebrow{color:var(--green-700);font-size:10px;font-weight:800;display:none}.topbar h1{letter-spacing:-.2px;margin:0;font-size:21px;font-weight:800}.menu-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;display:none}.top-actions{align-items:center;gap:10px;display:flex}.sync-status{background:var(--green-50);color:var(--green-800);border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:700;display:flex}.sync-status i{background:#28b56a;border-radius:50%;width:6px;height:6px}.scope-status{color:#53685d;background:#fff;border:1px solid #d9e7df;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;font-size:18px;position:relative}.icon-btn b{color:#fff;background:#e95151;border-radius:10px;min-width:17px;height:17px;font-size:9px;line-height:17px;position:absolute;top:-5px;left:-5px}.content{padding:27px 30px 42px}.primary,.secondary{border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 18px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex}.primary{border:1px solid var(--green-700);background:var(--green-700);color:#fff;box-shadow:0 6px 14px #147a4b29}.primary:hover{background:var(--green-800);transform:translateY(-1px)}.secondary{border:1px solid var(--line);color:#375046;background:#fff}.secondary:hover{background:#fbfdfc;border-color:#b7c9bf}.primary.compact{min-height:40px;padding-inline:14px}.page-actions{justify-content:flex-end;gap:9px;margin-bottom:17px;display:flex}.date-chip{border:1px solid var(--line);min-height:39px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{background:#fff;border:1px solid #e4ebe7;border-radius:14px;align-items:center;gap:14px;min-height:112px;padding:17px;display:flex;box-shadow:0 3px 16px #12422b09}.stat-icon{border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.stat-icon.green,.stat-icon.green2{color:#168755;background:#e2f5ea}.stat-icon.blue{color:#347ec8;background:#e7f1fb}.stat-icon.amber{color:#c47a12;background:#fff1db}.stat-icon.purple{color:#7855c7;background:#efeafa}.stat-icon.red{color:#d14b4b;background:#feeaea}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card strong{margin:5px 0 4px;font-size:25px;line-height:1}.stat-card small{color:#8fa097;font-size:9px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px;display:grid}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e3eae6;border-radius:15px}.chart-panel,.recent-panel,.follow-panel{padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:14px}.panel-head p{color:var(--muted);margin:6px 0 0;font-size:10px}.panel-head button{color:var(--green-700);background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.donut-wrap{justify-content:space-evenly;align-items:center;gap:30px;min-height:180px;display:flex}.donut{border-radius:50%;place-items:center;width:155px;height:155px;display:grid;transform:rotate(-45deg)}.donut>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100px;height:100px;display:grid;transform:rotate(45deg)}.donut strong,.donut span{display:block}.donut strong{font-size:24px}.donut span{color:var(--muted);font-size:10px}.legend{min-width:170px}.legend>div{color:var(--muted);grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin:10px 0;font-size:10px;display:grid}.legend i{border-radius:50%;width:7px;height:7px}.legend b{color:var(--ink);font-size:11px}.bar-chart{padding-top:10px}.bar-row{color:var(--muted);grid-template-columns:100px 1fr 25px;align-items:center;gap:12px;margin:20px 0;font-size:10px;display:grid}.bar-row>div{background:#eef2ef;border-radius:5px;height:8px;overflow:hidden}.bar-row i{border-radius:inherit;background:var(--green-600);max-width:100%;height:100%;display:block}.bar-row .bar-1{background:#42b98a}.bar-row .bar-2{background:#769adc}.bar-row .bar-3{background:#edaf4a}.bar-row b{color:var(--ink)}.mini-list button{text-align:right;background:0 0;border:0;border-bottom:1px solid #edf1ee;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 4px;display:grid}.mini-list button:last-child{border-bottom:0}.customer-avatar{border-radius:11px;width:36px;height:36px}.mini-list strong,.mini-list span{display:block}.mini-list strong{margin-bottom:4px;font-size:11px}.mini-list span{color:var(--muted);font-size:9px}.timeline-list>div{grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid;position:relative}.timeline-list>div>span{background:var(--green-600);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-100);border-radius:50%}.timeline-list .danger-dot{background:#dc5858;box-shadow:0 0 0 4px #feeaea}.timeline-list strong,.timeline-list small{display:block}.timeline-list strong{font-size:11px}.timeline-list small{color:var(--muted);margin-top:4px;font-size:9px}.timeline-list time{color:var(--muted);font-size:9px}.badge{color:#586961;white-space:nowrap;background:#edf1ef;border-radius:20px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.green{color:#137446;background:#e2f4e9}.badge.blue{color:#276da9;background:#e6f1fa}.badge.amber{color:#aa6a0e;background:#fff1d9}.badge.purple{color:#7049ba;background:#eee7fa}.badge.red{color:#be4343;background:#fde7e7}.badge.gray{color:#65726c;background:#edf1ef}.toolbar{justify-content:space-between;gap:15px;margin-bottom:13px;display:flex}.search-box{border:1px solid var(--line);background:#fff;border-radius:11px;flex:1;align-items:center;gap:8px;max-width:570px;height:43px;padding:0 13px;display:flex}.search-box span{color:var(--muted);font-size:20px}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.filter-bar{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:11px;display:flex}.filter-bar select,.filter-bar button,.filter-bar input{border:1px solid var(--line);color:#42554b;background:#fbfcfb;border-radius:8px;height:35px;padding:0 11px;font-size:10px}.filter-bar .clear-filter{color:var(--green-700);background:0 0;border-color:#0000;margin-right:auto;font-weight:800}.table-panel{overflow:hidden;box-shadow:0 4px 20px #12422b0a}.table-panel>.panel-head{padding:20px 20px 0}.table-meta{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:15px 18px;display:flex}.table-meta strong{font-size:12px}.table-meta span{color:var(--muted);font-size:9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{color:#74877d;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;background:#f7f9f8;padding:11px 14px;font-size:9px;font-weight:800}td{vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 14px;font-size:10px}td>strong,td>small{display:block}td>strong{font-size:10px}td>small{color:var(--muted);margin-top:5px;font-size:8px}.customer-cell,.link-btn{color:inherit;text-align:right;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.customer-cell>span{background:var(--green-100);width:33px;height:33px;color:var(--green-800);border-radius:10px;flex:none;place-items:center;font-weight:900;display:grid}.customer-cell strong,.customer-cell small,.link-btn strong,.link-btn small{display:block}.customer-cell small,.link-btn small{color:var(--muted);margin-top:4px;font-size:8px}.stage{color:#50645a;white-space:nowrap;background:#f0f4f2;border-radius:6px;padding:5px 8px;font-weight:700}.more{border:1px solid var(--line);width:29px;height:29px;color:var(--green-700);background:#fff;border-radius:8px}.pagination{justify-content:flex-end;align-items:center;gap:13px;padding:13px 16px;display:flex}.pagination button{border:1px solid var(--line);color:#4c6257;background:#fff;border-radius:7px;padding:6px 11px;font-size:9px}.pagination span{color:var(--muted);font-size:9px}.empty{color:var(--muted);text-align:center;place-items:center;padding:48px 20px;display:grid}.empty-icon{background:var(--green-50);width:47px;height:47px;color:var(--green-700);border-radius:15px;place-items:center;margin-bottom:10px;font-size:24px;display:grid}.empty strong{color:var(--ink);font-size:12px}.empty p{max-width:360px;margin:7px 0 0;font-size:10px;line-height:1.8}.profile-hero{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.profile-main{align-items:center;gap:16px;display:flex}.profile-avatar{width:70px;height:70px;color:var(--green-800);background:linear-gradient(145deg,#d9f2e4,#edf8f1);border-radius:20px;place-items:center;font-size:29px;font-weight:900;display:grid}.profile-code{color:var(--green-700);align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.profile-main h2{margin:7px 0 6px;font-size:20px}.profile-main p{color:var(--muted);margin:0;font-size:10px}.profile-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.profile-actions .whatsapp{color:#15864f;border-color:#c9e7d5}.erp-button{color:#8d6416;background:#fff7df;border:1px solid #d3a441;border-radius:10px;min-height:42px;padding:0 15px;font-size:10px;font-weight:900}.handoff-done{color:#137449;background:#e4f5ea;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}.profile-kpis{grid-template-columns:repeat(6,1fr);gap:10px;margin:13px 0;display:grid}.profile-kpis article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.profile-kpis article.alert{background:#fff9f9;border-color:#f1b8b8}.profile-kpis span,.profile-kpis strong{display:block}.profile-kpis span{color:var(--muted);font-size:9px}.profile-kpis strong{margin-top:7px;font-size:11px}.profile-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.details-card,.doc-card,.timeline-card{padding:20px}.details-card dl{grid-template-columns:1fr 1fr;gap:16px 24px;margin:0;display:grid}.details-card dl>div,.document-card dl>div{border-bottom:1px dashed #e5ebe7;padding-bottom:9px}dt{color:var(--muted);font-size:9px}dd{margin:5px 0 0;font-size:11px;font-weight:700}.doc-row{border-bottom:1px solid #edf1ee;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.doc-icon{color:#3a79af;background:#e8f1fa;border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.doc-row strong,.doc-row span{display:block}.doc-row strong{font-size:10px}.doc-row span{color:var(--muted);margin-top:5px;font-size:8px}.doc-actions{align-items:center;gap:6px;display:flex}.doc-actions>a{border:1px solid var(--line);color:var(--green-700);border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800}.document-rejection{background:#fff2f2;border-radius:7px;grid-column:2/-1;margin-top:-5px;padding:7px 9px;font-weight:800;color:#a43f3f!important;font-size:8px!important}.employee-profile-documents{padding:20px}.employee-profile-documents>a,.employee-profile-documents>div:not(.panel-head):not(.empty){border-bottom:1px solid #edf1ee;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.employee-profile-documents>a>span,.employee-profile-documents>div>span{color:#397ead;background:#e8f1fa;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.employee-profile-documents strong,.employee-profile-documents small{display:block}.employee-profile-documents strong{font-size:10px}.employee-profile-documents small{color:var(--muted);margin-top:4px;font-size:8px}.employee-profile-documents b{color:var(--green-700);font-size:9px}.timeline-card{grid-column:1/-1}.activity-timeline{position:relative}.activity-item{grid-template-columns:42px 1fr;gap:13px;padding:4px 0 19px;display:grid}.activity-symbol{z-index:1;background:var(--green-50);width:38px;height:38px;color:var(--green-700);border-radius:12px;place-items:center;font-weight:900;display:grid}.activity-item:not(:last-child) .activity-symbol:after{content:"";background:#dce6e0;width:1px;height:45px;margin-top:82px;position:absolute}.activity-body{border-bottom:1px solid #edf1ee;padding:3px 0 15px}.activity-body>div{justify-content:space-between;gap:10px;display:flex}.activity-body strong{font-size:11px}.activity-body time{color:var(--muted);font-size:9px}.activity-body p{color:#53675d;margin:8px 0;font-size:10px;line-height:1.8}.activity-body small{color:var(--muted);font-size:8px}.status-change{color:#7253aa;background:#f2eff9;border-radius:6px;margin:0 0 8px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-block}.tabs{border:1px solid var(--line);background:#fff;border-radius:11px;gap:5px;width:fit-content;margin-bottom:14px;padding:5px;display:flex}.tabs button{height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:800;display:flex}.tabs button.active{background:var(--green-800);color:#fff}.tabs b{background:#ffffff29;border-radius:8px;min-width:18px;padding:2px 4px;font-size:8px}.row-actions{gap:4px;display:flex}.row-actions button{border:1px solid var(--line);min-width:28px;height:28px;color:var(--green-700);background:#fff;border-radius:7px;padding:0 7px;font-size:8px;font-weight:800}.row-actions button.danger{color:var(--danger)}.text-danger{color:var(--danger);font-weight:800}.document-order-row{transition:background .16s,opacity .16s,transform .16s}.document-order-row:hover{background:#f8fbf9}.document-order-row.dragging{opacity:.48;transform:scale(.99)}.document-drag-handle{color:#829087;cursor:grab;-webkit-user-select:none;user-select:none;width:22px;font-size:18px;line-height:1}.document-drag-handle:active{cursor:grabbing}.document-order-input{background:var(--gold-100);color:#765515;text-align:center;border:1px solid #d9e4de;border-radius:8px;width:54px;height:34px;padding:0 5px;font:900 11px Tajawal,sans-serif}.order-actions{gap:4px;margin-right:auto;display:flex}.order-actions button{border:1px solid var(--line);width:29px;height:29px;color:var(--green-700);background:#fff;border-radius:7px;font-weight:900}.docs-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.document-card{padding:18px}.document-top{justify-content:space-between;align-items:flex-start;display:flex}.doc-large{color:#397ead;background:#e9f3fb;border-radius:13px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.document-card h3{margin:15px 0 7px;font-size:13px}.document-card>button{color:var(--green-700);background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.document-card dl{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 10px;display:grid}.document-card p{min-height:32px;color:var(--muted);margin:0;font-size:9px;line-height:1.7}.attendance-hero{background:linear-gradient(130deg, var(--green-950), #14734a);color:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;padding:27px;display:flex;box-shadow:0 12px 30px #093e2929}.attendance-hero span,.attendance-hero strong,.attendance-hero p{display:block}.attendance-hero span{color:#acd0bd;font-size:10px}.attendance-hero strong{margin:8px 0 4px;font-size:34px}.attendance-hero p{color:#d0e7da;margin:0;font-size:10px}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.attendance-actions button{color:#fff;background:#ffffff1a;border:1px solid #ffffff3b;border-radius:9px;height:39px;padding:0 12px;font-size:9px;font-weight:800}.attendance-actions .primary{color:var(--green-800);background:#fff;border-color:#fff}.attendance-actions .danger-soft{background:#d84c4c4d}.attendance-kpis{grid-template-columns:repeat(5,1fr)}.attendance-report-head{justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 20px 0;display:flex}.attendance-report-head .panel-head{padding:0}.notification-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px;margin-bottom:14px;display:grid}.notification-summary article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px}.notification-summary article.alert{background:snow;border-color:#f0c0c0}.notification-summary span,.notification-summary strong,.notification-summary small{display:block}.notification-summary article.unread-card{background:#fffbf0;border-color:#d9b56b}.notification-summary span{color:var(--muted);font-size:9px}.notification-summary strong{margin:7px 0 4px;font-size:22px}.notification-summary small{color:#889b91;font-size:8px}.notification-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-head .panel-head{flex:1}.notification-head-actions{flex-wrap:wrap;align-items:center;gap:7px;padding:18px 18px 0 0;display:flex}.notification-filters{border:1px solid var(--line);background:#f8faf9;border-radius:11px;align-items:center;gap:8px;margin:0 18px 12px;padding:10px;display:flex}.notification-filters .search-box{background:#fff;min-width:260px;height:37px}.notification-filters select,.notification-filters>button{border:1px solid var(--line);color:#4b6055;background:#fff;border-radius:8px;height:37px;padding:0 10px;font-size:9px}.notification-filters>button{color:var(--green-700);font-weight:800}tr.notification-unread td{background:#fffcf3}tr.notification-unread td:first-child{box-shadow:inset -3px 0 #d8a53d}.notification-overdue td{background:#fff7f7}.notification-overdue td:first-child{box-shadow:inset -3px 0 #cf4c4c}.read-state{margin-top:5px;font-weight:800;color:#a47318!important}.read-state.overdue{color:#b53f3f!important}.table-action{border:1px solid var(--line);min-height:28px;color:var(--green-700);background:#fff;border-radius:7px;align-items:center;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.erp-hero{color:#fff;background:linear-gradient(135deg,#0c4732,#187951);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:24px;display:flex}.erp-hero>div{align-items:center;gap:14px;display:flex}.erp-hero>div>span{background:#ffffff1f;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.erp-hero h2{margin:0 0 6px;font-size:16px}.erp-hero p{color:#c7e1d3;max-width:700px;margin:0;font-size:9px;line-height:1.8}.mini-primary{min-height:30px;padding:0 10px;font-size:8px}.report-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.compact-stats{margin-bottom:14px}.employee-card .customer-avatar{width:44px;height:44px}.employee-card strong{color:var(--green-700);font-size:21px}.report-filters{border:1px solid var(--line);background:#fff;border-radius:11px;gap:8px;margin-bottom:13px;padding:11px;display:flex;overflow-x:auto}.report-filters .search-box{border:0;min-width:320px;height:35px}.action-report-filters>input,.action-report-filters>select,.action-report-filters>button{border:1px solid var(--line);color:#42554b;background:#fbfcfb;border-radius:8px;flex:none;height:35px;padding:0 10px;font-size:9px}.action-report-filters .clear-filter{color:var(--green-700);font-weight:800}.performance-filters{flex-wrap:wrap;align-items:end}.performance-filters label{gap:5px;display:grid}.performance-filters label span{color:var(--muted);font-size:10px;font-weight:800}.performance-filters input,.performance-filters select,.performance-filters button{border:1px solid var(--line);color:#42554b;background:#fbfcfb;border-radius:9px;min-width:150px;height:40px;padding:0 11px;font-size:11px}.performance-filters .clear-filter{color:var(--green-700);font-weight:900}.performance-summary{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px;display:grid}.performance-summary article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px;box-shadow:0 4px 16px #12422b09}.performance-summary span,.performance-summary strong,.performance-summary small{display:block}.performance-summary span{color:var(--muted);font-size:11px;font-weight:800}.performance-summary strong{color:var(--green-900);margin:6px 0 4px;font-size:24px}.performance-summary small{color:#87978f;font-size:10px}.performance-podium{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:13px;display:grid}.performance-podium article{grid-template-columns:42px 1fr 72px;align-items:center;gap:11px;padding:16px 17px;display:grid;position:relative;overflow:hidden}.performance-podium .rank-badge{color:#fff;background:#658075;border-radius:0 0 0 10px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid;position:absolute;top:0;right:0}.performance-podium .rank-1{background:#c4952f}.performance-podium .rank-2{background:#728192}.performance-podium .rank-3{background:#a26b45}.performance-podium strong,.performance-podium small{display:block}.performance-podium strong{font-size:12px}.performance-podium small{color:var(--muted);margin-top:4px;font-size:9px}.performance-podium p{color:var(--muted);border-top:1px solid #edf1ee;grid-column:1/-1;margin:0;padding-top:9px;font-size:10px}.score-ring{background:radial-gradient(circle, white 57%, transparent 58%), conic-gradient(var(--green-600) var(--score), #e8efeb 0);text-align:center;border-radius:50%;place-content:center;width:62px;height:62px;display:grid}.score-ring b,.score-ring span{display:block}.score-ring b{color:var(--green-900);font-size:16px;line-height:1}.score-ring span{color:var(--muted);margin-top:3px;font-size:7px}.performance-table table{min-width:1180px}.performance-table>.panel-head{padding:20px 20px 5px}.table-rank{background:var(--green-50);width:24px;height:24px;color:var(--green-800);border-radius:8px;place-items:center;font-weight:900;display:grid}.score-pill{border-radius:8px;justify-content:center;min-width:64px;padding:6px 8px;font-weight:900;display:inline-flex}.score-pill.high{color:#137446;background:#e2f4e9}.score-pill.medium{color:#9a6816;background:#fff0d4}.score-pill.low{color:#a74848;background:#fde8e8}.performance-note{margin-top:13px}.settings-grid{grid-template-columns:240px 1fr;gap:14px;display:grid}.settings-menu,.settings-content{padding:18px}.settings-menu h3{margin:0 8px 14px;font-size:12px}.settings-menu>button{color:#52665b;text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;width:100%;height:40px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.settings-menu>button.active{background:var(--green-50);color:var(--green-800)}.settings-menu b{margin-right:auto}.settings-menu hr{border:0;border-top:1px solid var(--line);margin:12px 0}.setting-list>div{border-bottom:1px solid #edf1ef;align-items:center;gap:11px;min-height:54px;padding:8px 3px;display:flex}.setting-list strong,.setting-list small{display:block}.setting-list small{color:var(--muted);margin-top:4px;font-size:8px}.switch{margin-right:auto}.switch input{display:none}.switch span{background:#cfd9d3;border-radius:12px;width:36px;height:20px;transition:all .2s;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #91a298}.switch input:checked+span{background:var(--green-600)}.switch input:checked+span:after{transform:translate(-16px)}.user-form{border:1px solid var(--line);background:#f7faf8;border-radius:11px;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:9px;margin-bottom:18px;padding:13px;display:grid}.employee-form{grid-template-columns:repeat(4,minmax(130px,1fr))}.employee-form .user-form-actions{grid-column:1/-1}.employee-notify-options{border:1px solid var(--line);background:#fff;border-radius:9px;grid-column:span 3;align-items:center;gap:13px;min-height:58px;padding:9px 12px;display:flex}.employee-notify-options strong{margin-left:auto;font-size:9px}.employee-notify-options label{align-items:center;gap:5px;font-size:8px;display:flex}.add-setting-form{border:1px solid var(--line);background:#f8faf9;border-radius:10px;gap:8px;margin-bottom:13px;padding:11px;display:flex}.add-setting-form input,.add-setting-form select{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;flex:1;min-width:0;height:39px;padding:0 11px;font-size:10px}.user-form-actions{gap:7px;display:flex}.user-list>div{grid-template-columns:36px minmax(150px,1fr) auto auto auto;display:grid}.active-user,.inactive-user{color:#198450;background:#e4f4ea;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:800}.inactive-user{color:#b44b4b;background:#fde9e9}.employee-upload{border:1px solid var(--line);min-width:28px;height:28px;color:var(--green-700);cursor:pointer;background:#fff;border-radius:7px;align-items:center;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.employee-upload input{display:none}.employee-upload.disabled{opacity:.55;pointer-events:none}.employee-files{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.employee-files>a{border:1px solid var(--line);background:#fbfdfc;border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.employee-files>a>span{color:#3478af;background:#e8f1fa;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.employee-files strong,.employee-files small{display:block}.employee-files strong{font-size:9px}.employee-files small{color:var(--muted);margin-top:4px;font-size:7px}.admin-note{color:#49645a;background:#f7fbf9;border:1px solid #d8e8df;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:9px;line-height:1.8}.permissions-table table{min-width:980px}.permission-group-start td{border-top:3px solid #e8efeb}.permission-toggle{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.permission-toggle input{opacity:0;pointer-events:none;position:absolute}.permission-toggle span{color:#14744a;background:#eaf7ef;border:1px solid #cfe4d8;border-radius:9px;justify-content:center;align-items:center;min-width:86px;padding:7px 9px;font-size:10px;font-weight:900;transition:all .18s;display:inline-flex}.permission-toggle input:not(:checked)+span{color:#79867f;background:#f2f4f3;border-color:#e0e5e2}.permission-toggle:not(.locked):hover span{transform:translateY(-1px);box-shadow:0 4px 10px #11613f17}.permission-toggle.locked{cursor:not-allowed;opacity:.68}.permissions-table td:first-child strong,.permissions-table td:first-child small{display:block}.permissions-table td:first-child small{color:var(--muted);margin-top:4px;font-size:10px}.integration-hero{background:linear-gradient(135deg,#f8fbfa,#f0f8f4);border:1px solid #dfe8e3;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin:-2px -2px 15px;padding:18px;display:flex}.integration-hero>div{align-items:center;gap:12px;display:flex}.meta-mark{color:#fff;background:#1b74e4;border-radius:13px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.integration-hero h2{margin:0;font-size:14px}.integration-hero p{color:var(--muted);text-align:right;direction:ltr;margin:5px 0 0;font-size:9px}.integration-status-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px;display:grid}.integration-status-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px}.integration-status-grid span,.integration-status-grid strong{display:block}.integration-status-grid span{color:var(--muted);font-size:8px}.integration-status-grid strong{margin-top:6px;font-size:10px}.ok-text{color:#14804e}.warn-text{color:#b27617}.integration-warning{color:#86611e;background:#fffaf0;border:1px solid #f0d7a8;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:9px;line-height:1.8}.calendar-hero{background:linear-gradient(135deg,#f8fbff,#eef6ff)}.calendar-mark{color:#fff;background:linear-gradient(145deg,#4285f4 0 46%,#34a853 46% 68%,#fbbc04 68% 84%,#ea4335 84%);border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #fff,0 4px 12px #4285f433;font-size:13px!important}.integration-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;align-items:flex-start;gap:9px;padding:12px;display:flex}.integration-toggle input{accent-color:var(--green-700);margin-top:3px}.integration-toggle strong,.integration-toggle small{display:block}.integration-toggle strong{font-size:9px}.integration-toggle small,.field>small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.5}.calendar-employees table{min-width:720px}.calendar-flow{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.calendar-flow article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:9px;padding:11px;display:flex}.calendar-flow b{color:#3578d3;background:#e8f1ff;border-radius:8px;flex:none;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.calendar-flow strong,.calendar-flow small{display:block}.calendar-flow strong{font-size:9px}.calendar-flow small{color:var(--muted);margin-top:5px;font-size:7px;line-height:1.6}.integration-form{border:1px solid var(--line);background:#fafcfb;border-radius:12px;margin-bottom:24px;padding:16px}.copy-field{grid-template-columns:1fr auto;gap:7px;display:grid}.copy-field .secondary{min-height:39px}.secret-status{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.secret-status>div{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:10px;display:grid}.secret-status span{border-radius:8px;grid-row:1/3;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.secret-ok{color:#13794a;background:#e0f3e8}.secret-missing{color:#b87216;background:#fff0d7}.secret-status strong{font-size:9px}.secret-status small{color:var(--muted);margin-top:3px;font-size:7px}.integration-toggles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.integration-toggles label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:flex-start;gap:8px;padding:11px;display:flex}.integration-toggles input{accent-color:var(--green-700);margin-top:2px}.integration-toggles strong,.integration-toggles small{display:block}.integration-toggles strong{font-size:9px}.integration-toggles small{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.5}.integration-events{border:1px solid var(--line);border-radius:10px}.integration-events table{min-width:650px}.erp-integration-hero .meta-mark{background:var(--green-800);letter-spacing:.5px;width:54px;font-size:11px}.whatsapp-test{background:#f8fcfa;border:1px dashed #bcd7c8;border-radius:10px;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:11px;display:grid}.whatsapp-test button{min-height:39px}.access-denied{text-align:center;place-items:center;min-height:420px;padding:30px;display:grid}.access-denied>div{background:var(--green-50);border-radius:20px;place-items:center;width:64px;height:64px;font-size:26px;display:grid}.access-denied h2{margin:16px 0 5px;font-size:17px}.access-denied p{color:var(--muted);margin:0;font-size:10px}code{color:#5a6c63;text-overflow:ellipsis;white-space:nowrap;direction:ltr;max-width:240px;font-family:monospace;font-size:8px;display:block;overflow:hidden}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0722178c;place-items:center;padding:24px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(780px,100%);max-height:calc(100vh - 48px);animation:.18s rise;overflow:hidden;box-shadow:0 24px 80px #05271847}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:20px 23px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-head p{color:var(--muted);margin:6px 0 0;font-size:9px}.modal-head>button{border:1px solid var(--line);color:#667970;background:#fff;border-radius:9px;width:32px;height:32px;font-size:20px}.modal-body{max-height:calc(100vh - 130px);padding:21px 23px 23px;overflow-y:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wide{grid-column:1/-1}.field{display:block}.field>span,.docs-picker>label{color:#45594f;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.field input,.field select,.field textarea,.form-grid select{width:100%;min-height:39px;color:var(--ink);background:#fff;border:1px solid #d9e3dd;border-radius:9px;outline:none;padding:9px 10px;font-size:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#43a873;box-shadow:0 0 0 3px #43a8731a}.field input:disabled{color:#87968e;background:#f3f6f4}.form-note{background:var(--green-50);color:#3d6b55;border:1px solid #cfe8d9;border-radius:9px;padding:10px 12px;font-size:9px;line-height:1.7}.modal-actions{justify-content:flex-end;gap:8px;padding-top:7px;display:flex}.selected-customer{background:#f6fbf8;border:1px solid #d6e8de;border-radius:10px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.selected-customer strong,.selected-customer small{display:block}.selected-customer strong{font-size:10px}.selected-customer small{color:var(--muted);margin-top:4px;font-size:8px}.customer-update-section{background:#fbfdfc;border:1px solid #d8e5dd;border-radius:13px;overflow:hidden}.customer-update-section.open{border-color:#9fcdb2;box-shadow:0 6px 18px #12663e12}.customer-update-toggle{cursor:pointer;grid-template-columns:20px 1fr auto;align-items:center;gap:11px;min-height:64px;padding:12px 14px;display:grid}.customer-update-toggle input{width:18px;height:18px;accent-color:var(--green-700)}.customer-update-toggle strong,.customer-update-toggle small{display:block}.customer-update-toggle strong{color:#234738;font-size:11px}.customer-update-toggle small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5}.customer-update-toggle>b{color:#63746b;background:#edf2ef;border-radius:9px;padding:5px 8px;font-size:8px}.customer-update-section.open .customer-update-toggle>b{color:var(--green-700);background:#dff3e7}.customer-update-grid{background:#f5faf7;border-top:1px solid #dfe9e3;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:15px;animation:.16s slide;display:grid}.customer-update-grid>.custom-fields-form{background:#fff;grid-column:1/-1}.upload-error{color:#b23f3f;background:#fff7f7;border:1px solid #efc2c2;border-radius:9px;padding:10px 12px;font-size:9px}.docs-picker{border:1px solid var(--line);background:#fafcfb;border-radius:11px;padding:13px}.docs-picker p{color:var(--muted);margin:-2px 0 10px;font-size:8px}.received-document-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.received-document{border:1px solid var(--line);color:#52645b;background:#fff;border-radius:10px;padding:9px}.received-document.selected{background:var(--green-50);color:var(--green-800);border-color:#4aad77}.received-document>label:first-child{cursor:pointer;align-items:center;gap:7px;font-size:9px;display:flex}.received-document>label:first-child input{width:16px;height:16px;accent-color:var(--green-700)}.document-file-control{background:#fff;border:1px dashed #73b790;border-radius:8px;gap:6px;margin-top:9px;padding:9px;display:grid}.document-file-control input[type=file]{color:#385247;cursor:pointer;background:#f8fbf9;border:1px solid #d8e4dd;border-radius:8px;width:100%;min-height:39px;padding:5px;font-size:9px;display:block}.document-file-control input[type=file]::file-selector-button{background:var(--green-700);color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:29px;margin-left:8px;padding:0 10px;font-family:Tajawal,sans-serif;font-size:9px;font-weight:900}.document-file-control small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.docs-picker>small{color:var(--muted);font-size:9px;display:block}.user-form .field input,.user-form .field select{min-height:36px}.village-picker{gap:5px;display:grid}.village-picker .inline-link{width:fit-content;color:var(--green-700);background:0 0;border:0;padding:0;font-size:8px;font-weight:800}.archive-button{color:#a74747;background:snow;border:1px solid #e8caca;border-radius:10px;min-height:42px;padding:0 14px;font-size:9px;font-weight:900}.archived-row td{color:#7d8983;background:#f6f7f6}.archived-row .customer-cell{opacity:.72}.attendance-export-actions{flex-wrap:wrap;margin:0}.import-layout{grid-template-columns:minmax(210px,260px) 1fr;gap:13px;display:grid}.import-catalog{border:1px solid var(--line);background:#f8faf9;border-radius:12px;max-height:570px;padding:6px;overflow-y:auto}.import-catalog button{color:#52655b;text-align:right;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:8px;width:100%;padding:9px;display:grid}.import-catalog button:hover,.import-catalog button.active{color:var(--green-800);background:#fff;box-shadow:0 2px 9px #155b3912}.import-catalog button>span{width:27px;height:27px;color:var(--green-700);background:#e4f2e9;border-radius:8px;place-items:center;display:grid}.import-catalog strong,.import-catalog small{display:block}.import-catalog strong{font-size:9px}.import-catalog small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.4}.import-workbench{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.import-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.import-heading span{color:var(--green-700);font-size:8px;font-weight:900}.import-heading h3{margin:5px 0;font-size:15px}.import-heading p{color:var(--muted);margin:0;font-size:8px}.import-drop{text-align:center;cursor:pointer;background:#f8fcfa;border:1px dashed #a9cdb9;border-radius:13px;align-content:center;place-items:center;gap:8px;min-height:180px;margin:20px 0 10px;padding:20px;display:grid}.import-drop input{display:none}.import-drop>span{color:var(--green-700);font-size:28px}.import-drop strong{font-size:11px}.import-drop small{color:var(--muted);font-size:8px}.import-submit{width:100%}.import-result{background:#f5fbf7;border:1px solid #cce4d6;border-radius:11px;margin-top:13px;padding:13px}.import-result>strong{color:var(--green-800);margin-bottom:9px;font-size:11px;display:block}.import-result>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.import-result span{color:var(--muted);background:#fff;border-radius:8px;padding:8px;font-size:7px}.import-result b{color:var(--ink);margin-top:5px;font-size:13px;display:block}.import-result ul{color:#a64343;margin:10px 0 0;padding-right:18px;font-size:8px;line-height:1.8}.employee-services{gap:14px;display:grid}.hr-source-banner{background:linear-gradient(135deg,#f7fcf9,#edf8f2);border:1px solid #cfe4d8;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.hr-source-banner>div{align-items:center;gap:12px;display:flex}.hr-source-banner>div>span{background:var(--green-800);color:#fff;border-radius:14px;place-items:center;width:49px;height:49px;font-size:10px;font-weight:900;display:grid}.hr-source-banner strong,.hr-source-banner small{display:block}.hr-source-banner strong{font-size:13px}.hr-source-banner small{color:var(--muted);margin-top:6px;font-size:8px}.hr-source-banner small b{color:var(--green-800)}.hr-message{color:#197448;background:#f3fbf6;border:1px solid #c9e7d5;border-radius:10px;padding:11px 13px;font-size:9px;font-weight:800}.hr-message.error{color:#a84141;background:#fff8f8;border-color:#efc3c3}.hr-loading,.hr-blocked{text-align:center;align-content:center;place-items:center;gap:11px;min-height:320px;padding:32px;display:grid}.hr-loading strong{font-size:12px}.hr-blocked>span{background:var(--green-800);color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;font-size:13px;font-weight:900;display:grid}.hr-blocked h2{margin:5px 0 0;font-size:17px}.hr-blocked p{max-width:520px;color:var(--muted);margin:0 0 5px;font-size:10px;line-height:1.8}.hr-blocked>div{font-size:9px}.hr-tabs{margin:0}.hr-notes{padding:16px}.hr-notes textarea{resize:vertical;min-height:70px}.hr-notes>small{color:var(--muted);margin-top:9px;font-size:8px;line-height:1.7;display:block}.hr-two-columns{grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.hr-request-form{padding:19px}.hr-request-form .field{margin-bottom:11px}.hr-request-form textarea{resize:vertical;min-height:66px}.hr-request-form>.primary{width:100%}.hr-field-pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.leave-balance{margin-bottom:14px;padding:19px}.balance-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.balance-grid article{border:1px solid var(--line);background:#fafcfb;border-radius:10px;padding:13px}.balance-grid span,.balance-grid strong,.balance-grid small{display:block}.balance-grid span{color:var(--muted);font-size:8px}.balance-grid strong{color:var(--green-800);margin:6px 0 3px;font-size:20px}.balance-grid small{color:#8a9a92;font-size:7px}.hr-requests .panel-head,.payslips-panel .panel-head,.hr-integration-log .panel-head{padding:18px 18px 0}.payslip-detail{background:#f8fcfa;border:1px solid #cfe2d7;border-radius:12px;margin:15px;padding:17px}.payslip-detail>div:first-child{justify-content:space-between;align-items:center;display:flex}.payslip-detail h3{margin:0;font-size:13px}.payslip-detail>div:first-child button{border:1px solid var(--line);background:#fff;border-radius:8px;width:29px;height:29px}.payslip-detail>p{color:var(--muted);margin:12px 0 0;font-size:8px}.payslip-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.payslip-kpis article{background:#fff;border-radius:9px;padding:12px}.payslip-kpis span,.payslip-kpis strong{display:block}.payslip-kpis span{color:var(--muted);font-size:8px}.payslip-kpis strong{margin-top:6px;font-size:15px}.hr-integration-log{margin-top:15px}.hr-integration-log table{min-width:880px}.review-hero{color:#fff;background:linear-gradient(135deg,#0a3d2b,#126b48);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:24px;display:flex}.review-hero>div{align-items:center;gap:14px;display:flex}.review-hero>div>span{background:#ffffff21;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid}.review-hero h2{margin:0 0 7px;font-size:17px}.review-hero p{color:#c5dfd1;margin:0;font-size:9px;line-height:1.8}.review-summary{margin-bottom:14px}.document-review-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.document-review-toolbar .search-box{max-width:460px}.document-review-toolbar .tabs{margin:0}.review-file-list{gap:13px;display:grid}.review-file{overflow:hidden}.review-file>header{border-bottom:1px solid var(--line);background:#fbfdfc;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.review-customer{text-align:right;background:0 0;border:0;align-items:center;gap:11px;display:flex}.review-customer>span{background:var(--green-100);width:39px;height:39px;color:var(--green-800);border-radius:11px;place-items:center;font-weight:900;display:grid}.review-customer strong,.review-customer small{display:block}.review-customer strong{font-size:12px}.review-customer small{color:var(--muted);margin-top:5px;font-size:8px}.review-file-head-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.review-documents{padding:0 19px}.review-document{border-bottom:1px solid #edf1ef;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 0;display:grid}.review-document:last-child{border-bottom:0}.review-document.rejected{background:#fff9f9;margin-inline:-19px;padding-inline:19px}.review-document-main>div{align-items:center;gap:8px;display:flex}.review-document-main strong{font-size:10px}.review-document-main>span,.review-document-main>small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.review-document-main p{color:#a43e3e;background:#fdeaea;border-radius:7px;width:fit-content;margin:7px 0 0;padding:7px 9px;font-size:8px;font-weight:800}.review-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.approve-button,.reject-button{border-radius:8px;min-height:35px;padding:0 11px;font-size:8px;font-weight:900}.approve-button{color:#167348;background:#edf8f1;border:1px solid #abd8bf}.reject-button{color:#a74242;background:#fff7f7;border:1px solid #ecc2c2}.pdf-button{color:#276b9f;background:#f7fbff;border-color:#c7d9e8}.pdf-downloads{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pdf-downloads .actions-pdf{color:#846317;background:#fffaf0;border-color:#d8c99e}.pdf-pending{color:#7b8982;background:#f7f9f8;border:1px dashed #d7dfda;border-radius:10px;align-items:center;min-height:42px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.mobile-customer-list,.mobile-bottom-nav{display:none}.toast{z-index:200;color:#285c42;background:#fff;border:1px solid #c5e8d3;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:440px;padding:13px 15px;font-size:10px;font-weight:800;animation:.25s slide;display:flex;position:fixed;top:20px;left:24px;box-shadow:0 14px 45px #0937242e}.toast>span{color:#16884f;background:#daf2e3;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.toast.error{color:#9f3636;border-color:#f0c7c7}.toast.error>span{color:#cf4646;background:#fde4e4}body{font-family:Tajawal,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.65}.brand strong{font-size:22px;font-weight:900}.brand small{font-size:12px}.sidebar nav button{height:52px;font-size:14px;font-weight:800}.nav-label{font-size:11px;font-weight:900}.side-user strong{font-size:13px}.topbar h1{font-size:25px;font-weight:900}.scope-status,.sync-status{font-size:11px}.primary,.secondary{font-size:13px}.date-chip,.stat-card span{font-size:12px}.panel-head h2{font-size:16px;font-weight:900}.panel-head p,.panel-head button,th{font-size:11px}td,td>strong,.customer-cell strong,.link-btn strong{font-size:12px}td>small,.customer-cell small,.link-btn small,.badge{font-size:10px}.field>span,.docs-picker>label{font-size:11px}.field input,.field select,.field textarea,.form-grid select{font-size:12px}.settings-menu h3{font-size:14px}.settings-menu>button{min-height:43px;font-size:11px;font-weight:800}.admin-note,.form-note{font-size:11px}.setting-list strong{font-size:12px}.setting-list small{font-size:10px}@media (width>=901px){.sidebar{width:280px}.main{margin-right:280px}}.loading-screen{background:radial-gradient(circle at 50% 40%,#f4fbf7,#edf4f0);flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.loader-logo{background:var(--green-900);color:#fff;border-radius:20px 20px 20px 6px;place-items:center;width:68px;height:68px;font-size:24px;font-weight:900;display:grid;box-shadow:0 15px 30px #0a3d2b2e}.spinner{border:3px solid #cfe4d8;border-top-color:var(--green-700);border-radius:50%;width:25px;height:25px;margin-top:12px;animation:.75s linear infinite spin}.loading-screen strong{font-size:12px}.loading-screen span{color:var(--muted);font-size:9px}.scrim{display:none}.login-page{background:#f7faf8;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 15% 20%,#49c47c33,#0000 28%),radial-gradient(circle at 80% 82%,#49c47c26,#0000 32%),linear-gradient(145deg,#073a28,#0c5b3c 65%,#12764c);flex-direction:column;min-height:100vh;padding:42px 58px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;left:-150px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff05}.login-brand{z-index:1;align-items:center;gap:12px;display:flex}.login-brand>span,.login-mobile-brand>span{color:#0b583a;background:#e8f8ee;border-radius:14px 14px 14px 5px;place-items:center;width:46px;height:46px;font-size:14px;font-weight:900;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:20px}.login-brand small{color:#afd0be;margin-top:4px;font-size:9px}.login-copy{z-index:1;max-width:620px;margin:auto 0}.login-kicker{color:#aee7c7;letter-spacing:1.6px;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;margin-bottom:20px;padding:7px 10px;font-size:9px;font-weight:900;display:inline-block}.login-copy h1{letter-spacing:-1.5px;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.25}.login-copy>p{color:#c9dfd3;max-width:560px;margin:22px 0 30px;font-size:13px;line-height:2}.login-points{gap:13px;display:grid}.login-points>div{align-items:center;gap:12px;display:flex}.login-points i{color:#6ee09d;background:#4cd28429;border-radius:10px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.login-points strong,.login-points small{display:block}.login-points strong{font-size:11px}.login-points small{color:#a9c8b8;margin-top:4px;font-size:9px}.login-trust{z-index:1;color:#91b6a3;font-size:9px}.login-form-side{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:45px;display:flex}.login-card{background:#fff;border:1px solid #dde8e2;border-radius:22px;width:min(420px,100%);padding:38px;box-shadow:0 24px 70px #0739261a}.login-mobile-brand{align-items:center;gap:10px;margin-bottom:25px;display:none}.secure-pill{color:#19784c;background:#eaf7ef;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.login-card h2{margin:18px 0 8px;font-size:24px}.login-card>p{color:var(--muted);margin:0 0 25px;font-size:10px;line-height:1.9}.login-submit{background:var(--green-800);color:#fff;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:50px;padding:0 17px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 22px #0e684333}.login-submit b{font-size:18px}.login-help{background:#f7faf8;border:1px solid #d9e7df;border-radius:10px;margin:23px 0 18px;padding:13px}.login-help strong,.login-help span{display:block}.login-help strong{font-size:9px}.login-help span{color:var(--muted);margin-top:6px;font-size:8px;line-height:1.8}.login-roles{flex-wrap:wrap;gap:6px;display:flex}.login-roles span{color:#607169;background:#eef3f0;border-radius:14px;padding:5px 7px;font-size:7px;font-weight:800}.login-form-side footer{color:#8b9b93;margin-top:18px;font-size:8px}.investigation-actions{align-items:center;margin-bottom:16px}.investigation-intro span{color:var(--green-700);font-size:11px;font-weight:900}.investigation-intro p{color:var(--muted);margin:4px 0 0;font-size:11px}.investigation-summary{margin-bottom:16px}.investigation-filters{grid-template-columns:minmax(260px,1fr) 190px 190px}.investigation-workspace{grid-template-columns:minmax(280px,34%) minmax(0,1fr);align-items:start;gap:16px;display:grid}.investigation-list{max-height:calc(100vh - 115px);padding:0;position:sticky;top:88px;overflow:hidden}.investigation-list>.panel-head{padding:18px 18px 12px}.case-list{max-height:calc(100vh - 220px);display:grid;overflow:auto}.case-list>button{border:0;border-top:1px solid var(--line);text-align:right;color:inherit;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:10px;padding:15px 18px;display:grid}.case-list>button:hover,.case-list>button.active{background:#f4faf6}.case-list>button.active{box-shadow:inset -4px 0 var(--green-700)}.case-list strong{margin-bottom:4px;font-size:13px;display:block}.case-list span,.case-list small{color:var(--muted);font-size:10px}.case-list>button>div:last-of-type{justify-items:end;gap:6px;display:grid}.case-list footer{border-top:1px dashed #dce8df;grid-column:1/-1;justify-content:space-between;gap:10px;padding-top:8px;display:flex}.priority{background:#eef2f0;border-radius:20px;padding:4px 9px;font-weight:900;display:inline-flex;color:#53625b!important}.priority-عالية{background:#fff3d8;color:#a05a00!important}.priority-حرجة{background:#ffe4e4;color:#a12727!important}.priority-منخفضة{background:#e5f6ec;color:#29704b!important}.investigation-detail{padding:22px}.case-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:17px;display:flex}.case-head>div:first-child>span{color:var(--green-700);direction:ltr;font-size:11px;font-weight:900;display:inline-block}.case-head h2{margin:5px 0 7px;font-size:19px}.case-head>div:last-child{align-items:center;gap:8px;display:flex}.link-button{color:#267052;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.case-meta{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.case-meta>div{background:#f7faf8;border:1px solid #e7eee9;border-radius:12px;padding:12px}.case-meta span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.case-meta strong{font-size:11px}.case-control{border:1px solid var(--line);background:#fbfcfb;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px;padding:15px;display:grid}.case-event-form{background:#f2f8f4;border:1px solid #dbeadf;border-radius:14px;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:10px;margin:14px 0 20px;padding:12px;display:grid}.case-event-form textarea{resize:vertical}.case-timeline{padding-top:6px}.case-timeline>article{grid-template-columns:20px 1fr;gap:11px;padding-bottom:18px;display:grid;position:relative}.case-timeline>article:before{content:"";background:#dce9df;width:2px;position:absolute;top:18px;bottom:0;right:8px}.case-timeline>article>i{background:var(--green-700);z-index:1;border:4px solid #ddf0e4;border-radius:50%;width:17px;height:17px}.case-timeline article header{justify-content:space-between;gap:12px;display:flex}.case-timeline article header span,.case-timeline article small{color:var(--muted);font-size:10px}.case-timeline article p{white-space:pre-wrap;margin:6px 0;line-height:1.7}.investigation-empty{place-items:center;min-height:320px;display:grid}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.sidebar{background:radial-gradient(circle at 12% 5%,#cda34921,#0000 22%),linear-gradient(#082f23 0%,#0a3b2b 52%,#072b20 100%);width:292px;box-shadow:-10px 0 40px #0623191f}.main{margin-right:292px}.brand{gap:8px;height:98px;padding-inline:14px}.brand-logo-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.brand-logo{object-fit:contain;background:linear-gradient(145deg,#fffef9,#f7efd9);border:1px solid #cda3496b;border-radius:14px;flex:none;width:140px;height:66px;padding:6px 8px;box-shadow:0 9px 24px #03191233}.brand-logo-wrap small{color:#b9d6c7;max-width:62px;font-size:9px;font-weight:700;line-height:1.55}.sidebar nav{padding:20px 12px 24px}.nav-label{color:#86aa99;letter-spacing:.2px;margin:0 15px 12px;font-size:11px;font-weight:800}.sidebar nav button{color:#c7ded3;border-radius:12px;gap:13px;height:52px;margin-bottom:6px;padding-inline:14px;font-size:14px;font-weight:800}.sidebar nav button:hover{background:#ffffff13}.sidebar nav button.active{box-shadow:inset -3px 0 0 var(--gold-500), 0 8px 22px #00000014;background:linear-gradient(90deg,#26965d6b,#1b704636)}.nav-icon{color:#d8ebdf;background:#fff1;border-radius:9px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.sidebar nav button.active .nav-icon{color:#fff;background:#ffffff21}.side-user{background:#00000026;min-height:76px;padding:15px 17px}.side-user .avatar{background:#eaf6ef;border:1px solid #cda34947}.side-user strong{font-size:13px;font-weight:800}.side-user small{font-size:10px}.topbar{border-color:#e2e9e5;height:86px;padding-inline:32px;box-shadow:0 2px 18px #14412c06}.topbar h1{color:#122b20;letter-spacing:-.35px;font-size:24px;font-weight:900}.content{width:min(100%,1700px);margin-inline:auto;padding:28px 32px 48px}.sync-status{border:1px solid #d9eee2;padding:8px 13px;font-size:11px}.scope-status{padding:8px 13px;font-size:10px}.icon-btn{border-radius:12px;width:42px;height:42px;box-shadow:0 3px 10px #12422b0a}.primary,.secondary{border-radius:11px;min-height:44px;font-size:13px;font-weight:800}.primary{background:linear-gradient(135deg,#147a4b,#0f6840);box-shadow:0 8px 18px #1275472e}.secondary{border-color:#dce6e0;box-shadow:0 3px 10px #12422b09}.panel,.stat-card,.performance-summary article,.notification-summary article{border-color:#e1e9e4;border-radius:17px;box-shadow:0 7px 26px #0f3d280e}.stat-card{min-height:120px;padding:19px}.stat-icon{border-radius:15px;width:48px;height:48px}.stat-card span{color:#60766b;font-size:12px;font-weight:700}.stat-card strong{color:#102a1e;margin-block:7px 5px;font-size:27px;font-weight:900}.stat-card small{font-size:10px}.panel-head h2{color:#183126;font-size:16px;font-weight:900}.panel-head p{font-size:11px;line-height:1.65}.table-panel{border-radius:17px}table{min-width:920px}th{color:#5d7267;background:#f5f8f6;height:46px;padding-inline:16px;font-size:11px;font-weight:800}td{color:#20372c;min-height:56px;padding:15px 16px;font-size:12px}tbody tr{transition:background-color .16s}tbody tr:hover{background:#f8fbf9}.badge{padding:6px 9px;font-size:10px;font-weight:800}.field>span,.docs-picker>label{color:#364f43;margin-bottom:2px;font-size:11px;font-weight:800}.field input,.field select,.field textarea,.form-grid select{color:#1d3429;background:#fff;border-color:#dce5e0;border-radius:10px;min-height:45px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.form-grid select:focus{border-color:#63ad82;outline:0;box-shadow:0 0 0 3px #147a4b17}.tabs{border-radius:13px;padding:6px;box-shadow:0 4px 15px #12422b09}.tabs button{border-radius:8px;height:37px;padding-inline:15px;font-size:10px}.tabs button.active{background:linear-gradient(135deg,#126e45,#0c5738);box-shadow:0 6px 13px #0c573826}.calendar-attendees{background:#f7fbf8;border:1px solid #dce9e1;border-radius:13px;gap:11px;padding:14px;display:grid}.calendar-attendees>div:first-child strong,.calendar-attendees>div:first-child small{display:block}.calendar-attendees>div:first-child strong{color:#173c2a;font-size:12px}.calendar-attendees>div:first-child small{color:var(--muted);margin-top:4px;font-size:10px}.calendar-attendees>div:last-child{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;display:grid}.calendar-attendees label{cursor:pointer;background:#fff;border:1px solid #dce6e0;border-radius:10px;grid-template-columns:18px 1fr;gap:2px 8px;padding:10px;display:grid}.calendar-attendees label.selected{background:#edf8f1;border-color:#86c5a2}.calendar-attendees label input{grid-row:1/3;align-self:center}.calendar-attendees label span{font-size:11px;font-weight:800}.calendar-attendees label small{color:var(--muted);font-size:9px}.calendar-setup-warning{gap:5px;display:grid}.calendar-setup-warning strong{font-size:12px}.calendar-setup-warning span{line-height:1.8}.calendar-hero{border:1px solid #cda34940}.calendar-mark{box-shadow:inset 0 0 0 2px #ffffff29}.modal{border:1px solid #e1e9e4;border-radius:21px;box-shadow:0 28px 90px #052a1b38}.modal-header{padding:21px 23px}.modal-body{padding:23px}.modal-header h2{font-size:19px;font-weight:900}.toast{font-size:12px}.login-brand{flex-direction:column;align-items:flex-start;gap:9px}.login-brand>img{object-fit:contain;background:#fffffff5;border:1px solid #cda34957;border-radius:17px;width:218px;height:109px;padding:8px 11px;box-shadow:0 16px 38px #021b1240}.login-brand>small{color:#c5ded1;font-size:11px;font-weight:700}.login-mobile-brand>img{object-fit:contain;background:#fffdf8;border:1px solid #e1e9e4;border-radius:13px;width:155px;height:78px;padding:5px 7px;box-shadow:0 8px 20px #0f3d2814}.loader-logo{background:linear-gradient(145deg,#fffef9,#f7efd9);border:1px solid #cda34961;overflow:hidden}.loader-logo>img{object-fit:contain;width:78%;height:78%}.custom-fields-manager{gap:16px;display:grid}.custom-form-tabs{border:1px solid var(--line);background:#f5f8f6;border-radius:12px;gap:6px;width:fit-content;padding:5px;display:flex}.custom-form-tabs button{color:#536b5f;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 18px;font-weight:800}.custom-form-tabs button.active{color:var(--green-700);background:#fff;box-shadow:0 4px 13px #0f3d2817}.custom-field-builder{background:#fbfdfb;border:1px solid #dfe9e3;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:17px;display:grid}.custom-required{color:#304a3e;background:#fff;border:1px solid #dce6e0;border-radius:10px;align-items:center;gap:9px;min-height:45px;padding:0 13px;font-size:12px;font-weight:800;display:flex}.custom-field-list{gap:8px;display:grid}.custom-field-list article{background:#fff;border:1px solid #e0e9e4;border-radius:13px;grid-template-columns:minmax(210px,1fr) auto auto auto 42px;align-items:center;gap:11px;padding:12px 14px;display:grid}.custom-field-list article.inactive{opacity:.58;background:#f6f7f6}.custom-field-list article>div{align-items:center;gap:11px;min-width:0;display:flex}.custom-field-list article>div>span{width:30px;height:30px;color:var(--green-700);background:#edf7f1;border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.custom-field-list article strong,.custom-field-list article small{display:block}.custom-field-list article strong{color:#193426;font-size:12px}.custom-field-list article small{color:var(--muted);margin-top:3px;font-size:9px}.required-mark,.optional-mark{border-radius:9px;padding:5px 8px;font-size:9px}.required-mark{color:#a65318;background:#fff0e3}.optional-mark{color:#687b71;background:#f0f3f1}.custom-fields-form{background:#f7fbf8;border:1px solid #dce9e1;border-radius:14px;padding:14px}.custom-fields-form>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.custom-fields-form>header strong,.custom-fields-form>header small{display:block}.custom-fields-form>header strong{color:#173c2a;font-size:13px}.custom-fields-form>header small{color:var(--muted);margin-top:3px;font-size:9px}.custom-fields-form>header>span{color:var(--green-700);background:#e7f4eb;border-radius:9px;padding:5px 9px;font-size:9px;font-weight:900}.custom-fields-form>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.custom-checkbox{color:#2e493c;background:#fff;border:1px solid #dce5e0;border-radius:10px;align-items:center;gap:9px;min-height:45px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.activity-custom-values{color:#50685d;background:#f2f7f4;border-radius:9px;flex-wrap:wrap;gap:5px 12px;margin:8px 0;padding:8px 10px;font-size:9px;display:flex}.activity-custom-values b{color:#254737}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}}@keyframes slide{0%{opacity:0;transform:translateY(-10px)}}.pipeline-page{gap:15px;display:grid}.pipeline-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pipeline-summary article{box-shadow:var(--shadow);background:#fff;border:1px solid #e0e9e4;border-radius:14px;padding:16px 18px}.pipeline-summary span,.pipeline-summary small,.pipeline-summary strong{display:block}.pipeline-summary span{color:var(--muted);font-size:10px;font-weight:800}.pipeline-summary strong{color:var(--green-900);margin:8px 0 5px;font-size:22px}.pipeline-summary small{color:#8b9c93;font-size:9px}.pipeline-toolbar{align-items:center;gap:8px;padding:11px;display:flex}.pipeline-toolbar .search-box{flex:1;min-width:250px}.pipeline-toolbar select,.pipeline-toolbar .clear-filter{border:1px solid var(--line);color:#43594e;background:#fff;border-radius:9px;min-height:43px;padding:0 11px;font-size:10px}.pipeline-board{scroll-snap-type:x proximity;grid-template-columns:repeat(6,minmax(235px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.pipeline-column{scroll-snap-align:start;background:#eef3f0;border:1px solid #dfe8e3;border-radius:15px;min-height:460px;overflow:hidden}.pipeline-column>header{background:#f8fbf9;border-bottom:1px solid #d9e4de;justify-content:space-between;align-items:center;gap:8px;padding:13px;display:flex}.pipeline-column>header>div{align-items:center;gap:7px;display:flex}.pipeline-column>header strong{color:#214537;font-size:11px}.pipeline-column>header span{min-width:22px;color:var(--green-700);text-align:center;background:#dfeee6;border-radius:12px;padding:3px 6px;font-size:9px;font-weight:900}.pipeline-column>header small{color:var(--muted);font-size:8px;font-weight:800}.pipeline-cards{align-content:start;gap:8px;min-height:405px;padding:9px;display:grid}.pipeline-card{background:#fff;border:1px solid #dce6e0;border-radius:12px;padding:12px;box-shadow:0 5px 15px #0c432b0e}.pipeline-card[draggable=true]{cursor:grab}.pipeline-card[draggable=true]:active{cursor:grabbing}.pipeline-customer{text-align:right;background:0 0;border:0;border-bottom:1px solid #edf2ef;grid-template-columns:34px 1fr;align-items:center;gap:8px;width:100%;padding:0 0 10px;display:grid}.pipeline-customer>span{width:34px;height:34px;color:var(--green-700);background:#e3f3e9;border-radius:10px;place-items:center;font-size:13px;font-weight:900;display:grid}.pipeline-customer strong,.pipeline-customer small{display:block}.pipeline-customer strong{color:#173629;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pipeline-customer small{color:var(--muted);direction:rtl;margin-top:3px;font-size:8px}.pipeline-card dl{grid-template-columns:1fr 1fr;gap:6px;margin:10px 0;display:grid}.pipeline-card dl>div{background:#f5f8f6;border-radius:8px;padding:7px}.pipeline-card dt{color:#7a8c83;font-size:8px}.pipeline-card dd{color:#29483a;margin:4px 0 0;font-size:9px;font-weight:900}.pipeline-card>p{margin:0 0 10px}.pipeline-card>p span,.pipeline-card>p strong{display:block}.pipeline-card>p span{color:var(--muted);font-size:8px}.pipeline-card>p strong{margin-top:3px;font-size:9px}.pipeline-card footer{justify-content:space-between;align-items:center;gap:7px;display:flex}.pipeline-card footer>div{gap:4px;display:flex}.pipeline-card footer button{width:28px;height:28px;color:var(--green-700);background:#fff;border:1px solid #d7e3dc;border-radius:8px;font-weight:900}.pipeline-empty{color:#83958b;text-align:center;border:1px dashed #bdcec4;border-radius:11px;place-items:center;min-height:76px;padding:12px;font-size:9px;display:grid}.sales-report-filters label{gap:3px;display:grid}.sales-report-filters label span{color:var(--muted);font-size:8px;font-weight:800}.sales-summary article.alert{background:snow;border-color:#f0b8b8}.sales-summary article.alert strong{color:var(--danger)}.sales-report-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-bottom:14px;display:grid}.sales-funnel{gap:13px;display:grid}.sales-funnel>div{grid-template-columns:105px 1fr 25px 34px;align-items:center;gap:9px;display:grid}.sales-funnel span{color:#385348;font-size:10px;font-weight:800}.sales-funnel>div>div{background:#edf2ef;border-radius:7px;height:10px;overflow:hidden}.sales-funnel i{border-radius:inherit;background:linear-gradient(90deg,#15945a,#55bd80);height:100%;display:block}.sales-funnel b{color:#173a2a;font-size:11px}.sales-funnel small{color:var(--muted);font-size:8px}.sales-source-table{margin-top:0}.launch-readiness{gap:14px;display:grid}.launch-hero{color:#fff;background:linear-gradient(135deg,#0b4933,#147a4b);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:21px;display:flex}.launch-hero span{color:#b9ddca;font-size:9px;font-weight:900}.launch-hero h2{margin:6px 0;font-size:21px}.launch-hero p{color:#c9e2d5;margin:0;font-size:10px}.launch-hero>strong{white-space:nowrap;border-radius:20px;padding:8px 12px;font-size:10px}.launch-hero>strong.ready{color:#107046;background:#dff5e8}.launch-hero>strong.attention{color:#9b5b0d;background:#fff0d8}.launch-checks{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.launch-checks article{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:10px;min-height:78px;padding:12px;display:flex}.launch-checks article>b{border-radius:10px;flex:none;place-items:center;width:31px;height:31px;display:grid}.launch-checks article.ok>b{color:#13804c;background:#e2f5e9}.launch-checks article.warn>b{color:#b46b12;background:#fff0dd}.launch-checks strong,.launch-checks small{display:block}.launch-checks strong{font-size:10px}.launch-checks small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:8px}.launch-columns{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.launch-columns ol{gap:9px;margin:0;padding-right:20px;display:grid}.launch-columns li{color:#694b22;background:#fff8ec;border-radius:9px;padding:9px;font-size:10px;line-height:1.8}.launch-columns li.done{color:#286447;background:#eef8f2;text-decoration:line-through}.launch-warnings>div{border-bottom:1px solid #edf1ef;grid-template-columns:1fr auto;gap:5px 10px;padding:10px 0;display:grid}.launch-warnings>div:last-child{border-bottom:0}.launch-warnings span{color:var(--muted);font-size:9px}.launch-warnings strong{color:#aa5c14;font-size:16px}.launch-warnings small{color:#7b8b82;overflow-wrap:anywhere;grid-column:1/-1;font-size:8px}@media (width<=1180px){.pipeline-summary,.stats-grid,.performance-summary{grid-template-columns:repeat(2,1fr)}.performance-podium{grid-template-columns:1fr}.profile-kpis,.attendance-kpis{grid-template-columns:repeat(3,1fr)}.docs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sales-report-grid{grid-template-columns:1fr}.launch-checks{grid-template-columns:repeat(2,1fr)}.launch-columns{grid-template-columns:1fr}.pipeline-toolbar{flex-wrap:wrap;align-items:stretch}.pipeline-toolbar .search-box{min-width:100%}.sidebar{transition:all .25s;transform:translate(105%)}.sidebar.open{transform:translate(0)}.close-menu,.menu-btn{display:block}.scrim{z-index:35;background:#041c1280;display:block;position:fixed;inset:0}.main{margin-right:0}.topbar{height:78px;padding:0 18px}.topbar h1{font-size:16px}.eyebrow{display:block}.content{padding:20px 16px 35px}.sync-status,.scope-status{display:none}.dashboard-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start}.profile-grid{grid-template-columns:1fr}.timeline-card{grid-column:auto}.settings-grid{grid-template-columns:1fr}.settings-menu{gap:5px;display:flex;overflow-x:auto}.settings-menu h3,.settings-menu hr{display:none}.settings-menu>button{flex:none;width:auto}.user-form{grid-template-columns:1fr 1fr}.user-form-actions{grid-column:1/-1}.integration-status-grid{grid-template-columns:repeat(2,1fr)}.employee-notify-options{grid-column:1/-1}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-mobile-brand{display:flex}.calendar-flow{grid-template-columns:repeat(2,1fr)}.hr-two-columns,.investigation-workspace{grid-template-columns:1fr}.investigation-list{max-height:none;position:static}.case-list{max-height:420px}.case-meta{grid-template-columns:repeat(2,1fr)}.document-review-toolbar{flex-direction:column;align-items:stretch}.document-review-toolbar .search-box{max-width:none}}@media (width<=620px){.sales-report-filters{grid-template-columns:1fr 1fr;display:grid}.sales-report-filters>*,.sales-report-filters select,.sales-report-filters input,.sales-report-filters button{width:100%;min-width:0}.sales-report-filters .clear-filter{grid-column:1/-1}.sales-funnel>div{grid-template-columns:84px 1fr 20px 28px;gap:6px}.pipeline-summary{grid-template-columns:1fr 1fr;gap:8px}.pipeline-summary article{padding:12px}.pipeline-summary strong{font-size:17px}.pipeline-toolbar{grid-template-columns:1fr 1fr;display:grid}.pipeline-toolbar .search-box,.pipeline-toolbar .clear-filter{grid-column:1/-1}.pipeline-board{margin-inline:-11px;padding-inline:11px}.pipeline-column{min-width:82vw}.received-document-list{grid-template-columns:1fr}.document-order-row{flex-wrap:wrap}.document-order-row>div:not(.order-actions){flex:1;min-width:150px}body{padding-bottom:76px}.main{min-height:calc(100vh - 76px)}.content{padding:15px 11px 28px}.topbar{height:68px;padding-inline:11px}.topbar-title{gap:9px;max-width:calc(100% - 54px)}.menu-btn,.icon-btn{width:42px;height:42px}.topbar h1{font-size:17px}.eyebrow{font-size:9px}.top-actions .primary{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{border-radius:14px;gap:9px;min-height:101px;padding:12px 10px}.stat-icon{border-radius:11px;width:36px;height:36px;font-size:17px}.stat-card span{font-size:10px}.stat-card strong{margin-block:4px;font-size:21px}.stat-card small{display:none}.dashboard-page .page-actions{justify-content:space-between;align-items:stretch;margin-bottom:11px}.dashboard-page .page-actions>*{flex:1;min-height:42px}.chart-panel,.recent-panel,.follow-panel{padding:15px}.dashboard-grid{gap:10px;margin-top:10px}.bar-row{grid-template-columns:82px 1fr 22px;gap:8px;margin:15px 0;font-size:10px}.donut-wrap{flex-direction:column;align-items:center;gap:15px}.donut{width:135px;height:135px}.donut>div{width:88px;height:88px}.legend{grid-template-columns:1fr 1fr;column-gap:14px;width:100%;min-width:0;display:grid}.toolbar{flex-direction:column;gap:9px}.toolbar .primary{width:100%}.search-box{width:100%;max-width:none;height:47px}.customers-page .filter-bar{grid-template-columns:1fr 1fr;gap:7px;padding:9px;display:grid;overflow:visible}.customers-page .filter-bar select,.customers-page .filter-bar input,.customers-page .filter-bar button{width:100%;min-width:0;height:43px}.customers-page .filter-bar .clear-filter{background:#fff;border:1px solid #dfe7e2;grid-column:1/-1;margin:0}.customers-page .table-panel{box-shadow:none;background:0 0;border:0;overflow:visible}.customers-page .table-meta{border:0;padding:11px 5px}.customers-page .table-scroll{display:none}.mobile-customer-list{gap:10px;display:grid}.mobile-customer-card{background:#fff;border:1px solid #dfe8e3;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0f3d280e}.mobile-customer-head{width:100%;color:inherit;text-align:right;background:#fbfdfc;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px;padding:13px;display:grid}.mobile-customer-head>span:nth-child(2){min-width:0}.mobile-customer-head strong,.mobile-customer-head small{display:block}.mobile-customer-head strong{color:#163426;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-customer-head small{color:var(--muted);margin-top:3px;font-size:10px}.mobile-customer-head>span:last-child{color:var(--green-700);font-size:18px;font-weight:900}.mobile-customer-meta{background:#edf1ef;grid-template-columns:1fr 1fr;gap:1px;display:grid}.mobile-customer-meta>span{background:#fff;flex-direction:column;justify-content:center;align-items:flex-start;min-height:68px;padding:10px 12px;display:flex}.mobile-customer-meta small,.mobile-customer-card footer small{color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.mobile-customer-meta strong{font-size:11px}.mobile-customer-card footer{justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;display:flex}.mobile-customer-card footer>span strong{font-size:11px}.mobile-customer-card .row-actions{flex-wrap:wrap;justify-content:flex-end}.mobile-customer-card .row-actions>*{justify-content:center;align-items:center;min-height:34px;padding-inline:9px;display:inline-flex}.profile-main{align-items:flex-start}.profile-avatar{width:54px;height:54px}.profile-main h2{font-size:16px}.profile-actions{width:100%}.profile-actions>*{flex:1}.profile-hero{gap:15px;padding:15px}.profile-main{gap:11px;width:100%}.profile-code{flex-wrap:wrap}.profile-main p{line-height:1.8}.profile-actions{grid-template-columns:1fr 1fr;display:grid}.profile-actions>*,.profile-actions>a,.profile-actions>button{width:100%;min-width:0}.profile-actions .primary,.profile-actions .erp-button,.profile-actions .handoff-done,.profile-actions .archive-button,.profile-actions>.pdf-downloads{grid-column:1/-1}.pdf-downloads{grid-template-columns:1fr 1fr;display:grid}.pdf-downloads>*{text-align:center;width:100%;min-width:0}.pdf-pending{justify-content:center}.profile-kpis,.attendance-kpis{grid-template-columns:1fr 1fr}.profile-kpis article:last-child{grid-column:1/-1}.details-card dl{grid-template-columns:1fr}.tabs{width:100%;overflow-x:auto}.tabs button{flex:none}.docs-grid{grid-template-columns:1fr}.attendance-hero{flex-direction:column;align-items:stretch}.attendance-actions button{flex:45%}.report-header{flex-direction:column;align-items:stretch}.user-form{grid-template-columns:1fr}.user-form-actions{flex-direction:column;grid-column:auto}.user-list>div{grid-template-columns:36px 1fr auto}.user-list>div>.badge{display:none}.user-list>div>.row-actions{grid-column:2/-1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.integration-status-grid,.secret-status,.integration-toggles{grid-template-columns:1fr}.integration-hero{align-items:flex-start}.copy-field{grid-template-columns:1fr}.add-setting-form{flex-direction:column}.notification-summary,.employee-files{grid-template-columns:1fr}.notification-head,.attendance-report-head,.erp-hero{flex-direction:column;align-items:stretch}.whatsapp-test{grid-template-columns:1fr}.login-form-side{padding:18px}.login-card{padding:26px 21px}.employee-notify-options{flex-wrap:wrap;align-items:flex-start}.notification-head-actions{padding:0 18px 12px}.notification-filters{flex-direction:column;align-items:stretch}.notification-filters .search-box{min-width:0;max-width:none}.notification-filters select,.notification-filters>button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:94vh}.modal-body{max-height:calc(94vh - 78px)}.customer-update-toggle{grid-template-columns:20px 1fr}.customer-update-toggle>b{display:none}.customer-update-grid{grid-template-columns:1fr;padding:12px}.customer-update-grid>.wide,.customer-update-grid>.custom-fields-form{grid-column:auto}.toast{min-width:0;max-width:none;top:12px;left:12px;right:12px}.topbar-title{max-width:65%}.topbar h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-flow,.import-layout{grid-template-columns:1fr}.import-catalog{max-height:230px}.import-heading{flex-direction:column}.import-result>div{grid-template-columns:repeat(2,1fr)}.performance-summary{grid-template-columns:1fr 1fr}.performance-filters>*,.performance-filters input,.performance-filters select,.performance-filters button{width:100%;min-width:0}.performance-podium article{grid-template-columns:38px 1fr 65px}.hr-source-banner{flex-direction:column;align-items:stretch}.hr-field-pair,.balance-grid,.payslip-kpis{grid-template-columns:1fr 1fr}.payslip-kpis article:last-child{grid-column:1/-1}.review-hero,.review-file>header{flex-direction:column;align-items:stretch}.review-document{grid-template-columns:36px 1fr}.review-actions{grid-column:1/-1;justify-content:stretch}.review-actions>*{text-align:center;flex:1}.review-file-head-actions>*{flex:1}.review-file-head-actions .badge{flex:none}.investigation-filters{grid-template-columns:1fr}.case-head{flex-direction:column}.case-meta,.case-control,.case-event-form{grid-template-columns:1fr}.case-list footer{flex-direction:column}.custom-field-builder,.custom-fields-form>div{grid-template-columns:1fr}.custom-field-list article{grid-template-columns:minmax(0,1fr) auto 42px}.custom-field-list article>.badge,.custom-field-list article>.required-mark,.custom-field-list article>.optional-mark{display:none}.custom-field-list article>button{grid-column:1/2}.mobile-bottom-nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#082f23f5;border:1px solid #cda34947;border-radius:18px;grid-template-columns:repeat(5,1fr);height:68px;padding:6px;display:grid;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 14px 40px #041f1647}.mobile-bottom-nav button{color:#bcd4c8;background:0 0;border:0;border-radius:12px;place-content:center;gap:1px;display:grid;position:relative}.mobile-bottom-nav button.active{color:#0c5b3c;background:#fff;box-shadow:0 5px 14px #00000029}.mobile-bottom-nav button>span{font-size:17px;line-height:1}.mobile-bottom-nav button>small{font-size:8px;font-weight:800}.mobile-bottom-nav button>b{color:#fff;background:#e55555;border-radius:9px;min-width:16px;height:16px;padding:0 4px;font-size:8px;line-height:16px;position:absolute;top:1px;left:calc(50% - 24px)}.login-form-side{background:radial-gradient(circle at 50% 0,#e8f6ee,#0000 40%),#f7faf8;min-height:100svh;padding:16px}.login-card{border-radius:19px;padding:23px 19px}.login-mobile-brand{justify-content:center;margin-bottom:18px}.login-mobile-brand>img{width:176px;height:88px}.login-card h2{margin-top:15px;font-size:22px}.login-card>p{font-size:11px}.login-submit{min-height:54px;font-size:13px}.login-help strong{font-size:11px}.login-help span{font-size:10px}.login-roles span{font-size:9px}}@media print{.sidebar,.topbar,.tabs,.report-header .secondary,.toolbar,.filter-bar{display:none!important}.main{margin:0}.content{padding:0}.panel{box-shadow:none;border-color:#aaa}}.launch-hero{flex-direction:column;align-items:flex-start}.launch-checks{grid-template-columns:1fr}.launch-columns>section{padding:14px}