@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#20314a;font-family:IBM Plex Sans Arabic,Arial,sans-serif}button,input,select,textarea{font:inherit}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dbe3ed;border-radius:9px;background:white;color:#294361;padding:10px 15px;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#edf4fc}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid #52a4ea;outline-offset:3px}.primary{background:#2565ab;border-color:#2565ab}.primary:hover{background:#1b528f}input,select,textarea{border:1px solid #dbe3ed;border-radius:8px;background:#fff;padding:10px 12px;color:#20314a;min-width:0;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #83b4e5;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#53647c}small{display:block;color:#748299;font-size:12px}h1{font-size:30px;margin:6px 0 8px;letter-spacing:-.7px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px}p{color:#6b7d93;margin:8px 0 18px;line-height:1.8}.app{display:flex;min-height:100vh}.sidebar{width:235px;flex-shrink:0;background:#102942;color:#d4e0ec;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:1.8px;font-size:21px}.brand small{font-size:10px;letter-spacing:1.6px;color:#9bb0c6;margin-top:2px}.brandmark{display:grid;place-items:center;width:39px;height:43px;background:#77b5ed;color:#12324e;border-radius:11px;font-size:26px}.location{display:flex;gap:11px;align-items:center;padding:18px 0;margin:24px 0 8px;border-block:1px solid #284159}.location small{color:#8ca4bd;margin-top:4px}.navcaption{letter-spacing:1.4px;color:#7e9ab6;margin:16px 12px 10px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{justify-content:flex-start;border:0;background:none;color:#b4c8db}.sidebar nav button.selected{background:#21496f;color:#fff}.sidebar nav button:hover{background:#1a3c5a}.navarrow{margin-inline-start:auto}.sidebarbottom{margin-top:auto;padding-top:50px;display:flex;align-items:center;font-size:12px}.sidebarbottom small{color:#839eb8}.workspace{flex:1;min-width:0}header{background:#fff;height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e8ef;padding:0 35px;font-size:13px}.divider{margin:0 12px;color:#b6c2cf}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#edf3f9;border-radius:50%;font-size:12px;font-weight:600}main{max-width:1500px;margin:auto;padding:32px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#3475b7;font-weight:700}.heading p{margin:0}.monthlabel{font-size:11px}.monthlabel input{padding:7px 10px}.pill{display:inline-block;background:#edf3fa;color:#476685;padding:5px 9px;white-space:nowrap}.green{background:#eaf5ef;color:#2c7455}.amber{background:#fff3dd;color:#91651d}.muted{background:#eee;color:#777}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#edf4fc;border:1px solid #d9e8f7;border-radius:10px;color:#4c6b8e;font-size:12px;margin:18px 0 24px;line-height:1.8}.banner svg{flex-shrink:0;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{padding:22px;border:1px solid #e1e8f1;background:white;border-radius:13px}.stathead{display:flex;justify-content:space-between;gap:8px;color:#6e8197;font-size:13px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0 4px;color:#153b60;font-variant-numeric:tabular-nums}.stat svg{color:#5995c9}.panel{background:white;border:1px solid #e0e8f0;border-radius:13px;padding:24px;margin-bottom:20px}.columns{display:grid;gap:22px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.sectionhead h2{margin:0}.sectionhead p{margin-bottom:0}.workflow{width:100%;border:0;border-top:1px solid #ecf0f5;border-radius:0;padding:22px 0;text-align:start;justify-content:flex-start}.workflow:hover{background:#f7fafe}.workflow>svg{margin-inline-start:auto;color:#8da9c4}.step{font-size:13px;background:#eef4fb;color:#3973ac;border-radius:9px;margin-inline-end:5px}.overview{background:#eaf2fa;border-color:#dae6f2}.overview h2{margin-top:14px}.overview .primary{margin-top:22px}.summaryline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #e7edf4;font-size:13px;overflow-wrap:anywhere}.summaryline b{font-weight:600;font-variant-numeric:tabular-nums}.search{display:flex;align-items:center;gap:8px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:8px;padding-inline:12px;min-width:260px}.search input{border:0;background:transparent}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}th{font-weight:500;color:#8090a5;font-size:12px;background:#f8fafc}td,th{padding:16px 12px;text-align:start;border-bottom:1px solid #eaf0f6}td small{margin-top:4px}.mono{font-family:monospace;color:#6a839c}.net{color:#236c55;font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 22px;color:#82a1c0}.empty h2{margin:20px 0 0;color:#37516c}.empty p{max-width:390px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.inputsgrid{grid-template-columns:repeat(3,1fr)}.check{flex-direction:row;align-items:center;margin:18px 0}.check input{width:18px;height:18px}.formfooter{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8edf4;padding-top:20px;margin-top:24px}.formfooter span{font-size:12px;color:#8090a4}.payrollstats{grid-template-columns:1fr 1fr 1fr}.payrollstats strong{font-size:27px}.payrollstats h2{font-size:17px;line-height:1.8;margin:8px 0}footer{display:flex;justify-content:space-between;font-size:11px;color:#8d9db0;margin-top:40px;padding-top:18px;border-top:1px solid #e0e7ee}.overlay{position:fixed;inset:0;background:#0c213b80;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:5vh 20px;overflow:auto;backdrop-filter:blur(3px)}.modal{background:#fff;padding:28px;border-radius:16px;max-width:820px;width:100%;box-shadow:0 20px 70px #10294230}.spaced{margin-top:28px}.upload{padding:24px;background:#f5f8fc;border:1px dashed #b9cee2;margin-top:20px}.upload label{margin:14px 0}.message{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border:1px solid #bedbca;background:#eff9f2;border-radius:9px;margin-bottom:20px}.message.error{background:#fff2ef;border-color:#efc9bd;color:#9f4531}.message button{border:0;background:transparent;padding:3px}.total{display:flex;justify-content:space-between;gap:20px;background:#eaf2fb;border-radius:9px;padding:18px;margin:24px 0}.total b{font-size:22px}.warning{background:#fff4de;color:#906621;padding:10px;border-radius:7px;font-size:12px}.payslip .columns{grid-template-columns:1fr 1fr}.payslip .brand{font-size:15px;color:#3b719f;margin-bottom:14px}@media(max-width:1100px){.sidebar{width:200px}.stats{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.inputsgrid{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}.payrollstats{grid-template-columns:1fr 1fr}main{padding:24px}}@media(max-width:760px){.app{display:block}.sidebar{width:100%;padding:16px}.navcaption,.sidebar .location,.sidebarbottom{display:none}.sidebar .brand{font-size:16px}.brandmark{width:30px;height:32px;font-size:20px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:4px}.sidebar nav button{padding:9px;font-size:12px}.navarrow{display:none}header{padding:0 18px;height:65px}header>span{font-size:11px}main{padding:18px}.heading{flex-direction:column}.heading .actions{width:100%;justify-content:space-between}h1{font-size:25px}.stat{padding:15px}.stat strong{font-size:26px}.panel{padding:17px}.formgrid,.inputsgrid,.payrollstats,.payslip .columns{grid-template-columns:1fr}.formfooter{flex-direction:column;align-items:stretch}.search{min-width:0;flex:1}.overlay{padding:15px}.modal{padding:20px}footer{gap:15px}.total{flex-wrap:wrap}}@media print{body{background:white}.noprint,.sidebar,.workspace{display:none!important}.slipoverlay{position:static;display:block;padding:0;background:white;overflow:visible;backdrop-filter:none}.payslip{max-width:none;border:0;box-shadow:none}.payslip .columns{display:grid;grid-template-columns:1fr 1fr}.payslip .summaryline{padding:7px 0}.payslip{font-size:11px}}.rostercontrols{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:16px;align-items:end}.selection{display:flex;align-items:center;justify-content:space-between;color:#72869b;border-bottom:1px solid #e9eef5}.employeechoices{display:flex;flex-wrap:wrap;gap:5px 24px;max-height:240px;overflow:auto}.employeechoices .check{margin:10px 0}.employeechoices small{margin-inline-start:6px}.rostertable th{text-align:center}.rostertable td{padding:12px 6px}.shiftcell{display:inline-flex;justify-content:center;align-items:center;padding:9px 12px;border-radius:7px;border:0;font-size:12px;white-space:nowrap}.morning{background:#e6f2fc;color:#2468a3}.evening{background:#eeeafa;color:#7157a6}.night{background:#e8edf5;color:#4e6686}.rest{background:#e8f4eb;color:#3d7850}.unset{background:#f6f7f9;color:#9aa5b4}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.democheck{margin:0;margin-inline-start:auto;white-space:nowrap}.actions select{width:auto;max-width:260px}@media(max-width:900px){.rostercontrols{grid-template-columns:1fr 1fr}.democheck{white-space:normal}.banner{flex-wrap:wrap}}@media(max-width:500px){.rostercontrols{grid-template-columns:1fr}.actions select{max-width:100%}}:root{--ap-blue:#3079d2;--ap-text:#20364e;--ap-muted:#718398;--ap-line:#e7edf4}body{color:var(--ap-text);font-size:14px}.app,body{background:#f5f8fc}.button,button{border-color:#e1e9f2;border-radius:10px;font-weight:500;transition:background .15s,box-shadow .15s}.button:hover,button:hover{background:#f0f6fd;box-shadow:0 3px 10px #254c7408}.primary{background:#3079d2;border-color:#3079d2;color:white;box-shadow:0 4px 10px #3079d21a}.primary:hover{background:#2369be;color:white}.sidebar{background:white;color:#344b65;width:246px;padding:32px 20px;border-inline-end:1px solid var(--ap-line)}.brand{font-size:25px;color:#213d5d;letter-spacing:-.8px;gap:10px;line-height:1.2}.brandpeople{font-weight:400;color:#3882d8;margin-inline-start:4px}.brand small{color:#91a1b3;font-size:9px;letter-spacing:2px;margin-top:7px}.brandmark{background:#e9f3ff;color:#317dd4;width:44px;height:46px;border-radius:13px}.location{margin-top:32px;padding:15px 12px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:12px;gap:12px;font-weight:500}.location svg{color:#7490ab}.location small{color:#8d9db0;font-weight:400}.navcaption{color:#98a7b8;font-size:10px;margin:25px 14px 14px}.sidebar nav{gap:8px}.sidebar nav button{color:#6d7f93;font-weight:500;padding:13px 14px;border-radius:10px;gap:12px;font-size:13px}.sidebar nav button svg{color:#8d9eaf}.sidebar nav button.selected{background:#eaf3ff;color:#2874c7}.sidebar nav button.selected svg{color:#2874c7}.sidebar nav button:hover{background:#f1f6fc}.sidebar nav button:nth-last-child(2){margin-top:25px}.sidebarbottom{color:#56718c;background:#f7faff;border:1px solid #e6eef7;padding:14px;border-radius:11px;margin-top:55px;font-size:11px;gap:10px}.sidebarbottom svg{color:#71a38a}.sidebarbottom small{color:#9aa8b7;font-size:10px}header{height:82px;padding:0 40px;border-bottom:1px solid var(--ap-line);color:#8797a9;font-size:12px}header .divider{color:#cbd5df}.avatar{background:#eaf2fc;color:#3273b6;border:3px solid #f7faff;width:40px;height:40px}header button{font-size:12px;padding:8px 13px}main{padding:34px 40px;max-width:1550px}.heading{margin-bottom:24px}.heading .eyebrow{display:none}h1{font-size:28px;font-weight:600;letter-spacing:-.6px;margin:0 0 7px}.heading p{color:#8b9baf;font-size:12px}.heading .monthlabel{flex-direction:row;align-items:center;background:white;border:1px solid var(--ap-line);border-radius:10px;padding:4px 12px;color:#738ba2}.heading .monthlabel input{width:auto;border:0;font-size:12px}.versionpill{background:#edf7f1;color:#5b9075;border:1px solid #e0efe6;font-size:10px}.release-note{background:transparent;border:0;border-radius:0;padding:0 2px;margin:0 0 22px;color:#8c9aac;font-size:11px}.release-note svg{color:#94a9bf}.welcome{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:32px 34px;background:linear-gradient(115deg,#edf5ff,#e4f0fd);border:1px solid #dceafa;border-radius:18px;margin-bottom:30px;position:relative;overflow:hidden}.welcometag{font-size:10px;letter-spacing:1px;color:#5b8bbd;font-weight:600}.welcome h2{font-size:28px;letter-spacing:-.6px;margin:12px 0 10px;font-weight:600;color:#244c76}.welcome p{font-size:13px;color:#6c89a6;max-width:430px;margin:0 0 25px}.welcome .actions{gap:10px}.welcome button{font-size:12px;padding:11px 16px}.herolink{background:#f4f9ff;border:1px solid #d6e5f5;color:#4976a2}.heroroster{background:#ffffffde;border:1px solid #fff;border-radius:14px;padding:19px 22px;box-shadow:0 8px 30px #2f63900a;align-self:center}.herorostertitle{display:flex;align-items:center;gap:8px;font-size:12px;color:#567797;margin-bottom:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#77aa8e;margin-inline-start:auto}.heroshift{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf2f7;padding:11px 0;font-size:12px;color:#6a8097}.heroshift b{margin-inline-start:auto;color:#4e6b88;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.shift-dot{width:7px;height:7px;border-radius:50%;padding:0}.shift-dot.morning{background:#73b2ed}.shift-dot.evening{background:#a496cb}.shift-dot.night{background:#8d9eaf}.heroroster small{font-size:10px;color:#9aaaba;margin-top:13px}.metricheading{margin-bottom:0}.metricheading h2{font-size:16px}.metricheading>span{font-size:11px;color:#9ba8b7}.stats{gap:18px;margin:16px 0 28px}.stat{border:1px solid #e7edf4;border-radius:14px;padding:22px 23px;box-shadow:0 2px 5px #17375402}.stathead{font-size:12px;color:#8193a7;align-items:center}.stathead svg{width:34px;height:34px;padding:8px;background:#eff6ff;color:#6b9fd0;border-radius:10px;flex-shrink:0}.stat strong{font-size:34px;margin:8px 0 7px;font-weight:600;color:#2e4b67}.stat small{font-size:11px;color:#9ba9b8}.panel{border-color:#e7edf4;border-radius:15px;padding:26px;box-shadow:0 2px 8px #1e426400;margin-bottom:24px}.columns{gap:24px;grid-template-columns:1.35fr 1fr}.panel>h2,.sectionhead h2{font-size:17px;font-weight:600}.sectionhead .pill{font-size:10px;background:#f2f5fa;color:#90a0b0}.workflow{padding:21px 0;gap:12px;border-color:#eff3f7}.workflow b{font-size:13px;color:#4c6782;font-weight:500}.workflow small{font-size:11px;color:#94a4b4;margin-top:5px}.step{background:#f0f6fd;color:#6f9bc8;padding:11px;border-radius:11px;font-size:12px}.overview{background:#fff;border-color:#e7edf4;position:relative}.overview .eyebrow{color:#9bacbd;font-size:10px}.overview h2{font-size:25px;color:#3b658b;margin-top:18px}.overview p{font-size:12px;color:#8296a9}.overview small{font-size:10px;line-height:1.8}.overview .primary{background:#f0f6fd;color:#4c83b7;border-color:#e1edf9;box-shadow:none;width:100%;font-size:12px}.summaryline{border-color:#edf2f6;padding:15px 0;color:#74879c}.summaryline b{color:#496784;font-weight:500}.pill{border-radius:6px;font-size:11px}.search{background:#f8fafd;border-color:#ebf0f6;min-width:310px;color:#91a5b9}.search input{font-size:12px;padding:12px 4px}table{font-size:13px}th{background:#f6f9fc;color:#8b9cae;font-size:11px;letter-spacing:.15px;padding:15px 14px;border:0}td{padding:17px 14px;border-color:#edf2f7;color:#698097}tbody tr:hover{background:#fafcfe}td b{font-weight:500;color:#3c5a76}td small{color:#98a8b7;font-size:11px}td button{font-size:11px;color:#5a87b1;border-color:#e5edf5;padding:8px 12px}.tablewrap{border:1px solid #edf2f7;border-radius:10px}.tablewrap table tr:last-child td{border-bottom:0}.empty{padding:65px 25px;background:linear-gradient(#fff,#fcfdff);border-radius:12px}.empty>svg{box-sizing:content-box;padding:20px;background:#eef5fd;border-radius:22px;color:#8cb2d8;width:28px;height:28px}.empty h2{font-size:18px;font-weight:500;color:#496b89}.empty p{font-size:12px;color:#9aaabb}.formgrid{gap:22px 24px}label{font-size:12px;color:#7690a8;font-weight:500}input,select,textarea{background:#fbfcfe;border:1px solid #e2eaf3;border-radius:9px;padding:11px 13px;color:#3c5c78;font-weight:400}input::placeholder,textarea::placeholder{color:#a7b5c3}.inputsection{border:0;border-top:1px solid #e8eff6;padding:22px 0 0;margin:30px 0 0;min-width:0}.inputsection legend{padding-inline-end:15px;font-size:14px;color:#4b6f91;font-weight:500}.inputsection .formgrid{margin:0 0 12px}.formfooter{border-color:#ecf1f6}.formfooter span{font-size:11px;color:#92a3b3}.overlay{background:#162d4860;backdrop-filter:blur(5px)}.modal{border-radius:20px;padding:32px;box-shadow:0 30px 100px #16385825}.modal>.sectionhead{padding-bottom:20px;border-bottom:1px solid #edf2f7}.modal h2{margin-top:10px}.upload{background:#f8fbff;border-color:#cbdced;padding:28px;border-radius:12px}.upload>svg{color:#86acd1}.upload p{font-size:11px}.monthlabel input{background:white}.message{font-size:12px}.legend{padding-top:6px}.rostertable td{padding:14px 8px}.shiftcell{min-width:70px;padding:10px 12px;border-radius:8px;font-size:11px}.rostertable th{padding:15px 8px}.employeechoices .check{border:1px solid #e8eff7;background:#fafcfe;padding:10px 12px;border-radius:9px;margin:8px 0}.employeechoices .check:has(input:checked){background:#eef5ff;border-color:#b8d5f3}.rostercontrols{background:#f8fafd;padding:20px;border-radius:12px;border:1px solid #edf2f7}.selection{border:0;margin-top:14px;font-size:12px}.check input{accent-color:#3079d2}.payrollstats .stat strong{font-size:29px}.net{color:#35856c}footer{border-color:#e7edf3;font-size:10px}footer,footer span{color:#a3b1c0}@media(min-width:1500px){main{padding:40px 52px}.welcome{padding:38px 40px}.welcome h2{font-size:32px}}@media(max-width:1150px){.sidebar{width:218px;padding:28px 15px}.welcome,main{padding:28px}.welcome{gap:20px}.welcome h2{font-size:25px}.heroroster{padding:18px}.columns{grid-template-columns:1fr}.heading .actions{gap:8px}.versionpill{display:none}.heading .monthlabel{flex-direction:column;gap:0;padding:5px 10px}}@media(max-width:850px){.welcome{grid-template-columns:1fr}.heroroster,.welcomecontent p{max-width:none}.heading .monthlabel{flex-direction:row}.stats{gap:12px}.stat{padding:18px}.search{min-width:220px}}@media(max-width:760px){.sidebar{width:100%;padding:18px;border-inline-end:0;border-bottom:1px solid #e7edf4}.sidebar nav{gap:5px}.sidebar nav button{font-size:11px;padding:10px 12px}.sidebar nav button:nth-last-child(2){margin-top:0}.sidebar nav button svg{width:16px;height:16px}.sidebar .brand{font-size:23px}.sidebar .brandmark{width:40px;height:42px}.brand small{font-size:8px}.sidebar .brand small{display:block}header{height:60px;padding:0 20px}main{padding:22px 18px}.heading{gap:15px}.heading .actions{width:auto}.heading h1{font-size:25px}.welcome{padding:24px;border-radius:14px;margin-bottom:24px}.welcome h2{font-size:24px}.welcome p{font-size:12px}.welcome .actions{flex-wrap:wrap}.heroroster{padding:18px}.stat strong{font-size:30px}.stathead{font-size:11px}.stathead svg{width:29px;height:29px;padding:6px}.panel{padding:20px}.rostercontrols{padding:15px}.modal{padding:23px}.search{min-width:0}.sectionhead{gap:12px}.stats{margin-top:15px}.release-note{font-size:10px}.metricheading h2{font-size:15px}.inputsection{margin-top:26px}.overlay{padding:15px}.sidebarbottom{display:none}}@media(prefers-reduced-motion:reduce){.button,button{transition:none}}@media print{.payslip{box-shadow:none;border-radius:0;padding:10px}.payslip .columns{grid-template-columns:1fr 1fr}.payslip .summaryline{padding:7px 0}.modal>.sectionhead{border-color:#ddd}.payslip .brand{font-size:16px}}.profilegroup{border:1px solid #e4edf6;border-radius:10px;margin:16px 0;overflow:hidden}.profilegroup summary{padding:14px 16px;background:#f6f9fd;color:#4c7193;cursor:pointer;font-weight:500;font-size:13px}.profilegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.profilegrid>div{min-width:0}.profilegrid small{margin-bottom:6px;color:#8297ab}.profilegrid span{display:block;overflow-wrap:anywhere;white-space:pre-wrap;color:#34516d;font-size:13px}.modal .inputsection legend{padding:0 10px}.modal .inputsection{margin-top:24px}@media(max-width:500px){.profilegrid{grid-template-columns:1fr}}.payroll-picker{max-height:340px;overflow:auto;margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payroll-choice{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;cursor:pointer}.payroll-choice:has(input:checked){background:#eff6ff;border-color:#93c5fd}.payroll-choice input{width:18px;height:18px;flex-shrink:0}.payroll-choice>span:first-of-type{flex:1}.payroll-choice small{display:block;color:#64748b;margin-top:4px}@media(max-width:700px){.payroll-picker{grid-template-columns:1fr}}.workflow-area .record-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e7edf4;flex-wrap:wrap}.record-row>div:first-of-type{flex:1;min-width:180px}.record-row>input[type=checkbox]{width:18px;height:18px;flex:none}.record-row p{margin:5px 0}.loan-card{padding:20px;border:1px solid #e4edf6;border-radius:12px;margin:15px 0}.loan-card details{padding-top:12px}.fullfield{grid-column:1/-1}.workflow-area form{margin-top:20px}.workflow-area form>.primary{align-self:end;width:max-content}.evidence{background:#f3f8fd;border:1px solid #dce8f4;padding:18px;border-radius:12px;margin:20px 0}.evidence p{margin:5px 0}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.report-grid button{min-height:105px;flex-direction:column;background:#f7faff}.workflow-area .actions{flex-wrap:wrap}.workflow-area details summary{cursor:pointer;color:#416a93}.sidebar nav button:nth-last-child(2){margin-top:0}.sidebar nav{gap:3px}.sidebar nav button{padding:10px 12px}.workflow-area .formgrid{margin-bottom:20px}a[hidden]{display:none!important}@media(min-width:761px){.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .location{margin:14px 0 4px}.sidebar .navcaption{margin:10px}.sidebarbottom{margin-top:20px}}@media(max-width:760px){.report-grid{grid-template-columns:1fr}.record-row .actions{width:100%}.sidebar nav{max-height:220px;overflow:auto}.record-row .pill{font-size:10px}}.workflow-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.workflow-hub button{padding:16px;justify-content:flex-start;text-align:start;background:#fff;border-color:#e2edf8}.workflow-hub strong{font-size:25px;color:#3978b6}.workflow-hub span{font-size:11px;flex:1;line-height:1.7}.workflow-hub svg{color:#9ab6cf}@media(max-width:1000px){.workflow-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}