@font-face{font-family:Tajawal;src:url(/fonts/tajawal/Tajawal-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/tajawal/Tajawal-Medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/tajawal/Tajawal-Bold.ttf)format("truetype");font-style:normal;font-weight:600 900;font-display:swap}*{box-sizing:border-box}:root{--navy:#152b2d;--teal:#26776b;--teal-light:#edf5f2;--orange:#d99163;--ink:#253936;--muted:#82908d;--line:#e7ece8;--bg:#f5f7f5}body{background:var(--bg);color:var(--ink);margin:0;font-family:Tajawal,Tahoma,Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible){outline-offset:3px;outline:3px solid #d5a36d}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.8px;font-size:29px;font-weight:700}h2{font-size:19px;font-weight:650}small{font-size:14px}button svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#c0cdca;z-index:30;flex-direction:column;width:247px;padding:31px 18px 20px;display:flex;position:fixed;inset:0 0 0 auto}.brand{align-items:center;gap:12px;margin-bottom:29px;padding:0 10px;display:flex}.logo-mark{color:#183c37;background:#dca675;border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.brand strong{color:#fff;letter-spacing:1px;font-size:27px;line-height:1.2}.brand strong span{letter-spacing:2px;color:#a6bfba;margin-right:6px;font-size:13px}.brand small{color:#96afaa;margin-top:5px;font-size:14px;display:block}.workspace{background:#1c3335;border:1px solid #314748;border-radius:10px;align-items:center;gap:10px;margin-bottom:28px;padding:12px;display:flex}.workspace-avatar{color:#e8d2b4;background:#3b514b;border:1px solid #5c706b;border-radius:7px;place-items:center;width:33px;height:33px;font-weight:700;display:grid}.workspace b{color:#f2f6f3;font-size:15px}.workspace small{color:#8ea4a0;margin-top:4px;font-size:13px;display:block}.workspace>svg{margin-right:auto}.nav-label{color:#718d88;margin-bottom:10px;padding:0 14px;font-size:13px}.sidebar nav{scrollbar-width:none;overflow-y:auto}.sidebar nav button{color:#a6bdb7;text-align:right;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:12px 14px;font-size:15px;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#23413e}.sidebar nav button.active{color:#eff8f3;background:#2a4c44}.sidebar nav button.active:before{content:"";background:#dfae79;border-radius:3px;width:3px;height:21px;position:absolute;right:0}.sidebar nav em{color:#182c2a;background:#c89c69;border-radius:5px;margin-right:auto;padding:1px 6px;font-size:13px;font-style:normal}.side-foot{border-top:1px solid #314445;align-items:center;gap:10px;margin-top:auto;padding:20px 7px 0;display:flex}.side-foot b{color:#bfd0c9;font-size:13px}.side-foot small{color:#7e9b92;margin-top:5px;font-size:12px;display:block}.side-foot>svg{color:#839e95;margin-right:auto}.live-dot,.dot{background:#73af8d;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.main-shell{width:calc(100% - 247px);margin-right:247px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:0 36px;display:flex}.crumb{color:#99a49e;align-items:center;gap:13px;font-size:14px;display:flex}.crumb b{color:#40574d;font-weight:500}.top-actions{align-items:center;gap:22px;display:flex}.today{color:#74877b;align-items:center;gap:8px;font-size:14px;display:flex}.avatar{color:#715f4c;background:#e9e1d3;border:3px solid #f8f4ec;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:600;display:grid}.icon-btn{color:#667b70;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-btn:hover{background:#edf1ed}.bell{position:relative}.bell i{background:#d18d64;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:7px}.content{max-width:1580px;margin:auto;padding:31px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.eyebrow{color:#8b9b92;letter-spacing:.4px;margin-bottom:7px;font-size:13px}.page-heading p{color:#87968d;margin-top:9px;font-size:15px;line-height:1.8}.btn{background:var(--teal);color:#fff;border:1px solid var(--teal);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:15px;display:inline-flex}.btn:hover{background:#1d6358}.btn.secondary{color:#4a6557;background:#fff;border-color:#dce4dd}.btn.secondary:hover{background:#f0f5f1}.btn.small{padding:7px 11px;font-size:14px}.filterbar{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:11px 15px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.filter-label{color:#7f8f84;align-items:center;gap:7px;padding-left:5px;font-size:14px;display:flex}.filterbar select{color:#3c5546;background:#f7f9f6;border:0;border-radius:5px;min-width:165px;max-width:240px;padding:8px 10px;font-size:14px}.refresh{color:#84948a;white-space:nowrap;background:0 0;align-items:center;gap:6px;font-size:13px;display:flex}.hero{color:#f5f4e9;background:#1e4e43;border-radius:13px;grid-template-columns:1fr 1fr;min-height:230px;margin-bottom:22px;padding:29px 34px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#6b886330,#0000 68%);width:500px;height:500px;position:absolute;top:-190px;left:-200px}.hero-kicker{color:#bccdb4;align-items:center;gap:7px;font-size:13px;display:flex}.hero h2{letter-spacing:-.7px;margin-top:10px;font-size:31px;line-height:1.55}.hero p{color:#b5c9b5;max-width:350px;margin-top:7px;font-size:14px;line-height:1.8}.hero button{color:#315247;background:#f1e7d2;border-radius:6px;align-items:center;gap:13px;margin-top:18px;padding:9px 13px;font-size:14px;font-weight:600;display:flex}.hero-visual{min-height:210px;position:relative}.orbit{border:1px solid #7e9d6b35;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:240px;height:240px}.orbit-two{width:350px;height:350px}.hero-center{color:#d8c99e;background:#6f8f5c22;border:1px solid #a6b58850;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:118px;height:118px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-pill{color:#365244;white-space:nowrap;background:#f6f4e9;border:1px solid #ffffff80;border-radius:8px;align-items:center;gap:15px;padding:12px 16px;font-size:15px;display:flex;position:absolute;box-shadow:0 8px 20px #102d3020}.floating-pill b{color:#909779;font-size:13px;font-weight:500}.pill-one{top:10%;right:4%}.pill-two{top:42%;left:1%}.pill-three{font-size:13px;bottom:0%;right:7%}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:144px;padding:19px}.metric-top{color:#7a8a7f;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.icon-chip{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.teal{color:#4b8268;background:#e9f3ed}.orange{color:#ca8c60;background:#fcf0e8}.purple{color:#8c7fa6;background:#f0edf7}.blue{color:#678fab;background:#e9f0f6}.metric-number{color:#29483b;text-align:right;font-variant-numeric:tabular-nums;direction:ltr;font-size:28px;font-weight:650;line-height:1.7}.metric-number small{color:#839184;font-size:14px;font-weight:400}.metric-caption{color:#98a298;margin-top:4px;font-size:13px;line-height:1.7}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(285px,1fr);gap:20px;margin-bottom:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 22px 18px;display:flex}.panel-heading h2{color:#35503f;font-size:17px}.panel-heading p{color:#92a092;margin-top:6px;font-size:13px}.panel-heading>small{color:#8b988d}.legend{color:#88968a;gap:15px;font-size:13px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:2px;width:6px;height:6px}.teal-bg{background:#4b8e75}.orange-bg{background:#d9aa7f}.chart-empty{height:236px;margin:0 22px;position:relative}.chart-grid{color:#bdc7bc;flex-direction:column;justify-content:space-between;font-size:13px;display:flex;position:absolute;inset:0 0 25px}.chart-grid span{border-bottom:1px dashed #e3e9e1;padding-bottom:10px}.chart-empty-message{color:#79927d;background:radial-gradient(#fff 25%,#fff0 70%);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.chart-empty-message b{color:#52725b;font-size:15px;font-weight:600}.chart-empty-message p{color:#9aaa98;font-size:13px}.text-btn{color:#4c7a60;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:5px 0;font-size:14px;display:inline-flex}.panel-footer{color:#93a18e;background:#fcfdfb;border-top:1px solid #eff2ec;align-items:center;gap:7px;padding:12px 22px;font-size:12px;display:flex}.panel-footer button{color:#769273;background:0 0;align-items:center;gap:4px;margin-right:auto;font-size:12px;display:flex}.amber{color:#ba965f;background:#fcf4e7}.count-pill{color:#9c8b66;background:#f3eee5;border-radius:5px;padding:4px 8px;font-size:14px}.attention-row{text-align:right;background:#fff;border-top:1px solid #f1f3ed;align-items:center;gap:11px;width:100%;padding:13px 20px;display:flex}.attention-row:hover{background:#fafcf9}.attention-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.red{color:#c38c7b;background:#fcf0ed}.attention-row div{min-width:0}.attention-row b{color:#526d52;font-size:14px;font-weight:600;display:block}.attention-row span:not(.attention-icon){color:#98a48e;white-space:nowrap;text-overflow:ellipsis;max-width:170px;margin-top:4px;font-size:12px;display:block;overflow:hidden}.attention-row small{color:#b9956c;white-space:nowrap;margin-right:auto;font-size:12px}.full-link{color:#77916e;background:#fcfdf9;border-top:1px solid #eef1e8;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:13px;display:flex}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:14px}th{color:#9aa58f;white-space:nowrap;background:#fafbf7;border-top:1px solid #f0f2e9;border-bottom:1px solid #f0f2e9;padding:12px 20px;font-weight:500}td{color:#708165;vertical-align:middle;border-bottom:1px solid #f0f2e9;padding:14px 20px;line-height:1.8}td b{color:#486041;font-weight:600}tbody tr:last-child td{border-bottom:0}.brand-tile{color:#9c744e;background:#f1e8db;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;margin-left:9px;font-size:15px;display:inline-flex}.brand-co-2{color:#af7c72;background:#f4e2e0}.brand-co-3{color:#859255;background:#e9ecd7}.number{font-variant-numeric:tabular-nums;direction:ltr}.badge{color:#8a9980;white-space:nowrap;background:#f0f3eb;border-radius:4px;align-items:center;padding:3px 8px;font-size:12px;line-height:1.8;display:inline-flex}.badge.pending,.badge.draft,.badge.requested{color:#af9363;background:#f8f3e7}.badge.approved,.badge.paid,.badge.done,.badge.posted{color:#78966b;background:#eaf3e5}.badge.overdue{color:#bd8674;background:#faece8}.badge.invoiced,.badge.due{color:#b08b4e;background:#fcf0dd}.quick-row{text-align:right;background:#fff;border-top:1px solid #f0f2e9;align-items:center;gap:12px;width:100%;padding:14px 22px;display:flex}.quick-row:hover{background:#f9fbf5}.quick-icon{color:#8b9e72;background:#fafbf5;border:1px solid #e9eedf;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.quick-row b{color:#60764f;font-size:14px;font-weight:500}.quick-row small{color:#a4af95;margin-top:4px;font-size:12px;display:block}.quick-row>svg{color:#a8b49a;margin-right:auto}.page-footer{color:#a2ad98;border-top:1px solid #e7ebdf;justify-content:space-between;gap:15px;margin-top:30px;padding:21px 0;font-size:12px;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.page-footer i{background:#ced6c4;width:2px;height:10px;margin:0 3px}.page-footer .live-dot{width:4px;height:4px}.notice{color:#70895b;background:#eef4e9;border:1px solid #dfe8d3;border-radius:9px;align-items:flex-start;gap:13px;margin-bottom:22px;padding:19px 22px;display:flex}.notice>svg{flex-shrink:0;margin-top:3px}.notice b{font-size:15px;font-weight:600}.notice p{color:#8b9b7a;max-width:850px;margin-top:5px;font-size:14px;line-height:1.9}.notice .btn{margin-right:auto}.notice.muted{background:#f0f3ed;border-color:#e2e8dc}.tabs{border-bottom:1px solid #dfe6d7;gap:25px;margin:20px 0;display:flex}.tabs button{color:#96a184;background:0 0;border-bottom:2px solid #0000;padding:12px 5px;font-size:15px}.tabs button.selected{color:#648253;border-bottom-color:#6d8f59}.statement-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.statement{padding:25px}.statement h2{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:20px}.statement>div{color:#7f916f;justify-content:space-between;gap:15px;padding:13px 0;display:flex}.statement-total{border-top:1px solid var(--line);margin-top:10px;color:#527344!important}.statement small{color:#9ca990;font-weight:400}.section-gap{margin-top:22px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;padding:35px 22px;display:flex}.empty-icon{color:#99ad84;background:#f1f5ed;border-radius:16px;place-items:center;width:57px;height:57px;margin-bottom:3px;display:grid}.empty strong{color:#6c8556;font-size:16px;font-weight:600}.empty p{color:#a0ac91;max-width:420px;font-size:14px;line-height:1.9}.empty .btn{margin-top:5px}.searchbox{border:1px solid var(--line);color:#a3b292;background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;display:flex}.searchbox input{color:#5d744d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.searchbox span{color:#96a582;font-size:14px}.subtext{color:#a0ac91;margin-top:3px;font-size:12px;line-height:1.8;display:block}.employee-name{direction:ltr;font-size:14px;display:block}.steps{border:1px solid var(--line);color:#869a6f;white-space:nowrap;background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:20px;font-size:14px;display:flex;overflow:auto}.steps svg{color:#c5cfb7;flex-shrink:0;width:14px}.row-actions{align-items:center;gap:10px;display:flex}.department-strip{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.department-strip>span{border:1px solid var(--line);color:#869d6e;background:#fff;border-radius:8px;gap:18px;padding:11px 14px;font-size:14px;display:flex}.department-strip b{color:#527b3e}.role-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.role-card{padding:25px}.role-card h2{margin-top:18px}.role-card p{color:#9baa8a;margin-top:10px;font-size:14px}.permission-tags{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.permission-tags span{color:#8ca773;background:#f2f6ec;border-radius:4px;padding:5px 8px;font-size:13px}.integration-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.integration-card{padding:25px;position:relative}.integration-logo{color:#3c5441;font-size:25px;font-weight:700}.integration-logo span{letter-spacing:4px;color:#9cab95;font-size:12px;display:block}.integration-card>.badge{position:absolute;top:28px;left:20px}.integration-card h2{margin-top:25px;font-size:16px}.integration-card p{color:#93a583;min-height:42px;margin-top:12px;font-size:14px;line-height:1.9}.integration-note{color:#acb79e;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:13px;line-height:2}.source-panel{align-items:flex-start;gap:20px;padding:25px;display:flex}.source-panel p{color:#8c9e79;margin-top:10px;font-size:15px;line-height:2}.source-panel small{color:#abb69b;margin-top:8px;line-height:1.9;display:block}.source-panel .badge{margin-right:auto}.bar-chart{direction:ltr;justify-content:center;align-items:flex-end;gap:30px;height:237px;padding:15px 30px 20px;display:flex;overflow:auto}.bar-group{text-align:center;min-width:60px}.bar-pair{border-bottom:1px solid #dce7d1;justify-content:center;align-items:flex-end;gap:5px;height:170px;display:flex}.bar{border-radius:5px 5px 0 0;width:22px}.bar-group>span{color:#a9b897;font-size:13px}.bar-group>small{color:#a8b795;font-size:11px;display:block}.loading-screen{color:#7b9563;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-screen .logo-mark{width:65px;height:65px}.loading-screen h1{color:#36563c;font-size:35px}.loading-screen p{text-align:center;max-width:450px;font-size:15px;line-height:2}.loading-screen a{font-size:15px;text-decoration:underline}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c211b80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:620px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 90px #102c2420}.modal.wide{width:800px}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{color:#3b5a3d;font-size:20px}.modal-body{padding:25px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span{color:#7f956a;font-size:14px}.field input,.field select{color:#526e3f;background:#fcfdf9;border:1px solid #dde6d2;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:15px}.field input:focus,.field select:focus{border-color:#789e5b;box-shadow:0 0 0 3px #eaf1e0}.field input:disabled,.field select:disabled{color:#a2b08f;background:#f3f5ef}.form-note{color:#98a783;background:#f6f9f1;border:1px solid #e7eeda;border-radius:7px;grid-column:1/-1;padding:14px;font-size:14px;line-height:2}.modal-footer{border-top:1px solid var(--line);background:#fbfcf9;gap:10px;padding:18px 25px;display:flex}.confirm-text{color:#839970;font-size:15px;line-height:2.2}.permissions-form{color:#819969;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;font-size:15px;display:grid}.permissions-form>b{grid-column:1/-1;margin-bottom:5px;font-size:14px}.permissions-form label{align-items:center;gap:7px;display:flex}.permissions-form input{accent-color:#678e4c}.opening-table{grid-column:1/-1}.opening-table input{color:#6c8653;border:1px solid #e0e8d5;border-radius:5px;width:100%;max-width:160px;padding:8px}.error-inline{color:#b57d65;background:#fbefea;border:1px solid #f0dacf;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:15px;line-height:1.8;display:flex}.error-inline button{color:inherit;background:0 0}.toast{z-index:100;color:#6b8e48;background:#f9fff0;border:1px solid #d4e2c2;border-radius:10px;align-items:center;gap:10px;padding:15px 22px;font-size:15px;display:flex;position:fixed;bottom:25px;left:30px;box-shadow:0 8px 30px #213f1d15}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hamburger,.scrim{display:none}@media (min-width:1500px){.content{padding-left:45px;padding-right:45px}.hero{min-height:265px}.hero h2{font-size:35px}.hero-visual{min-height:230px}.sidebar{width:260px}.main-shell{width:calc(100% - 260px);margin-right:260px}}@media (max-width:1200px){.sidebar{width:220px;padding-inline:12px}.main-shell{width:calc(100% - 220px);margin-right:220px}.content{padding:25px 23px 0}.topbar{padding:0 23px}.metric{padding:15px}.metric-number{font-size:23px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.hero{grid-template-columns:1.15fr 1fr;padding:25px}.hero h2{font-size:27px}.floating-pill{padding:10px;font-size:13px}.pill-three{font-size:11px}.attention-row{padding:13px}.panel-heading{padding:19px 17px}th,td{padding:12px 14px}.brand strong{font-size:25px}.brand strong span{font-size:11px}.today{font-size:13px}.role-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-visual{min-height:200px}.attention-row span:not(.attention-icon){max-width:none}.statement-grid{grid-template-columns:1fr}.hero h2{font-size:25px}.floating-pill{font-size:12px}.top-actions{gap:10px}.today{display:none}.metrics.three{grid-template-columns:repeat(3,1fr)}.metric-caption{font-size:12px}.filterbar select{min-width:120px}.filter-label{display:none}.notice .btn{align-self:center}.notice{flex-wrap:wrap}.notice .btn{margin-right:0}.source-panel{flex-wrap:wrap}.source-panel .badge{margin-right:0}}@media (max-width:760px){.sidebar{z-index:60;width:247px;transition:transform .2s;transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.main-shell{width:100%;margin-right:0}.hamburger{display:flex}.scrim{z-index:50;background:#142b2b60;display:block;position:fixed;inset:0}.topbar{height:65px;padding:0 18px}.content{padding:25px 18px 0}.page-heading{flex-direction:column;align-items:flex-start;gap:16px}.page-heading h1{font-size:25px}.page-heading p{font-size:14px}.heading-actions{align-self:flex-end;margin-top:-5px}.filterbar{align-items:flex-start;padding:10px}.filter-group{flex:1;gap:7px}.filterbar select{width:100%;min-width:0;max-width:100%;font-size:14px}.refresh span{display:none}.refresh{padding:8px}.hero{grid-template-columns:1fr;min-height:260px;padding:25px}.hero h2{font-size:29px}.hero-visual{display:none}.hero p{max-width:100%}.metrics{gap:11px;margin:16px 0}.metric{min-height:133px;padding:14px}.metric-top{font-size:13px}.metric-number{font-size:24px}.metric-caption{font-size:12px}.metrics.three{grid-template-columns:1fr}.metrics.three .metric{min-height:120px}.dashboard-grid{gap:16px;margin-bottom:16px}.panel-heading h2{font-size:16px}.hero button{margin-top:20px}.page-footer{flex-direction:column;gap:13px;font-size:12px}.role-grid,.integration-grid{grid-template-columns:1fr}.notice{padding:16px}.notice p{font-size:13px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-header,.modal-body{padding:20px}.modal-header h2{font-size:18px}.opening-table th,.opening-table td{padding:10px 5px}.opening-table input{max-width:95px}.bar-chart{gap:20px}.source-panel{padding:20px}.toast{justify-content:center;bottom:16px;left:16px;right:16px}.crumb{gap:7px;font-size:13px}.avatar{width:30px;height:30px}.today{display:none}.legend{gap:8px;font-size:12px}.source-panel h2{font-size:16px}.permissions-form{grid-template-columns:1fr}.statement{padding:20px}.statement>div{font-size:15px}}.badge.completed{color:#6b885b;background:#eaf3e5}.salary-total{color:#5a7748;background:#eef5e9;border:1px solid #dce8d0;border-radius:8px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:17px;display:flex}.salary-total output{direction:ltr;margin-right:auto;font-size:22px;font-weight:650}.salary-total small{color:#8d9e7c;width:100%}.badge.excluded,.badge.rejected,.badge.cancelled{color:#b47f6b;background:#f8ece7}.nav-divider{color:#78968d;border-top:1px solid #2d4441;margin-top:7px;padding:18px 14px 9px;font-size:12px}.nav-department{margin:2px 0}.sidebar nav .department-toggle{white-space:normal;gap:10px;padding:11px 12px;font-size:14px;line-height:1.8}.department-toggle>span{flex:1}.department-toggle .chevron{transition:transform .15s;transform:rotate(90deg)}.department-toggle .chevron.open{transform:rotate(0)}.sidebar nav .department-current{color:#e7eddf;background:#213d38}.department-children{border-right:1px solid #3a554a;margin:2px 19px 7px 0;padding-right:8px}.sidebar nav .department-children button{white-space:normal;gap:8px;padding:9px 10px;font-size:13px;line-height:1.7}.child-dot{background:#6b887c;border-radius:50%;flex-shrink:0;width:4px;height:4px}.sidebar nav .department-children .active .child-dot{background:#dca675}.nav-upcoming{color:#79927e;white-space:nowrap;margin-right:auto;font-size:11px}.sidebar nav{flex:1;min-height:0}.side-foot{flex-shrink:0;padding-top:13px}.sidebar{padding-top:23px}.brand{margin-bottom:22px}.workspace{margin-bottom:18px}.permission-groups{grid-column:1/-1;gap:16px;display:grid}.permission-groups fieldset{border:1px solid #dfe8d6;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.permission-groups legend{color:#637e50;padding:0 8px;font-size:15px;font-weight:600}.permission-groups label{color:#82956e;align-items:flex-start;gap:8px;font-size:14px;line-height:1.8;display:flex}.permission-groups input{accent-color:#578148;margin-top:5px}@media (max-width:760px){.permission-groups fieldset{grid-template-columns:1fr}}.report-filters{flex-wrap:wrap;gap:14px}.report-filters label{color:#81976e;align-items:center;gap:9px;font-size:14px;display:flex}.report-filters input{color:#5b7947;background:#fbfdf7;border:1px solid #dce6d2;border-radius:6px;padding:7px}.payroll-report-group details summary,.salary-source summary{cursor:pointer;color:#6d8958;background:#f7faf1;border-top:1px solid #e6eddc;padding:15px 20px;font-size:14px}.report-total{text-align:left;flex-direction:column;gap:6px;display:flex}.report-total b{color:#547940;direction:ltr;font-size:22px}.report-total small{color:#92a67e}.salary-source{overflow:hidden}.salary-source p{margin-top:8px}.salary-source details{margin-top:12px}.sultan-panel{max-width:1000px;margin-inline:auto}.sultan-intro{color:#163b37;background:#f0f8f6;border-radius:14px;margin:20px;padding:24px}.sultan-intro b{font-size:24px}.sultan-intro p{line-height:1.9}.sultan-intro small{color:#627471}.sultan-messages{gap:14px;max-height:560px;padding:0 22px;display:grid;overflow:auto}.sultan-message{border:1px solid #e4eae8;border-radius:14px;max-width:90%;padding:18px}.sultan-message.user{background:#f4f6fb;margin-right:auto}.sultan-message.assistant{background:#f5fbf8}.sultan-message p{white-space:pre-wrap;line-height:1.9}.sultan-composer{gap:12px;padding:24px;display:grid}.sultan-composer textarea{resize:vertical;min-height:100px;font:inherit;background:#fff;border:1px solid #dbe3e1;border-radius:12px;padding:14px}.sultan-composer .btn{justify-self:end}.sultan-proposal{gap:12px;display:grid}.badge.cancelled{color:#9f3434;background:#fcecec}:root{--muted:#5d7067;--sidebar-width:272px}body{line-height:1.75}button,input,select,textarea{font-family:inherit}h1,h2,h3,.brand strong,.hero h2{letter-spacing:0;line-height:1.5}.sidebar{width:var(--sidebar-width);padding-inline:16px}.main-shell{margin-right:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.brand strong{font-size:30px}.brand strong span{letter-spacing:2px;font-size:11px}.brand small,.workspace small,.side-foot small{color:#b4c9c2}.workspace b{font-size:15px}.workspace small{font-size:13px}.sidebar nav button{color:#c7d7d1;white-space:normal;min-height:46px;line-height:1.65}.sidebar nav .department-toggle{min-height:48px;font-size:14px;font-weight:500;line-height:1.8}.sidebar nav .department-children button{min-height:42px;padding-block:10px;font-size:14px}.nav-label,.nav-divider,.nav-upcoming{color:#a7c0b6}.nav-upcoming{font-size:11px}.side-foot b{font-size:13px}.side-foot small{font-size:12px}.content{padding-top:28px}.page-heading{gap:20px;margin-bottom:26px}.page-heading p,.eyebrow,.crumb,.today,.refresh,.filter-label{color:var(--muted)}.page-heading p{max-width:850px;font-size:15px;line-height:1.9}.btn{min-height:44px;padding:10px 17px;font-weight:500}.btn.small{min-height:38px;padding:7px 12px}.filterbar{flex-wrap:wrap;gap:12px;padding:13px 16px}.filter-group{gap:12px}.filterbar select{min-height:42px;font-size:14px}.refresh{min-height:40px;font-size:13px}.hero h2{line-height:1.65}.hero p,.hero-kicker{color:#d1e0d4}.hero p{font-size:14px;line-height:1.9}.hero button{min-height:44px;font-size:14px}.hero-center span{font-size:13px}.floating-pill{gap:10px}.floating-pill b{color:#586548}.pill-three{font-size:12px}.metric{min-height:155px;padding:20px}.metric-top{color:#51665b;font-size:14px;line-height:1.65}.metric-caption,.metric-number small{color:var(--muted)}.metric-caption{font-size:13px;line-height:1.9}.metric-number{letter-spacing:.3px;line-height:1.65}.metric-number small{letter-spacing:0;font-size:13px}.panel-heading{flex-wrap:wrap;align-items:flex-start;padding:22px}.panel-heading h2{font-size:19px}.panel-heading p,.panel-heading>small,.legend,.panel-footer,.panel-footer button{color:var(--muted)}.panel-heading p{font-size:14px;line-height:1.8}.legend{flex-wrap:wrap;gap:12px;font-size:13px}.panel-footer{flex-wrap:wrap;font-size:12px;line-height:1.9}.panel-footer button{font-size:12px}.attention-row{gap:12px;padding:16px 20px}.attention-row b{color:#3e5845;font-size:14px}.attention-row span:not(.attention-icon){color:#63765c;max-width:190px;font-size:12px}.attention-row small{color:#8b642f;font-size:12px}.full-link,.text-btn{color:#35694c;font-weight:500}table{font-size:14px}th{color:#51634c;background:#f5f8f2;padding:15px 18px;font-size:13px;font-weight:500}td{color:#42583b;padding:16px 18px;line-height:1.9}.employee-name{font-size:14px;line-height:1.7}.subtext{color:#637458;margin-top:5px;font-size:12px;line-height:1.9}.badge{color:#526746;padding:4px 9px;font-size:12px;font-weight:500}.badge.pending,.badge.draft,.badge.requested{color:#80602a}.badge.approved,.badge.paid,.badge.done,.badge.posted,.badge.completed{color:#3e6833}.badge.overdue{color:#984d38}.badge.invoiced,.badge.due{color:#815a21}.quick-row{padding:17px 22px}.quick-row b{color:#405d33;font-size:15px}.quick-row small{color:#62744f;font-size:12px;line-height:1.8}.notice{color:#466536;line-height:1.9}.notice b{font-size:15px}.notice p{color:#5e714e;font-size:14px}.tabs{gap:18px;overflow:auto}.tabs button{color:#5f714f;white-space:nowrap;min-height:48px;font-size:15px}.tabs button.selected{color:#365b27}.empty p,.chart-empty-message p,.searchbox span,.role-card p,.integration-card p,.integration-note,.source-panel p,.source-panel small{color:var(--muted)}.searchbox input{min-height:24px;font-size:16px}.searchbox input::placeholder{color:#66785b}.department-strip>span,.permission-tags span{color:#526d3c}.permission-tags span{font-size:13px}.field>span{color:#526c3f;font-size:14px;font-weight:500}.field input,.field select{min-height:46px;font-size:16px;line-height:1.6}.form-note,.confirm-text{color:#5b7048;font-size:14px;line-height:2}.modal{width:680px}.supplier-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.supplier-picker{border:1px solid #d9e3dc;border-radius:10px;grid-column:1/-1;padding:16px}.supplier-picker>.field{margin-top:12px}.supplier-edit-dialog{background:#fff;border-radius:16px;width:min(850px,100%);max-height:90dvh;padding:24px;overflow:auto}.supplier-edit-dialog fieldset{border:0;margin:0 0 18px;padding:0}.supplier-edit-dialog .field input{width:100%}@media (max-width:600px){.supplier-fields{grid-template-columns:1fr}.supplier-edit-dialog{padding:16px}}.permission-groups label,.permissions-form{color:#526b3f;font-size:14px}.permission-groups legend{color:#3f612d;font-size:15px}.row-actions{flex-wrap:wrap;row-gap:10px}.report-filters label{color:#526b3f;font-size:14px}.report-total small,.salary-total small{color:#60764d}.payroll-report-group details summary,.salary-source summary{color:#466632;font-size:14px}.page-footer{color:#64745a;flex-wrap:wrap;font-size:12px;line-height:1.9}.sultan-message p{font-size:16px;line-height:2}.sultan-composer label{font-weight:500}.sultan-composer textarea{font-size:16px;line-height:1.9}.statement>div,.statement small{color:#4e6442}.statement-total{color:#37572a!important}.bar-group>span,.bar-group>small,.chart-grid{color:#5f7351}.bar-group>small{font-size:12px}.role-card p,.integration-card p,.integration-note,.source-panel small{line-height:1.9}.error-inline{color:#974c33}.toast{color:#46652c}.danger-text{color:#964b36!important}.badge.excluded,.badge.rejected,.badge.cancelled{color:#984c36}@media (max-width:1200px){:root{--sidebar-width:250px}.sidebar{padding-inline:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.floating-pill{font-size:12px}.pill-three{font-size:11px}}@media (max-width:760px){.sidebar{width:min(300px,88vw)}.main-shell{width:100%;margin-right:0}.content{padding:22px 16px 0}.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.filter-group{width:100%}.filterbar select{font-size:14px}.panel-heading{padding:18px}.panel-heading h2{font-size:18px}.metric{min-height:155px;padding:15px}.metric-top{font-size:13px}.metric-caption{font-size:12px}.hero p{font-size:14px}.hero h2{font-size:28px}.notice p{font-size:14px}.tabs{gap:14px}.tabs button{font-size:14px}th,td{padding:13px}.page-footer{font-size:12px}.sultan-intro{margin:16px;padding:18px}.sultan-message{max-width:100%;padding:15px}.sultan-messages{padding-inline:16px}.sultan-composer{padding:18px}.salary-total{padding:14px}}.company-actions{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.company-actions .text-btn{white-space:normal;text-align:right;min-height:34px}.loan-matrix{min-width:1100px}.loan-matrix th{min-width:120px}.loan-matrix th:first-child,.loan-matrix td:first-child{z-index:1;background:#f5f8f2;min-width:135px;position:sticky;right:0}.loan-matrix td,.loan-matrix th{text-align:center}.loan-matrix .number{direction:ltr}.loan-blank{color:#70806b}.source-record{white-space:pre-wrap;overflow-wrap:anywhere;direction:rtl;background:#f3f6f7;max-width:100%;max-height:360px;padding:12px;font:13px/1.8 Tajawal,sans-serif;overflow:auto}.source-archive{border-bottom:1px solid #e5e9eb;padding:16px}.source-archive summary{cursor:pointer;font-weight:700}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.accounting-space{gap:18px;min-width:0;display:grid}.accounting-space>.notice{margin:0}.accounting-tabs{gap:20px;padding:0 4px}.accounting-space h3{margin:0;padding:18px 22px 8px;font-size:17px}.accounting-note{color:var(--muted);padding:0 22px 16px;line-height:1.9}.accounting-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.accounting-fields>p{color:var(--muted);grid-column:1/-1;margin:0;line-height:1.9}.accounting-form{background:#f9fbf7;border:1px solid #cbdac9;border-radius:12px;gap:20px;margin:0 18px 22px;padding:18px;display:grid}.accounting-form .panel-heading,.accounting-form h3{padding:0}.accounting-form>.btn{justify-self:start}.accounting-period{flex-wrap:wrap;gap:16px;padding:0 22px 18px;display:flex}.accounting-period .field{min-width:180px}.accounting-confirm{align-items:flex-start;gap:12px;font-size:14px;line-height:1.9;display:flex}.accounting-confirm input{flex-shrink:0;width:20px;height:20px;margin-top:4px}.accounting-detail{border:1px solid #d5dfd2;border-radius:10px;margin:22px;overflow:hidden}.accounting-tax-summary{grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 18px;display:grid}.accounting-tax-summary>div{background:#f5f8f2;border-radius:10px;gap:12px;padding:20px;display:grid}.accounting-tax-summary strong{font-size:24px}.journal-editor{min-width:1100px}.journal-editor td{padding:10px}.journal-editor input,.journal-editor select{width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d5dfd2;border-radius:6px;min-width:110px;padding:8px}.journal-editor select{max-width:210px}.accounting-space td .row-actions{margin-top:8px}.accounting-space td .text-btn{text-align:start;white-space:normal}.accounting-space .notice{margin-inline:18px}.accounting-space>.notice{margin-inline:0}@media (max-width:760px){.accounting-fields,.accounting-tax-summary{grid-template-columns:1fr}.accounting-form{margin:0 10px 18px;padding:14px}.accounting-detail{margin:14px 10px}.accounting-period{padding:0 14px 18px}.accounting-period .field{flex:1;min-width:130px}}.stock-thumb{object-fit:contain;float:right;background:#fff;border:1px solid #e5e9eb;border-radius:8px;width:72px;height:72px;margin:0 0 8px 12px}.stock-upload{cursor:pointer}.stock-upload input{max-width:180px;font-size:12px;display:block}.language-toggle{color:#254d43;background:#f7faf8;border:1px solid #d5dfdb;border-radius:7px;min-height:40px;padding:8px 12px;font-weight:500}html[dir=ltr] .sidebar{inset:0 auto 0 0}html[dir=ltr] .main-shell{margin-right:0;margin-left:var(--sidebar-width)}html[dir=ltr] .sidebar nav button,html[dir=ltr] th,html[dir=ltr] td,html[dir=ltr] .company-actions .text-btn{text-align:left}html[dir=ltr] .sidebar nav button.active:before{left:0;right:auto}html[dir=ltr] .department-children{border-left:1px solid #3a554a;border-right:0;margin:2px 0 7px 19px;padding-left:8px;padding-right:0}html[dir=ltr] .workspace>svg,html[dir=ltr] .side-foot>svg,html[dir=ltr] .sidebar nav em,html[dir=ltr] .nav-upcoming,html[dir=ltr] .salary-total output{margin-left:auto;margin-right:0}html[dir=ltr] .loan-matrix th:first-child,html[dir=ltr] .loan-matrix td:first-child{left:0;right:auto}html[dir=ltr] .stock-thumb{float:left;margin:0 12px 8px 0}html[dir=ltr] .sultan-message.user{margin-left:auto;margin-right:0}html[dir=ltr] .source-record{direction:ltr}@media (max-width:760px){html[dir=ltr] .main-shell{margin-left:0}html[dir=ltr] .sidebar{transform:translate(-100%)}html[dir=ltr] .sidebar.mobile-open{transform:translate(0)}.top-actions{gap:10px}.language-toggle{padding-inline:8px}}.marn-login-overlay{z-index:1000;background:#10251dbb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.marn-login-dialog{background:#fff;border-radius:16px;flex-direction:column;width:min(1200px,100%);height:calc(100dvh - 32px);display:flex;overflow:hidden}.marn-login-dialog header{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 20px;display:flex}.marn-login-dialog h2{margin:0;font-size:20px}.marn-login-dialog p{color:#52645a;margin:6px 0;font-size:13px}.marn-login-dialog iframe{background:#f5f7f5;border:0;flex:1;width:100%;min-height:250px}.marn-login-dialog footer{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.financial-reports .report-total{background:#edf3eb;font-weight:700}.financial-reports .report-total th{white-space:normal}.financial-reports table{margin-block:16px}.financial-reports details{font-size:12px}.financial-reports p{line-height:1.8}.marn-credentials{border:1px solid #d7e0d2;border-radius:12px;margin-block:16px;padding:16px}.marn-credentials input{direction:ltr}.report-files-backdrop{z-index:150;background:#102c2bd9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.report-files-dialog{direction:rtl;background:#fff;border-radius:20px;width:min(1100px,96vw);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #0003}.report-files-dialog .field{margin:12px 0}.report-files-dialog .tabs{flex-wrap:wrap;margin-bottom:22px}.report-files-dialog p{line-height:1.9}.report-files-dialog fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:14px}.report-column-list{flex-wrap:wrap;gap:14px;display:flex}.report-column-list label{align-items:center;gap:7px;display:flex}.report-files-dialog input[type=checkbox]{accent-color:var(--teal);margin-inline-end:7px}.invoice-source-text{white-space:pre-wrap;background:var(--bg);max-height:330px;direction:auto;padding:18px;font-family:Tajawal,Arial;overflow:auto}.report-files-dialog .heading-actions{flex-wrap:wrap;gap:8px;margin:18px 0}.report-files-dialog .error{color:#9e3c29;background:#fff0eb;border:1px solid #edc3b4;border-radius:10px;padding:12px}.report-files-dialog .panel{margin:10px 0;padding:16px}.report-files-dialog .accounting-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;display:grid}.report-files-dialog .text-btn{margin-inline-end:16px}.report-files-dialog textarea{min-height:100px}.heading-actions{flex-wrap:wrap}@media (max-width:650px){.report-files-backdrop{padding:5px}.report-files-dialog{width:100%;max-height:98vh;padding:16px}.report-files-dialog .tabs button{padding:8px;font-size:12px}}.rent-workspace{min-width:0;max-width:100%}.rent-workspace .form-group{gap:8px;min-width:0;display:grid}.rent-workspace select,.rent-workspace input{width:100%;min-width:0;max-width:100%}.rent-workspace input[type=checkbox]{width:auto}.rent-workspace .table-wrap{max-width:100%;overflow-x:auto}.rent-workspace article>h3{margin-top:28px}.rent-workspace .modal{max-height:92vh;overflow:auto}.rent-workspace .modal input{min-height:40px}.rent-workspace .modal input[type=checkbox]{min-height:auto}.rent-workspace .modal fieldset{min-width:0;padding:12px}.rent-workspace .modal label{line-height:1.8}.employee-portrait{object-fit:contain;float:inline-start;background:#eef3ef;border:1px solid #dfe8e1;border-radius:8px;width:40px;height:50px;margin-inline-end:10px}.employee-portrait.profile-portrait{float:none;grid-column:1/-1;width:96px;height:120px;margin:0 auto 18px;display:block}.brand.brand-innovacap{background:#f4eadb;border-radius:12px;margin-bottom:24px;padding:10px 8px;display:block}.innovacap-brand-lockup{justify-content:center;align-items:center;width:100%;display:flex}.innovacap-brand-lockup img{width:100%;height:auto;margin-inline:auto;display:block}.brand.brand-innovacap small{color:#527067;text-align:center;margin-top:0;font-size:12px}.innovacap-pos img{width:180px;max-width:100%;height:auto;display:block}.innovacap-pos small{letter-spacing:2px;font-size:11px}.standalone-brand{flex-direction:column;gap:4px;max-width:220px;margin-bottom:18px;display:inline-flex}.standalone-brand img{width:200px;max-width:100%;height:auto;display:block}.standalone-brand span{color:#527067;font-size:13px}.loading-screen .athafi-loading-mark{background:#f4eadb;border-radius:16px;width:70px;height:70px}.athafi-loading-mark img{border-radius:16px;width:100%;height:100%;display:block}.employee-document-alerts{background:#fff;border:1px solid #dfe5e2;border-radius:16px;margin-bottom:22px;padding:20px;box-shadow:0 4px 18px #20363804}.employee-alert-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.employee-alert-heading h2{color:#233638;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.employee-alert-heading p{color:#7c8988;margin:6px 0 0;font-size:12px}.employee-alert-total{color:#667775;white-space:nowrap;font-size:12px}.employee-alert-bands{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-alert-band{border:1px solid var(--alert-border);background:var(--alert-bg);color:#253638;text-align:start;min-height:80px;font:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:14px;display:flex}.employee-alert-band.expired,.employee-alert-status.expired{--alert-bg:#fff1f0;--alert-border:#edc5c1;--alert-color:#bd4444}.employee-alert-band.urgent,.employee-alert-status.urgent{--alert-bg:#fff3e5;--alert-border:#efd0a5;--alert-color:#d77721}.employee-alert-band.soon,.employee-alert-status.soon{--alert-bg:#fff9df;--alert-border:#e8da99;--alert-color:#b89713}:is(.employee-alert-band:hover,.employee-alert-band:focus-visible,.employee-alert-band.selected){outline:2px solid var(--alert-color);outline-offset:2px}.employee-alert-square{background:var(--alert-color);border-radius:3px;flex:none;width:13px;height:13px}.employee-alert-band b{font-size:15px;display:block}.employee-alert-band small{color:#73817e;margin-top:4px;font-size:11px;display:block}.employee-alert-band strong{color:var(--alert-color);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:28px;font-weight:700}.employee-alert-band svg{color:var(--alert-color);flex:none}.employee-alert-bottom{color:#889592;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:11px;display:flex}.employee-alert-bottom .text-btn{font-size:12px}.employee-alert-details{border-top:1px solid #e4e9e6;margin-top:14px;padding-top:16px}.employee-alert-details h3{margin:0;font-size:16px}.employee-alert-details td,.employee-alert-details th{font-size:13px}.employee-alert-status{white-space:nowrap;background:var(--alert-bg,#f1f3f2);color:var(--alert-color,#6d7774);border-radius:6px;padding:5px 9px;display:inline-block}.employee-alert-explanation{color:#71817b;margin:10px 0;font-size:13px}.employee-alert-bands button[aria-expanded=true] svg{transform:rotate(180deg)}@media (max-width:1000px){.employee-alert-band{gap:8px;padding:11px}.employee-alert-band b{font-size:14px}.employee-alert-band small{font-size:10px}.employee-alert-band strong{font-size:24px}}@media (max-width:600px){.employee-document-alerts{padding:16px}.employee-alert-heading{flex-direction:column;align-items:flex-start;gap:8px}.employee-alert-heading h2{font-size:17px}.employee-alert-bands{grid-template-columns:1fr;gap:9px}.employee-alert-band{min-height:64px;padding:12px}.employee-alert-band small{font-size:11px}.employee-alert-bottom{flex-wrap:wrap}.employee-alert-total{font-size:11px}}.correspondence{margin-bottom:30px}.letter-service-heading{justify-content:space-between;align-items:center;gap:18px;margin:8px 0 22px;display:flex}.letter-service-heading h2{align-items:center;gap:10px;margin:0 0 7px;font-size:23px;display:flex}.letter-service-heading p{color:#7c8b85;margin:0;font-size:13px}.letter-workspace{grid-template-columns:minmax(240px,310px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.letter-register,.letter-editor{padding:22px}.letter-register h3,.letter-editor h3{margin:0;font-size:17px}.letter-register .field{margin:16px 0}.letter-record{text-align:start;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8e4;border-radius:10px;flex-direction:column;gap:9px;margin:10px 0;padding:14px;display:flex}.letter-record.selected{background:#fcf7f0;border-color:#bf633e;box-shadow:0 0 0 1px #bf633e}.letter-record small{color:#778780;justify-content:space-between;align-items:center;gap:9px;font-size:11px;display:flex}.letter-record b{font-size:15px}.letter-record>span{color:#73847b;font-size:13px}.letter-editor fieldset{border:0;min-width:0;margin:0;padding:0}.letter-editor .field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.letter-editor textarea{resize:vertical;width:100%;min-height:260px;padding:16px;font-size:15px;line-height:2.1}.letter-editor input,.letter-editor select{width:100%}.letter-editor fieldset:disabled{opacity:.84}.letter-actions{flex-wrap:wrap;gap:10px;display:flex}.letter-issue{background:#fcf8f0;border:1px solid #e7d8bd;border-radius:10px;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px;padding:18px;display:flex}.letter-issue label{align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;display:flex}.letter-issue input{flex:none;width:17px;height:17px;margin-top:3px}.letter-issue small,.letter-issue p{color:#7e826f;margin:0;font-size:12px}.letter-preview{border-top:1px solid #e2e8e4;margin-top:20px;padding-top:16px}.letter-preview iframe{background:#f5f4f0;border:1px solid #e2e8e4;border-radius:8px;width:100%;height:720px}.letter-editor .panel-heading{align-items:flex-start;gap:12px}.letter-editor .panel-heading p{font-size:12px;line-height:1.7}@media (max-width:1100px){.letter-workspace{grid-template-columns:1fr}.letter-register{max-height:320px;overflow:auto}.letter-editor,.letter-register{padding:18px}}@media (max-width:600px){.letter-service-heading{flex-direction:column;align-items:flex-start}.letter-service-heading h2{font-size:20px}.letter-preview iframe{height:500px}.letter-editor .form-grid{grid-template-columns:1fr}.letter-editor .panel-heading{flex-direction:column}}.correspondence .letter-service-heading p{color:#42564e;font-size:15px;font-weight:500;line-height:1.9}.correspondence .letter-editor .panel-heading p{color:#43584f;font-size:14px;font-weight:500;line-height:1.9}.correspondence .letter-record small{color:#4d6158;font-size:13px;line-height:1.8}.correspondence .letter-record>span{color:#43574e;font-size:14px}.correspondence .letter-editor .field>span,.correspondence .letter-register .field>span{color:#304b40;font-size:14px;font-weight:600}.correspondence .letter-issue small,.correspondence .letter-issue p{color:#4f5e45;font-size:13px;line-height:1.9}.correspondence .letter-record .badge{font-size:12px}.correspondence .letter-editor fieldset:disabled{opacity:1}.correspondence fieldset:disabled input,.correspondence fieldset:disabled select,.correspondence fieldset:disabled textarea{opacity:1;color:#40554b;-webkit-text-fill-color:#40554b;cursor:default;background:#f4f6f3}.correspondence .letter-editor textarea{color:#22392f;border:1px solid #bdcbc4;border-radius:10px;font-size:16px}.correspondence .letter-editor input,.correspondence .letter-editor select,.correspondence .letter-register input{color:#294437;font-size:15px}.letter-editor input,.letter-editor textarea{font-family:SaudiLetters,Tajawal,sans-serif}.letter-signature-choice{color:#203638;background:#f5f8f5;border:1px solid #d4dfd9;border-radius:10px;align-items:flex-start;gap:10px;margin:12px 0 18px;padding:13px 15px;font-size:15px;font-weight:600;display:flex}.letter-signature-choice input{accent-color:#167e6b;width:18px;height:18px;margin:3px 0}.letter-signature-choice small{color:#42564e;margin-top:4px;font-size:13px;font-weight:400;display:block}.letter-verification{max-width:760px;margin:28px auto;padding:26px}.letter-verification h2{color:#203638;font-size:23px}.letter-verification dl{grid-template-columns:160px 1fr;gap:12px;margin:24px 0;display:grid}.letter-verification dt{color:#40564e;font-weight:600}.letter-verification dd{color:#203638;margin:0}.letter-verification>.text-btn{margin-top:20px;display:block}.letter-table-editor{background:#fbfcfa;border:1px solid #d3ddd6;border-radius:12px;margin:10px 0 20px;padding:16px}.letter-table-scroll{max-width:100%;overflow-x:auto}.letter-table-editor table{border-collapse:collapse;width:100%;min-width:540px}.letter-table-editor th,.letter-table-editor td{vertical-align:top;border:1px solid #d1dcd4;padding:8px}.letter-table-editor th{background:#f2e9da;min-width:140px}.letter-table-editor th:last-child{width:44px;min-width:44px}.letter-table-editor th input{min-width:100px;font-weight:700}.correspondence .letter-table-editor textarea{border-radius:6px;min-width:120px;height:68px;min-height:68px;padding:8px;font-size:14px;line-height:1.6}.letter-table-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.letter-table-editor .panel-heading{margin-bottom:12px}.letter-table-editor .sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.business-document-modal{width:min(1100px,96vw);max-width:1100px}.business-lines-table{min-width:850px}.business-lines-table input,.business-lines-table select{color:#24483c;background:#fff;border:1px solid #d5dfd5;border-radius:8px;width:100%;min-width:90px;padding:10px}.business-lines-table td:nth-child(2) input{min-width:200px}.business-lines-table td:first-child select{min-width:150px}.business-document-modal .modal-header>button{color:#315a48;background:#f0f4f0;border-radius:8px;padding:8px 15px}.business-document-modal .modal-body>label{margin:12px 0;display:block}.business-workspace>label.field{max-width:420px}.business-workspace .row-actions{flex-wrap:wrap;gap:8px}.business-document-modal .modal-body{overflow:auto}@media (max-width:700px){.business-document-modal{width:96vw}.business-document-modal .accounting-fields{grid-template-columns:1fr}.business-workspace .table-wrap{max-width:100%;overflow:auto}}.bp,.bp-login,.bp-loading{--bp-ink:#203f3b;--bp-muted:#75847f;--bp-accent:#bd663f;--bp-line:#e2e8e3;color:var(--bp-ink);box-sizing:border-box;font-family:Tajawal,Arial,sans-serif;font-size:15px;line-height:1.65}.bp *,.bp-login *{box-sizing:border-box}.bp{background:#f4f6f2;grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.bp button,.bp select,.bp input,.bp textarea,.bp-login input,.bp-login button{font:inherit}.bp button{cursor:pointer}.bp-sidebar{color:#f7faf6;background:#173e38;flex-direction:column;height:100vh;padding:32px 22px;display:flex;position:sticky;top:0}.bp-brand{color:#cfdbd3;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;gap:8px;padding:0 16px 35px;text-decoration:none;display:flex}.bp-brand img{object-fit:contain;background:#fff;border-radius:8px;width:138px;height:68px;padding:7px}.bp-brand span{letter-spacing:2px;font-size:10px}.bp-nav-label{color:#8caba0;letter-spacing:1.8px;margin:0;padding:24px 16px 8px;font-size:10px}.bp-navigation{gap:7px;display:grid}.bp-navigation button{color:#c6d7ce;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:14px 16px;font-weight:500;display:flex}.bp-navigation button:hover{background:#ffffff0a}.bp-navigation button.active{color:#fff;background:#ffffff13;box-shadow:inset -3px 0 #d79b72}.bp svg{flex-shrink:0;width:22px;height:22px}.bp-sidebar-bottom{border-top:1px solid #ffffff1a;align-items:center;gap:12px;margin-top:auto;padding:22px 8px 0;display:flex}.bp-branch-avatar{background:#b7ccb526;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.bp-sidebar-bottom strong{font-size:14px;display:block}.bp-sidebar-bottom small{color:#9db7ab;font-size:11px;display:block}.bp-content{min-width:0}.bp-topbar{border-bottom:1px solid var(--bp-line);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:84px;padding:0 44px;display:flex}.bp-breadcrumb{color:var(--bp-muted);align-items:center;gap:14px;font-size:12px;display:flex}.bp-breadcrumb strong{color:var(--bp-ink);font-weight:500}.bp-top-actions{align-items:center;gap:20px;display:flex}.bp .bp-top-actions .btn{color:#294b43;border:1px solid var(--bp-line);background:0 0;border-radius:8px;min-height:34px;padding:6px 13px;font-size:11px}.bp-logout{color:#82918a;background:0 0;border:0;font-size:12px!important}.bp-body{max-width:1300px;margin:auto;padding:30px 44px}.bp-context{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.bp-eyebrow{letter-spacing:1.4px;color:#839488;font-size:10px;font-weight:600;display:block}.bp-context h2{margin:6px 0 0;font-size:24px;font-weight:600;line-height:1.3}.bp-switch label{color:#7c8c83;margin-bottom:5px;font-size:11px;display:block}.bp-switch>div{gap:8px;display:flex}.bp-switch select{color:#2d4c41;background:#fff;border:1px solid #d9e1da;border-radius:8px;min-width:155px;padding:7px 12px}.bp-switch small{color:#98754e;margin-top:6px;display:block}.bp-hero{background:#e9eee4;border:1px solid #dfe6d7;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:38px 36px;display:flex;position:relative;overflow:hidden}.bp-hero:after{content:"";inset-inline-end:-70px;pointer-events:none;border:1px solid #a4b99b40;border-radius:50%;width:270px;height:270px;position:absolute;top:-95px}.bp-hero .bp-eyebrow{color:#6b8368}.bp-hero h1{letter-spacing:-.6px;color:#244d3c;margin:13px 0;font-size:36px;font-weight:600;line-height:1.35}.bp-hero p{color:#7a8c7b;max-width:510px;margin:0;font-size:14px}.bp-hero-mark{z-index:1;justify-content:center;align-items:center;width:170px;min-width:170px;display:flex;position:relative}.bp-hero-mark img{object-fit:contain;width:170px;height:auto;display:block}.bp-section-heading{justify-content:space-between;align-items:center;margin:34px 0 17px;display:flex}.bp-section-heading h2{margin:0;font-size:18px;font-weight:600}.bp-section-heading>span{color:#8a978e;font-size:11px}.bp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.bp-service-card{border:1px solid var(--bp-line);text-align:start;color:var(--bp-ink);background:#fff;border-radius:15px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 3px 12px #173e3803;padding:26px!important}.bp-service-card:hover{border-color:#b8c8b8;transform:translateY(-3px);box-shadow:0 10px 24px #173e3809}.bp-card-top{justify-content:space-between;align-items:center;display:flex}.bp-service-icon{color:#b96e4b;background:#f4ebe3;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.bp-service-card:nth-child(2) .bp-service-icon{color:#4f7963;background:#eaf1eb}.bp-service-icon svg{width:25px;height:25px}.bp-card-number{color:#c2ccc4;letter-spacing:2px;font-size:12px}.bp-service-card h3{margin:22px 0 8px;font-size:21px;font-weight:600}.bp-service-card p{color:#87948b;max-width:340px;min-height:48px;margin:0 0 24px;font-size:13px;line-height:1.9}.bp-card-action{color:#9d623e;border-top:1px solid #edf0eb;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;font-weight:600;display:flex}.bp-help{background:#eff2ec;border:1px dashed #dce3d8;border-radius:12px;align-items:flex-start;gap:15px;margin-top:27px;padding:21px 24px;display:flex}.bp-help-dot{background:#a3b698;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:9px}.bp-help h3{margin:0 0 4px;font-size:13px;font-weight:600}.bp-help p{color:#83917f;margin:0;font-size:12px}.bp-footer{border-top:1px solid var(--bp-line);color:#a0aaa1;justify-content:space-between;align-items:center;margin-top:40px;padding-top:18px;font-size:10px;display:flex}.bp-footer>span{letter-spacing:3px;font-size:10px}.bp-footer p{margin:0}.bp-back{color:#839184;background:0 0;border:0;padding:0 0 20px;font-size:12px!important}.bp-workspace main{max-width:none!important;margin:0!important;padding:0!important}.bp-workspace h1{margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.4}.bp-workspace main>p{color:#7c8f80;margin-bottom:22px;font-size:13px}.bp .panel{border:1px solid var(--bp-line);background:#fff;border-radius:14px;margin:20px 0;padding:25px;box-shadow:0 4px 16px #23412e03}.bp .panel h2{margin:0 0 18px;font-size:18px;font-weight:600}.bp .field{flex-direction:column;gap:8px;margin:0 0 18px;display:flex}.bp .field>span{color:#5b7365;font-size:12px;font-weight:500}.bp .field input,.bp .field select,.bp .field textarea{color:#264837;background:#fcfdfb;border:1px solid #dce4dc;border-radius:8px;outline:none;width:100%;min-height:46px;padding:12px 13px}.bp .field textarea{resize:vertical;min-height:105px}.bp .field input:focus,.bp .field select:focus,.bp .field textarea:focus{border-color:#87a38a;box-shadow:0 0 0 3px #88a28612}.bp .btn{color:#fff;min-height:42px;box-shadow:none;cursor:pointer;background:#234e3f;border:1px solid #234e3f;border-radius:8px;padding:10px 18px;font-size:12px}.bp .btn.secondary{color:#41624e;background:#fff;border-color:#dce4db}.bp .btn:disabled{opacity:.45;cursor:default}.bp .accounting-fields{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.bp article{line-height:1.9;border-color:#edf0eb!important}.bp article b{font-size:13px;font-weight:600}.bp article p{color:#7b8c7e;font-size:12px}.bp article .btn+.btn{margin-inline-start:8px}.bp .notice{background:#ecf3e8;border:1px solid #dce5d9;border-radius:10px;padding:15px 20px;font-size:13px}.bp .notice.error{color:#9b5f44;background:#fff1eb;border-color:#efdbcf}.bp-loading{color:#78907c;background:#f4f6f2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.bp-loading img{width:150px}.bp-loading p{margin-top:24px;font-size:13px}.bp-login{background:#fafbf8;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.bp-login-brand{color:#fff;background:#173e38;flex-direction:column;justify-content:center;padding:12vh 11%;display:flex;position:relative;overflow:hidden}.bp-login-brand:after{content:"";top:10%;border:1px solid #ffffff0a;border-radius:50%;width:600px;height:600px;position:absolute;inset-inline-end:-350px}.bp-login-brand img{background:#fff;border-radius:10px;width:180px;margin-bottom:60px;padding:12px}.bp-login-brand .bp-eyebrow{color:#91b1a0}.bp-login-brand h2{margin:16px 0;font-size:43px;font-weight:500;line-height:1.3}.bp-login-brand p{color:#a4bfb0;max-width:310px;font-size:14px;line-height:2}.bp-login-brand-footer{letter-spacing:2px;color:#8eab9c;margin-top:80px;font-size:10px}.bp-login-form{place-self:center;width:100%;max-width:460px;padding:55px 40px}.bp-login-form>.btn.secondary{float:inline-end;color:#43644c;background:0 0;border:1px solid #dae3d9;border-radius:7px;padding:5px 12px;font-size:11px}.bp-login-form h1{clear:both;color:#97a38f;padding-top:45px;font-size:14px;font-weight:400}.bp-login-form>p:first-of-type{display:none}.bp-login-form h2{color:#254c38;margin:14px 0 12px;font-size:29px;font-weight:600}.bp-login-form p{color:#8b9887;font-size:12px;line-height:1.9}.bp-login-form form{margin-top:28px}.bp-login-form .field{color:#5f765f;flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.bp-login-form input{color:#2a4f37;background:#fff;border:1px solid #dce4d8;border-radius:8px;outline:none;width:100%;min-height:47px;padding:12px}.bp-login-form input:focus{border-color:#8da88a;box-shadow:0 0 0 3px #8da88a11}.bp-login-form form>.btn{color:#fff;cursor:pointer;background:#244d3b;border:0;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px}.bp-login-form form>.btn:disabled{opacity:.5}.bp-login-form>p:last-child{border-top:1px solid #e2e8dc;margin-top:30px;padding-top:22px;font-size:11px}.bp-login-form [role=alert]{color:#ae5d3f;background:#fff0e8;border-radius:7px;padding:10px}:is(.bp button:focus-visible,.bp-login button:focus-visible){outline-offset:3px;outline:3px solid #c19365}@media (min-width:1500px){.bp{grid-template-columns:260px minmax(0,1fr)}.bp-body{padding-top:40px}}@media (max-width:1000px){.bp{grid-template-columns:190px minmax(0,1fr)}.bp-sidebar{padding:28px 13px}.bp-body{padding:26px}.bp-topbar{padding:0 26px}.bp-hero{padding:30px}.bp-hero h1{font-size:29px}.bp-hero-mark{display:none}.bp-service-card{padding:22px!important}.bp-login-brand{padding:9vh 12%}.bp-login-brand h2{font-size:34px}}@media (max-width:700px){.bp{display:block}.bp-sidebar{height:auto;padding:18px 20px 0;display:block;position:static}.bp-brand{border:0;flex-direction:row;align-items:center;gap:14px;padding:0 0 14px}.bp-brand img{border-radius:6px;width:92px;height:45px;padding:4px}.bp-brand span{font-size:9px}.bp-nav-label,.bp-sidebar-bottom{display:none}.bp-navigation{justify-content:space-between;gap:4px;display:flex}.bp-navigation button{border-radius:8px 8px 0 0;flex:1;justify-content:center;gap:7px;padding:13px 12px;font-size:12px}.bp-navigation button.active{box-shadow:inset 0 -3px #d79b72}.bp-navigation svg{width:17px;height:17px}.bp-topbar{height:65px;padding:0 20px}.bp-breadcrumb{gap:8px;font-size:10px}.bp-top-actions{gap:12px}.bp .bp-top-actions .btn{min-height:30px;padding:4px 8px;font-size:9px}.bp-logout{font-size:10px!important}.bp-body{padding:23px 20px}.bp-context{align-items:flex-start;gap:15px;margin-bottom:23px}.bp-context h2{font-size:22px}.bp-switch label{font-size:10px}.bp-switch select{min-width:110px;max-width:135px;padding:7px;font-size:11px}.bp .bp-switch .btn{min-height:34px;padding:6px 9px;font-size:10px}.bp-eyebrow{font-size:9px}.bp-hero{border-radius:13px;padding:27px 23px}.bp-hero h1{margin:13px 0 10px;font-size:27px}.bp-hero p{font-size:12px}.bp-hero .bp-eyebrow{letter-spacing:.8px;font-size:8px}.bp-section-heading{margin-top:26px}.bp-section-heading h2{font-size:16px}.bp-section-heading>span{font-size:10px}.bp-service-grid{grid-template-columns:1fr;gap:14px}.bp-service-card{border-radius:12px;padding:22px!important}.bp-service-card h3{margin-top:16px;font-size:20px}.bp-service-card p{max-width:none;min-height:0;margin-bottom:19px;font-size:12px}.bp-help{margin-top:20px;padding:17px}.bp-help p{font-size:11px}.bp-footer{margin-top:28px}.bp-workspace h1{font-size:24px}.bp .panel{padding:20px}.bp .accounting-fields{grid-template-columns:1fr;gap:0}.bp .field input,.bp .field select,.bp .field textarea{font-size:16px}.bp .btn{white-space:normal;max-width:100%}.bp-login{display:block}.bp-login-brand{min-height:0;padding:26px 28px 30px}.bp-login-brand img{width:112px;margin-bottom:24px;padding:6px}.bp-login-brand h2{margin:10px 0 0;font-size:29px}.bp-login-brand p{max-width:100%;margin-bottom:0;font-size:12px}.bp-login-brand-footer{display:none}.bp-login-form{max-width:460px;margin:auto;padding:26px 28px 35px}.bp-login-form h1{padding-top:25px}.bp-login-form h2{font-size:26px}.bp-login-form input{font-size:16px}.bp-login-form form{margin-top:22px}}.bp-history-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.bp-history-heading h2{margin:0 0 5px!important}.bp-history-heading p{color:#7a8c7f;margin:0;font-size:12px}.bp-history-count{color:#68815f;background:#edf2e9;border-radius:50%;place-items:center;min-width:31px;height:31px;font-size:12px;display:grid}.bp-transfer-cards{gap:18px;display:grid}.bp article.bp-transfer-card{background:#fdfefa;border-radius:13px;overflow:hidden;border:1px solid #e0e7de!important;padding:23px!important}.bp-transfer-card-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.bp-transfer-person{align-items:center;gap:12px;min-width:0;display:flex}.bp-person-avatar{color:#6d8563;background:#e9eee3;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.bp-transfer-person h3{color:#244936;margin:0 0 3px;font-size:15px;font-weight:600;line-height:1.6}.bp-transfer-number{color:#96a08f;overflow-wrap:anywhere;font-family:Arial,sans-serif;font-size:10px;display:inline-block}.bp-transfer-status{white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:500;line-height:1.6}.bp-transfer-status.received{color:#477553;background:#eaf3e8}.bp-transfer-status.pending{color:#a27b43;background:#faf0de}.bp-transfer-status.cancelled{color:#977d73;background:#f3ebe8}.bp-transfer-route{grid-template-columns:1fr 60px 1fr;align-items:center;gap:10px;max-width:500px;margin:23px auto 26px;display:grid}.bp-transfer-branch{text-align:center;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.bp-transfer-direction{color:#8c9b88;font-size:10px}.bp-transfer-logo{background:#fff;border:1px solid #e7ece2;border-radius:17px;place-items:center;width:76px;height:76px;padding:9px;display:grid;overflow:hidden;box-shadow:0 3px 12px #173e3805}.bp-transfer-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.bp-transfer-logo>span{color:#a0b097;font-size:28px}.bp-transfer-branch strong{color:#4a6652;line-height:1.6;font-size:12px!important;font-weight:500!important}.bp-transfer-arrow{color:#a5b59b;text-align:center;padding-top:12px;font-size:28px}.bp-transfer-dates{border-top:1px dashed #e0e6d9;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;padding-top:17px;display:grid}.bp-transfer-dates>div{flex-direction:column;gap:4px;display:flex}.bp-transfer-dates span{color:#95a08d;font-size:10px}.bp-transfer-dates time{color:#546e55;font-size:12px;line-height:1.8}.bp-transfer-card-footer{border-top:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:14px;margin-top:19px;padding-top:15px;display:flex}.bp-transfer-card-footer>span{color:#9aa590;font-size:10px}.bp-transfer-card-footer>div{align-items:center;gap:12px;display:flex}.bp .bp-transfer-card-footer .btn{background:#fdfefa;min-height:35px;padding:7px 13px;font-size:11px}.bp-transfer-cancel{color:#aa7863;background:0 0;border:0;padding:8px;font-size:11px!important}.bp-history-empty{text-align:center;color:#95a18e;padding:30px 10px;font-size:13px}@media (max-width:700px){.bp article.bp-transfer-card{padding:17px!important}.bp-transfer-card-head{flex-wrap:wrap;gap:11px}.bp-transfer-person h3{font-size:14px}.bp-transfer-status{font-size:9px}.bp-transfer-logo{border-radius:14px;width:66px;height:66px}.bp-transfer-route{grid-template-columns:1fr 32px 1fr;gap:6px;margin:20px auto}.bp-transfer-branch strong{font-size:11px!important}.bp-transfer-dates{grid-template-columns:1fr 1fr;gap:12px}.bp-transfer-dates time{font-size:11px}.bp-transfer-card-footer{flex-wrap:wrap}.bp-transfer-card-footer>div{margin-inline-start:auto}.bp-transfer-number{font-size:9px}.bp-transfer-history.panel{padding:17px}.bp-history-heading p{font-size:11px}}.bp-login-identity{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:390px;margin-bottom:43px;display:flex;position:relative}.bp-login-brand .bp-login-athafi{border-radius:10px;width:180px;max-width:60%;height:auto;margin:0 0 26px;padding:12px}.bp-login-logos{border-top:1px solid #ffffff16;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;width:100%;padding-top:23px;display:grid}.bp-login-restaurant{aspect-ratio:1;background:#fff;border:1px solid #ffffff12;border-radius:10px;place-items:center;padding:7px;display:grid;overflow:hidden}.bp-login-brand .bp-login-restaurant img{object-fit:contain;background:0 0;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0}.bp-login-brand .bp-login-identity~.bp-eyebrow{margin-top:0}@media (max-width:1000px){.bp-login-logos{gap:7px}.bp-login-restaurant{border-radius:8px;padding:5px}.bp-login-identity{margin-bottom:32px}}@media (max-width:700px){.bp-login-identity{max-width:335px;margin:0 auto 25px}.bp-login-brand .bp-login-athafi{width:136px;margin-bottom:18px;padding:8px}.bp-login-logos{gap:9px;padding-top:17px}.bp-login-restaurant{border-radius:8px;padding:6px}.bp-login-brand h2{font-size:27px}}.bp-footer.bp-brand-footer{margin-top:36px;padding-top:22px;display:block}.bp-footer-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.bp-footer-heading>span{letter-spacing:.28em;color:#90a39b;font-size:10px}.bp-footer-heading>p{color:#71867c;margin:0;font-size:12px}.bp-footer-brands{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bp-footer-brands li{margin:0;padding:0}.bp-footer-logo{background:#fff;border:1px solid #e1e8df;border-radius:16px;place-items:center;width:54px;height:54px;transition:transform .18s,border-color .18s;display:grid;box-shadow:0 2px 6px #203f3b04}.bp-footer-logo img{object-fit:contain;border-radius:8px;width:44px;height:44px;display:block}.bp-footer-logo:hover{border-color:#adbdaf;transform:translateY(-3px)}.bp-footer-caption{text-align:center;color:#93a197;margin:16px 0 0!important;font-size:10px!important}@media (max-width:700px){.bp-footer.bp-brand-footer{margin-top:26px;padding-top:18px}.bp-footer-brands{gap:8px}.bp-footer-logo{border-radius:14px;width:48px;height:48px}.bp-footer-logo img{width:38px;height:38px}.bp-footer-heading{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.bp-footer-logo{transition:none}.bp-footer-logo:hover{transform:none}}.bpex{max-width:1060px;margin:auto}.bpex-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.bpex-heading h2{margin:4px 0;font-size:28px}.bpex-heading p{color:#78867f;margin:0}.bpex-create{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.bpex-create button{cursor:pointer;text-align:center;min-height:150px;font:inherit;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:25px 18px;display:flex}.bpex-capture{color:#fff;background:#204f40;border:1px solid #204f40}.bpex-capture svg{color:#dce6cf;width:31px;height:31px;margin-bottom:4px}.bpex-create strong{font-size:18px}.bpex-create small{opacity:.75;font-size:12px}.bpex-manual{color:#254a3e;background:#f7f7ee;border:1px solid #dfe6d8}.bpex-manual>span{color:#a27b4c;font-size:30px;line-height:1.2}.bpex-hint{color:#7a887f;margin:14px 2px 24px;font-size:12px;line-height:1.9}.bpex-detail{background:#fff;border:1px solid #dce5de;border-radius:20px;margin:24px 0;padding:24px;overflow:hidden}.bpex-detail-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.bpex-detail-head h3{letter-spacing:.06em;margin:8px 0 0;font-size:12px}.bpex-status{color:#66766d;white-space:nowrap;background:#eff1ee;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.bpex-status.is-approved{color:#32643a;background:#e5f0e4}.bpex-status.is-awaiting-finance{color:#926c2c;background:#fbf0da}.bpex-status.is-returned,.bpex-status.is-reading-failed{color:#a76b37;background:#fff0df}.bpex-status.is-rejected{color:#ab5548;background:#f9e8e5}.bpex-status.is-reading{color:#49748a;background:#e9f0f5}.bpex-original{color:#5c7566;background:#f7f8f5;border:1px solid #e9ece6;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:10px;font-size:12px;text-decoration:none;display:flex}.bpex-original img{object-fit:contain;background:#fff;border-radius:5px;width:64px;height:76px}.bpex-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bpex-wide{grid-column:1/-1}.bpex-fields input,.bpex-fields select,.bpex-fields textarea,.bpex-history-head select{box-sizing:border-box;color:#294a40;width:100%;font:inherit;background:#fcfdfb;border:1px solid #d8e1d7;border-radius:10px;padding:10px 12px}.bpex-fields textarea{resize:vertical}.bpex-fields label>span{color:#5b7265;margin-bottom:6px;font-size:13px;display:block}.bpex-check{align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.8;display:flex}.bpex-check input{accent-color:#245442;flex:none;width:17px;height:17px;margin-top:3px}.bpex-form>.btn{min-width:220px}.bpex-review-note{background:#fff6e8;border-inline-start:3px solid #c38c53;border-radius:6px;padding:14px 16px;font-size:14px}.bpex-reading{color:#527580;background:#eef4f5;border-radius:12px;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex}.bpex-pulse{background:#739cab;border-radius:50%;flex:none;width:10px;height:10px;animation:1.4s infinite bpex-pulse}.bpex-snapshot{flex-wrap:wrap;align-items:center;gap:12px 30px;font-size:14px;display:flex}.bpex-snapshot strong{flex:1;min-width:180px}.bpex-snapshot small{color:#89958b;width:100%;font-size:11px}.bpex-timeline{color:#76867a;border-top:1px solid #e9ece6;margin-top:22px;padding-top:16px;font-size:12px}.bpex-timeline summary{cursor:pointer}.bpex-timeline ol{padding-inline-start:20px}.bpex-timeline li{padding:6px}.bpex-timeline time{color:#94a095;margin-inline-start:18px;display:inline-block}.bpex-timeline p{margin:3px 0}.bpex-history-head{justify-content:space-between;align-items:center;gap:16px;margin:30px 0 14px;display:flex}.bpex-history-head h3{margin:0;font-size:19px}.bpex-history-head select{width:auto;font-size:12px}.bpex-history{gap:12px;display:grid}.bpex-history-card{font:inherit;text-align:start;color:#25483e;cursor:pointer;background:#fff;border:1px solid #e1e7de;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.bpex-history-card:hover,.bpex-history-card.selected{background:#fcfdf9;border-color:#a6bba7}.bpex-history-card strong{margin:8px 0 3px;font-size:15px;display:block}.bpex-history-card small{color:#95a093;font-size:10px;display:block}.bpex-history-card p{color:#997649;margin:8px 0 0;font-size:12px}.bpex-amount{white-space:nowrap;font-size:18px;font-weight:700}.bpex-amount small{text-align:end;font-weight:400}.bpex-empty{text-align:center;color:#89968a;background:#f9faf7;border:1px dashed #dce5d7;border-radius:16px;padding:36px}.bpex button:disabled{opacity:.55;cursor:wait}@keyframes bpex-pulse{50%{opacity:.35}}@media (max-width:700px){.bpex-heading{align-items:flex-start}.bpex-heading h2{font-size:24px}.bpex-heading p{font-size:12px}.bpex-heading>.btn{white-space:nowrap;padding:8px;font-size:11px}.bpex-create{grid-template-columns:1fr;gap:10px}.bpex-create button{min-height:110px;padding:18px}.bpex-manual>span{font-size:23px}.bpex-create strong{font-size:16px}.bpex-detail{padding:16px}.bpex-fields{grid-template-columns:1fr}.bpex-wide{grid-column:auto}.bpex-detail-head{gap:8px}.bpex-detail-head .bp-back{font-size:11px}.bpex-history-card{padding:14px}.bpex-amount{font-size:16px}.bpex-history-head h3{font-size:17px}.bpex-history-head select{max-width:150px}.bpex-form>.btn{width:100%}.bpex-timeline time{margin:2px 0 0;display:block}.bpex-empty{padding:25px}}@media (prefers-reduced-motion:reduce){.bpex-pulse{animation:none}}@media (max-width:700px){.bp-navigation{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.bp-navigation button{white-space:normal;flex-direction:column;gap:5px;min-width:0;padding:10px 3px;font-size:11px;line-height:1.35}.bp-navigation button span{overflow-wrap:break-word}.bp-navigation svg{flex:none}}