@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";html{background:#e2e8f0}body{overflow-x:hidden}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #6575f5}.login-page{background:#f3f5f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-page .crud-modal{width:min(100%,460px);padding:32px;position:static}.session-logout{z-index:80;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:12px;position:fixed;bottom:12px;left:12px}:root{color:#27313f;font-synthesis:none;background:#e9eef4;font-family:Manrope,Cairo,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{background:#e9eef4;min-height:100vh;display:flex}.sidebar{z-index:20;background:#e9eef4;flex-direction:column;width:250px;padding:28px 20px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;box-shadow:8px 0 24px #a3b1c638}.brand{align-items:center;gap:12px;height:52px;padding-inline:10px;font-size:18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#6575f5,#525fd1);border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid;box-shadow:5px 5px 10px #c5cad0,-5px -5px 10px #fff}.sidebar nav{gap:12px;margin-top:54px;display:grid}.nav-item{color:#768294;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.nav-item svg,.stat-icon svg,.empty-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px}.server-status{border-radius:16px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex;box-shadow:5px 5px 11px #cbd1d8,-5px -5px 11px #fff}.server-status div{display:grid}.server-status strong{font-size:12px}.server-status small{color:#8993a2;margin-top:3px;font-size:10px}.status-dot{background:#58c899;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #d2eee3}main{width:calc(100% - 250px);margin-inline-start:250px}header{border-bottom:1px solid #a0aab929;justify-content:space-between;align-items:center;height:88px;padding:0 40px;display:flex}.search{color:#8993a2;border-radius:14px;align-items:center;gap:10px;width:min(420px,42vw);height:44px;padding:0 16px;display:flex;box-shadow:inset 3px 3px 7px #cbd1d8,inset -3px -3px 7px #fff}.search input{color:#27313f;background:0 0;border:0;outline:0;width:100%}.header-actions{align-items:center;gap:14px;display:flex}.language,.date-pill,.panel-heading button{color:#647082;cursor:pointer;background:#e9eef4;border:0;border-radius:11px;padding:10px 14px;box-shadow:4px 4px 9px #cbd1d8,-4px -4px 9px #fff}.icon-button{color:#657083;cursor:pointer;background:#e9eef4;border:0;border-radius:12px;width:42px;height:42px;box-shadow:4px 4px 9px #cbd1d8,-4px -4px 9px #fff}.avatar{color:#fff;background:linear-gradient(145deg,#f3d4b7,#c8906a);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.menu-button{display:none}.content{padding:38px 40px}.page-title{justify-content:space-between;align-items:end;display:flex}.page-title p{color:#6674e8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:700}.page-title h1{margin:0;font-size:28px}.page-title span{color:#8791a0;margin-top:8px;font-size:14px;display:block}.date-pill{font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;display:grid}.stat-card,.panel{background:#e9eef4;border-radius:20px;box-shadow:8px 8px 18px #cbd1d8,-8px -8px 18px #fff}.stat-card{align-items:center;gap:16px;padding:22px;display:flex}.stat-icon{color:#6876e9;background:#dde2fd;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.stat-card span{color:#8791a0;font-size:12px}.stat-card h2{margin:5px 0 0;font-size:23px}.stat-card small{color:#58ad8a;font-size:10px}.color-1{color:#df9853;background:#f8e6d4}.color-2{color:#51ad91;background:#d5eee7}.color-3{color:#b068d3;background:#ecddf4}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:22px;margin-top:26px;display:grid}.panel{min-height:330px;padding:25px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading span{color:#8791a0;text-transform:uppercase;font-size:11px}.panel-heading h2{margin:5px 0 0;font-size:17px}.panel-heading button{font-size:11px}.chart{background:repeating-linear-gradient(#0000 0 52px,#a0aab929 53px);border-bottom:1px solid #d0d7df;height:230px;margin-top:20px;position:relative}.chart-line{filter:drop-shadow(0 5px 4px #6977e833);border-top:3px solid #6977e8;border-radius:50%;position:absolute;inset:35% 3% 20%;transform:skewY(-5deg)}.chart-labels{color:#929ba8;justify-content:space-between;font-size:10px;display:flex;position:absolute;inset:auto 0 -22px}.activity .panel-heading h2{font-size:17px}.empty-state{text-align:center;color:#8b95a3;place-content:center;justify-items:center;height:230px;display:grid}.empty-icon{border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 4px 4px 8px #cbd1d8,inset -4px -4px 8px #fff}.empty-state p{max-width:220px;font-size:12px;line-height:1.7}.scrim{display:none}[dir=rtl] .sidebar{box-shadow:-8px 0 24px #a3b1c638}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-110%)}[dir=rtl] .sidebar{transform:translate(110%)}.sidebar.open{transform:none}.scrim{z-index:10;background:#27313f4d;border:0;display:block;position:fixed;inset:0}main{width:100%;margin:0}.menu-button{display:block}header{height:72px;padding:0 18px}.search{display:none}.content{padding:26px 18px}.page-title{align-items:start}.date-pill{display:none}.page-title h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.stat-card{gap:10px;padding:17px 14px}.stat-icon{width:40px;height:40px}.stat-card h2{font-size:18px}.dashboard-grid{margin-top:18px}.panel{min-height:300px;padding:20px}.language{padding:9px 11px}.header-actions{gap:9px}}@media (width<=430px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.page-title span{font-size:12px}}:root{--page:#e2e8f0;--surface:#f4f7fb}.sidebar{background:var(--surface);box-shadow:8px 0 24px #74829440}.nav-item:hover{color:#5968df;background:#e9eef6}.nav-item.active{color:#fff;background:linear-gradient(145deg,#7180f4,#5665da);box-shadow:5px 5px 12px #c3cad4,-5px -5px 12px #fff}.server-status{background:#fff;border:1px solid #e2e7ed}.search{background:var(--surface);border:1px solid #dce3eb;box-shadow:4px 4px 10px #c4ccd6,-4px -4px 10px #fff}.language,.date-pill,.panel-heading button,.icon-button{background:var(--surface);border:1px solid #dce3eb;box-shadow:4px 4px 9px #c4ccd6,-4px -4px 9px #fff}.stat-card,.panel{background:var(--surface);border:1px solid #dce3eb;box-shadow:8px 8px 18px #bec7d2,-8px -8px 18px #fff}.empty-icon{background:#e7edf4}.app-shell{background:linear-gradient(135deg,#e8efff 0%,#f2eafa 45%,#e8f6f3 100%)}header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7fbb8;border-bottom-color:#7468d221}.sidebar{background:linear-gradient(#f7f9ff 0%,#f0edff 52%,#ecf8f4 100%)}.brand-mark{background:linear-gradient(135deg,#7657e8,#4d7cf2 55%,#3abfa2)}.page-title p{color:#7458dc}.page-title h1{color:#0000;background:linear-gradient(90deg,#3c4e75,#7255bd);-webkit-background-clip:text;background-clip:text}.stat-card{transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px)}.stat-card:after{content:"";opacity:.28;border-radius:50%;width:90px;height:90px;position:absolute;inset-block-start:-45px;inset-inline-end:-35px}.stat-card:first-child{background:linear-gradient(145deg,#f8f6ff,#eee9ff);border-color:#dcd3ff}.stat-card:first-child:after{background:#7657e8}.stat-card:nth-child(2){background:linear-gradient(145deg,#fff9f1,#ffeedb);border-color:#f4d9b7}.stat-card:nth-child(2):after{background:#f09a45}.stat-card:nth-child(3){background:linear-gradient(145deg,#f2fcf8,#dcf5ec);border-color:#c1e9db}.stat-card:nth-child(3):after{background:#38b995}.stat-card:nth-child(4){background:linear-gradient(145deg,#fff5fb,#f5e2f1);border-color:#eacbe2}.stat-card:nth-child(4):after{background:#d85da7}.stat-card:first-child small{color:#7458dc}.stat-card:nth-child(2) small{color:#d77e27}.stat-card:nth-child(3) small{color:#229876}.stat-card:nth-child(4) small{color:#bd428d}.chart-panel{background:linear-gradient(145deg,#f8f7ff,#edf1ff);border-top:4px solid #6e67e8}.activity{background:linear-gradient(145deg,#f5fcfa,#e7f6f1);border-top:4px solid #39b995}.chart-line{filter:drop-shadow(0 6px 5px #745fe34d);border-color:#745fe3}.language{color:#fff;background:linear-gradient(135deg,#7959df,#5e78eb);border:0}.icon-button{color:#6b58c7;background:#f5f1ff;border-color:#ddd3fa}.date-pill{color:#7254c5;background:#f4efff;border-color:#ddd2fa}.server-status{background:linear-gradient(135deg,#f2fff9,#e1f8ee);border-color:#bfe7d7}.empty-icon{color:#31a786;background:linear-gradient(145deg,#e1f8ef,#f5fffb)}.settings-page{padding:38px 40px}.settings-title{justify-content:space-between;align-items:end;display:flex}.settings-title p{color:#7458dc;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:700}.settings-title h1{margin:0;font-size:28px}.settings-title span{color:#8791a0;margin-top:8px;font-size:14px;display:block}.primary-button{cursor:pointer;border-radius:12px;padding:11px 17px;color:#fff!important;background:linear-gradient(135deg,#7558df,#547ce9)!important;border:0!important;box-shadow:5px 5px 12px #5853af40!important}.settings-tabs{gap:10px;padding:26px 4px 18px;display:flex;overflow-x:auto}.settings-tabs button{white-space:nowrap;color:#6d7787;cursor:pointer;background:#f4f7fb;border:1px solid #dce3eb;border-radius:12px;padding:11px 15px;box-shadow:3px 3px 7px #c6ced8,-3px -3px 7px #fff}.settings-tabs button:nth-child(2n){background:#f5f0ff}.settings-tabs button:nth-child(3n){background:#eefaf6}.settings-tabs button.selected{color:#fff;background:linear-gradient(135deg,#7257db,#597bec);border-color:#0000;box-shadow:4px 5px 11px #5b56b847}.settings-table-card{background:#f8faffe6;border:1px solid #dce3eb;border-radius:20px;overflow:hidden;box-shadow:8px 8px 18px #bec7d2,-8px -8px 18px #fff}.table-toolbar{border-bottom:1px solid #e0e5ed;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.table-toolbar h2{margin:0;font-size:17px}.table-toolbar input{background:#fff;border:1px solid #dbe1eb;border-radius:11px;outline:none;width:250px;padding:10px 13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:start;border-bottom:1px solid #e5e9ef;padding:16px 24px;font-size:13px}th{color:#7d8795;text-transform:uppercase;background:#f0f3fa;font-size:11px}td strong{display:block}td small{color:#929ba8;margin-top:4px;display:block}td code{color:#6d56c8;background:#eee9fc;border-radius:7px;padding:5px 8px}.badge{color:#218b6d;background:#dff5ec;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.badge.off{color:#a26068;background:#f6e4e6}.row-actions{gap:7px;display:flex}.row-actions button{color:#6751bd;cursor:pointer;background:#e9e5fb;border:0;border-radius:8px;padding:7px 10px}.row-actions .danger{color:#bd5865;background:#fae8eb}.table-empty{text-align:center;color:#8e98a6;padding:55px}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f273e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.crud-modal{background:#f5f7fc;border:1px solid #ffffffb3;border-radius:22px;width:min(620px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 25px 70px #252a494d}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-head button{color:#6f7987;cursor:pointer;background:#e9edf4;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label{gap:7px;display:grid}.form-grid label>span{color:#687385;font-size:12px;font-weight:600}.form-grid input,.form-grid textarea{background:#fff;border:1px solid #d9e0e9;border-radius:11px;outline:none;width:100%;padding:11px 12px}.form-grid textarea{resize:vertical;min-height:80px}.form-grid .wide{grid-column:1/-1}.form-grid .toggle{align-items:center;gap:9px;display:flex}.form-grid .toggle input{width:18px;height:18px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-actions button{color:#667184;cursor:pointer;background:#edf1f6;border:1px solid #d8dee8;border-radius:11px;padding:10px 18px}.form-error{color:#ad4553;background:#fce8eb;border-radius:9px;margin:12px 24px;padding:10px 13px;font-size:12px}@media (width<=760px){.settings-page{padding:26px 18px}.settings-title{align-items:start}.settings-title h1{font-size:23px}.settings-title span{font-size:12px}.primary-button{padding:10px 12px}.settings-tabs{margin-inline:-18px;padding-inline:18px}.table-toolbar{flex-direction:column;align-items:start;gap:12px}.table-toolbar input{width:100%}th,td{padding:14px 16px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.crud-modal{padding:20px}}.form-grid select{color:#27313f;background:#fff;border:1px solid #d9e0e9;border-radius:11px;outline:none;width:100%;padding:11px 12px}.file-field{background:#f3f0ff;border:1px dashed #b9afe6;border-radius:13px;padding:14px}.file-field input{background:0 0;border:0;padding:6px 0}.file-field small{color:#8a839e}.document-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.document-list a{color:#6751bd;background:#e8e2fa;border-radius:8px;padding:7px 10px;font-size:11px;text-decoration:none}.field-label{color:#687385;margin-bottom:9px;font-size:12px;font-weight:600;display:block}.permission-groups{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.permission-groups fieldset{background:#f5f2ff;border:1px solid #dcd6f0;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid}.permission-groups legend{color:#6751bd;text-transform:capitalize;padding:0 6px;font-size:11px;font-weight:700}.permission-check{color:#687385;align-items:center;font-size:10px;gap:5px!important;display:flex!important}.permission-check input{height:15px;width:15px!important}.permission-check span{font-size:10px!important}.role-choices{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.permission-groups{grid-template-columns:1fr}.permission-groups fieldset{grid-template-columns:repeat(2,1fr)}}.warehouse-page{padding:38px 40px}.warehouse-title{justify-content:space-between;align-items:end;display:flex}.warehouse-title p{color:#20a884;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.warehouse-title h1{color:#0000;background:linear-gradient(90deg,#316859,#5a55bd);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px}.warehouse-title span{color:#8791a0;margin-top:8px;font-size:14px;display:block}.warehouse-tabs{gap:10px;padding:26px 4px 18px;display:flex;overflow-x:auto}.warehouse-tabs button{white-space:nowrap;color:#53786e;cursor:pointer;background:#f2fbf8;border:1px solid #cfe3dd;border-radius:12px;padding:11px 16px;box-shadow:3px 3px 7px #c5ced1,-3px -3px 7px #fff}.warehouse-tabs button:nth-child(2n){color:#665aa4;background:#f1efff;border-color:#dcd7ef}.warehouse-tabs button.selected{color:#fff;background:linear-gradient(135deg,#27ad8a,#597be9);border-color:#0000}.inventory-card{background:#f9fcfceb;border:1px solid #d7e4e1;border-radius:20px;overflow:hidden;box-shadow:8px 8px 18px #bec7d2,-8px -8px 18px #fff}.post-action{color:#218b6d!important;background:#dff5ec!important}.inventory-modal{width:min(900px,100%)}.modal-head small{color:#8c95a2;margin-top:6px;display:block}.transaction-lines{background:#eef4f6;border:1px solid #dce2ea;border-radius:14px;padding:13px}.lines-head{color:#536276;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:12px;font-weight:700;display:flex}.lines-head button{color:#258a70;cursor:pointer;background:#dff3ed;border:0;border-radius:8px;padding:7px 10px}.line-row{grid-template-columns:1.4fr repeat(4,1fr) 34px;gap:7px;margin-top:7px;display:grid}.line-row input,.line-row select{background:#fff;border:1px solid #d8e0e6;border-radius:8px;min-width:0;padding:9px;font-size:11px}.line-row button{color:#b44959;cursor:pointer;background:#f9e2e6;border:0;border-radius:8px}@media (width<=760px){.warehouse-page{padding:26px 18px}.warehouse-title{align-items:start}.warehouse-title h1{font-size:23px}.warehouse-title span{font-size:12px}.warehouse-tabs{margin-inline:-18px;padding-inline:18px}.line-row{grid-template-columns:1fr 1fr}.line-row button{min-height:36px}}.warehouse-page .module-layout{grid-template-columns:minmax(0,1fr)}.warehouse-page .module-layout>.module-submenu{display:none!important}.module-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:20px;margin-top:28px;display:grid}.module-body{min-width:0}.module-submenu{background:#f8faffe6;border:1px solid #dbe2eb;border-radius:18px;gap:7px;padding:14px;display:grid;position:sticky;top:108px;box-shadow:7px 7px 16px #c3cbd5,-7px -7px 16px #fff}.submenu-heading{color:#8a94a3;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #e1e6ed;margin-bottom:3px;padding:7px 11px 13px;font-size:10px;font-weight:800}.module-submenu button{color:#687587;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;padding:11px 10px;transition:all .18s;display:flex}.module-submenu button:hover{color:#6458c2;background:#edf1f8}.module-submenu button.selected{color:#fff;background:linear-gradient(135deg,#7659df,#587be9);box-shadow:4px 5px 11px #534fa840}.submenu-dot{background:#aeb7c5;border-radius:50%;flex:none;width:7px;height:7px}.module-submenu button.selected .submenu-dot{background:#fff;box-shadow:0 0 0 3px #fff3}.submenu-arrow{margin-inline-start:auto;font-size:17px;line-height:1}[dir=rtl] .submenu-arrow{transform:rotate(180deg)}.inventory-submenu button.selected{background:linear-gradient(135deg,#27ad8a,#597be9)}.settings-tabs,.warehouse-tabs{display:none}@media (width<=900px){.module-layout{grid-template-columns:170px minmax(0,1fr);gap:14px}.module-submenu{padding:10px}.module-submenu button{font-size:12px}}@media (width<=760px){.module-layout{margin-top:20px;display:block}.module-submenu{border-radius:15px;gap:8px;margin-bottom:15px;padding:10px;display:flex;position:static;overflow-x:auto}.submenu-heading{display:none}.module-submenu button{white-space:nowrap;flex:none;width:auto;padding:10px 13px}.submenu-arrow{display:none}}.nav-chevron{transition:transform .2s}.nav-chevron.expanded{transform:rotate(180deg)}.sidebar-children{animation:.18s ease-out submenu-open}@keyframes submenu-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.notification-wrap,.notification-button{position:relative}.notification-button>span{color:#fff;background:#e14f62;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;inset-block-start:-6px;inset-inline-end:-6px;box-shadow:0 3px 7px #be374b59}.notification-panel{z-index:50;background:#f8f7ff;border:1px solid #ded8ef;border-radius:16px;width:310px;max-height:380px;padding:10px;position:absolute;inset-block-start:52px;inset-inline-end:0;overflow:auto;box-shadow:0 18px 45px #3230523d}.notification-title{color:#5d4db1;padding:9px 10px;font-size:12px;font-weight:800}.notification-panel>p{text-align:center;color:#8b94a3;padding:18px;font-size:12px}.notification-panel>button{color:#394454;text-align:start;cursor:pointer;background:#fff4f5;border:0;border-radius:11px;gap:4px;width:100%;margin-top:6px;padding:11px;display:grid}.notification-panel>button:hover{background:#fee7ea}.notification-panel small{color:#9b5862;font-size:10px}.stock-low{color:#d4485b}@media (width<=430px){.notification-panel{width:auto;position:fixed;inset-block-start:65px;inset-inline:12px}}.sidebar-submenu-layout{grid-template-columns:minmax(0,1fr);margin-top:28px;display:block}.sidebar-submenu-layout>.module-submenu{display:none!important}.nav-group{display:grid}.nav-chevron{margin-inline-start:auto}.sidebar-children{border-inline-start:2px solid #d9ddec;gap:4px;margin:5px 8px 8px;padding-inline-start:20px;display:grid}.sidebar-children button{color:#7d8797;text-align:start;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:11px}.sidebar-children button:hover{color:#6256bf;background:#eeeafa}.sidebar-children button.current{color:#fff;background:linear-gradient(135deg,#28a987,#6673df);font-weight:700}.sidebar{overflow:visible}.sidebar nav{scrollbar-width:thin;scrollbar-color:#b9b4df transparent;flex:1;min-height:0;margin-inline:-7px;padding:3px 7px 16px;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#b9b4df;border-radius:10px}.sidebar .server-status{flex:none;margin-top:14px}.clients-nav{width:100%;margin-top:12px}.clients-page{padding:38px 40px}.clients-title,.client-detail-head{justify-content:space-between;align-items:end;display:flex}.clients-title p,.client-detail-head p{color:#d07042;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.clients-title h1,.client-detail-head h1{color:#0000;background:linear-gradient(90deg,#be663e,#7055c4);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px}.clients-title span,.client-detail-head span{color:#8791a0;margin-top:8px;font-size:14px;display:block}.clients-card,.client-panel{background:#fbf9fdf0;border:1px solid #e2dce9;border-radius:20px;box-shadow:8px 8px 18px #bec7d2,-8px -8px 18px #fff}.clients-card{margin-top:28px;overflow:hidden}.client-toolbar{border-bottom:1px solid #e4e0e9;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.client-toolbar>input,.bulk-tools select{background:#fff;border:1px solid #ddd9e5;border-radius:10px;outline:none;padding:10px 12px}.client-toolbar>input{width:260px}.bulk-tools{align-items:center;gap:9px;display:flex}.bulk-tools button,.detail-actions>button,.client-back{color:#6854af;cursor:pointer;background:#f3effa;border:1px solid #ddd7e8;border-radius:10px;padding:9px 13px}.bulk-tools button:disabled{opacity:.45;cursor:not-allowed}.bulk-tools small{color:#8b8497}.client-link{color:#6251b2;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.due{color:#c55363}.client-back{margin-bottom:20px}.detail-actions{gap:10px;display:flex}.client-kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0;display:grid}.client-kpi{background:linear-gradient(145deg,#faf8ff,#eeeafa);border:1px solid #dfdaea;border-radius:16px;gap:8px;padding:18px;display:grid;box-shadow:5px 5px 12px #c7ced7,-5px -5px 12px #fff}.client-kpi span{color:#858e9c;font-size:11px}.client-kpi strong{font-size:20px}.danger-kpi{background:linear-gradient(145deg,#fff8f7,#fae9eb);border-color:#efd2d6}.danger-kpi strong{color:#bd4e5d}.client-detail-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.client-panel{min-width:0;padding:22px}.client-panel h2{margin:0 0 18px;font-size:17px}.wide-panel{grid-column:1/-1}.panel-title{justify-content:space-between;align-items:center;display:flex}.project-block{background:#fff;border:1px solid #e2deea;border-radius:13px;margin-top:11px;padding:15px}.project-block>div:first-child,.summary-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-block small,.summary-row small{color:#9299a5;margin-top:6px;display:block}.project-block h3{color:#83749f;text-transform:uppercase;margin:17px 0 8px;font-size:11px}.phase-row{grid-template-columns:120px 1fr 42px;align-items:center;gap:10px;margin-top:9px;font-size:11px;display:grid}.phase-row>div{background:#ebe8f0;border-radius:5px;height:7px;overflow:hidden}.phase-row i{background:linear-gradient(90deg,#48b997,#6d68de);border-radius:5px;height:100%;display:block}.phase-row b{text-align:end}.summary-row{border-bottom:1px solid #e8e4ec;padding:13px 0}.client-panel>p{color:#929aa6;font-size:12px}.wide-panel .table-empty{margin:0}.clients-card table{min-width:1150px}.clients-card th,.clients-card td{padding:14px 15px}.clients-card .row-actions{flex-wrap:wrap}.client-detail-head .detail-actions span{margin:0}@media (width<=1100px){.client-kpis{grid-template-columns:repeat(3,1fr)}.client-detail-grid{grid-template-columns:1fr}}@media (width<=760px){.clients-page{padding:26px 18px}.clients-title,.client-detail-head{align-items:start;gap:18px}.clients-title h1,.client-detail-head h1{font-size:23px}.client-toolbar{flex-direction:column;align-items:stretch}.client-toolbar>input{width:100%}.bulk-tools{flex-wrap:wrap}.client-kpis{grid-template-columns:1fr 1fr}.detail-actions{flex-direction:column}.wide-panel{grid-column:auto}}.sidebar-toggle{color:#6557bd;cursor:pointer;z-index:2;background:linear-gradient(145deg,#fff,#f4f6fc);border:1px solid #d8ddeb;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:23px;line-height:1;transition:color .18s,box-shadow .18s,transform .18s;display:grid;position:absolute;inset-block-start:30px;inset-inline-end:-18px;box-shadow:0 5px 14px #41486433}.sidebar-toggle:hover{color:#4f43aa;box-shadow:0 7px 18px #41486445}.sidebar-toggle:focus-visible{outline-offset:3px;outline:3px solid #6557bd3d}.sidebar-toggle:active{box-shadow:0 3px 8px #41486433}.mobile-close{display:none}.sidebar,.sidebar+main,main.sidebar-is-collapsed{transition:width .22s,margin .22s}.sidebar.collapsed{width:82px;padding-inline:14px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand strong,.sidebar.collapsed .nav-item>span:not(.nav-chevron),.sidebar.collapsed .nav-chevron,.sidebar.collapsed .sidebar-children,.sidebar.collapsed .server-status div{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-inline:10px}.sidebar.collapsed .sidebar-children{display:none!important}.sidebar.collapsed .server-status{justify-content:center;padding:14px 8px}.sidebar.collapsed nav{margin-top:54px}.sidebar.collapsed .clients-nav{margin-top:12px}main.sidebar-is-collapsed{width:calc(100% - 82px);margin-inline-start:82px}@media (width<=760px){.sidebar.collapsed{width:250px;padding:28px 20px}.sidebar.collapsed .brand{justify-content:flex-start;padding-inline:10px}.sidebar.collapsed .brand strong,.sidebar.collapsed .nav-item>span:not(.nav-chevron),.sidebar.collapsed .nav-chevron,.sidebar.collapsed .server-status div{display:initial}.sidebar.collapsed .nav-item{justify-content:flex-start;padding-inline:16px}.sidebar-toggle{inset-block-start:38px;inset-inline-end:15px}.desktop-toggle{display:none}.mobile-close{display:block}[dir=rtl] .sidebar-toggle{transform:none}main.sidebar-is-collapsed{width:100%;margin:0}.sidebar nav{margin-top:30px}.sidebar .server-status{margin-top:10px}}.projects-page{padding:38px 40px}.projects-title,.project-detail-head{justify-content:space-between;align-items:end;display:flex}.projects-title p,.project-detail-head p{color:#337eaa;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.projects-title h1,.project-detail-head h1{color:#0000;background:linear-gradient(90deg,#267da5,#7058c5);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px}.projects-title span,.project-detail-head span{color:#8791a0;margin-top:8px;display:block}.project-detail-head>button{color:#6457b9;cursor:pointer;background:#f5f7fc;border:1px solid #dadfea;border-radius:11px;padding:10px 16px}.projects-card,.project-box{background:#f8fbfff0;border:1px solid #dce3ec;border-radius:20px;box-shadow:8px 8px 18px #bec7d2,-8px -8px 18px #fff}.projects-card{margin-top:28px;overflow:hidden}.projects-card table{min-width:950px}.table-progress{background:#e5e8ef;border-radius:5px;width:90px;height:7px;overflow:hidden}.table-progress i{background:linear-gradient(90deg,#30ad8d,#6872dc);border-radius:5px;height:100%;display:block}.project-modal{width:min(1000px,100%)}.project-builder{background:#eef3f8;border:1px solid #dce2ea;border-radius:14px;padding:13px}.builder-row{grid-template-columns:1.2fr 1fr 1fr 36px;gap:8px;margin-top:8px;display:grid}.builder-row input,.builder-row select{min-width:0;font-size:11px;padding:9px!important}.builder-row button{color:#b44959;cursor:pointer;background:#f9e2e6;border:0;border-radius:8px}.project-kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0;display:grid}.project-kpi{background:linear-gradient(145deg,#f6fbff,#e9f2f8);border:1px solid #d9e2ed;border-radius:16px;gap:8px;padding:18px;display:grid;box-shadow:5px 5px 12px #c7ced7,-5px -5px 12px #fff}.project-kpi span{color:#7f8d9b;font-size:11px}.project-kpi strong{font-size:19px}.project-kpi.bad strong{color:#c34c5d}.project-dashboard{grid-template-columns:1fr 1fr;gap:18px;display:grid}.project-box{min-width:0;padding:22px}.project-box h2{margin:0 0 18px;font-size:17px}.wide-box{grid-column:1/-1}.workflow-phase{background:#f1f3f7;border-inline-start:3px solid #c5cbd5;border-radius:9px;align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}.workflow-phase>span{background:#dfe3ea;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.workflow-phase>div{gap:3px;display:grid}.workflow-phase small{color:#8c95a3}.workflow-phase button,.material-request>button,.box-actions button{color:#228b6e;cursor:pointer;background:#dff4ec;border:0;border-radius:8px;margin-inline-start:auto;padding:8px 10px}.workflow-phase.ready{background:#fff7eb;border-color:#e89b45}.workflow-phase.done{background:#eefaf6;border-color:#34ad89}.profit-chart{border-bottom:1px solid #d8dee7;justify-content:center;align-items:end;gap:55px;height:185px;padding-top:15px;display:flex}.profit-chart>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;width:65px;height:100%;display:flex}.profit-chart i{background:linear-gradient(#39bb94,#287f9f);border-radius:8px 8px 0 0;width:44px;min-height:3px;display:block}.profit-chart i.cost-bar{background:linear-gradient(#ee9d54,#cd5967)}.profit-chart span{color:#7f8997;font-size:10px}.finance-lines{gap:8px;margin-top:14px;display:grid}.finance-lines span{color:#7e8896;justify-content:space-between;font-size:12px;display:flex}.finance-lines b{color:#354052}.box-actions{gap:9px;margin-top:16px;display:flex}.box-actions button{margin:0}.material-request{background:#fff;border:1px solid #e0e4eb;border-radius:12px;margin-top:10px;padding:14px}.material-request>div{justify-content:space-between;display:flex}.material-request small{color:#7f8997;margin-top:8px;display:block}.material-request>button{margin-top:12px}.project-box .table-wrap table{min-width:600px}@media (width<=1050px){.project-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.projects-page{padding:26px 18px}.projects-title,.project-detail-head{align-items:start}.projects-title h1,.project-detail-head h1{font-size:23px}.project-kpis{grid-template-columns:1fr 1fr}.project-dashboard{grid-template-columns:1fr}.wide-box{grid-column:auto}.builder-row{grid-template-columns:1fr 1fr}.project-modal{padding:18px}}.tasks-page{padding:38px 40px}.tasks-title{justify-content:space-between;align-items:end;display:flex}.tasks-title p{color:#7458dc;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.tasks-title h1{margin:0;font-size:28px}.tasks-title span{color:#8791a0;margin-top:8px;display:block}.task-filters{gap:12px;margin:28px 0 18px;display:flex}.task-filters input,.task-filters select{background:#f8faff;border:1px solid #dbe1eb;border-radius:12px;outline:none;padding:11px 14px;box-shadow:3px 3px 8px #c8d0da,-3px -3px 8px #fff}.task-filters input{width:min(380px,100%)}.task-list{gap:14px;display:grid}.task-card{border:1px solid #dce3ec;background:#f8fbfff2;border-inline-start:4px solid #8793a4;border-radius:17px;grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:20px 22px;display:grid;box-shadow:6px 7px 16px #c7ced7,-6px -6px 16px #fff}.task-card.priority-high{border-inline-start-color:#e79543}.task-card.priority-urgent{border-inline-start-color:#d95568}.task-card.priority-low{border-inline-start-color:#43a98b}.task-card-main{grid-template-columns:38px minmax(0,1fr);gap:14px;display:grid}.task-check{color:#fff;background:#eef2f7;border:2px solid #ccd4df;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.task-check.done{background:#43ad8b;border-color:#43ad8b}.task-card-head{align-items:center;gap:9px;display:flex}.task-card-head code{color:#6654bd;background:#ede9fb;border-radius:7px;padding:4px 7px;font-size:10px}.task-priority,.task-status{text-transform:uppercase;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.task-priority{color:#7d6f46;background:#f3ecd8}.task-priority.high{color:#aa6429;background:#fbe7d1}.task-priority.urgent{color:#ad4052;background:#f9dfe4}.task-priority.low{color:#277d65;background:#dcf2ea}.task-card h2{margin:8px 0 5px;font-size:16px}.task-card p{color:#7f8998;margin:0;font-size:12px;line-height:1.55}.task-meta{color:#7a8594;flex-wrap:wrap;gap:12px;margin-top:13px;font-size:11px;display:flex}.task-status{color:#6255b3;background:#e9e5fa}.task-status.completed{color:#267c64;background:#daf2e9}.task-status.on_hold,.task-status.cancelled{color:#9b5260;background:#f5e1e5}.task-card-side{align-self:center}.task-progress-label{color:#7b8695;justify-content:space-between;font-size:11px;display:flex}.task-progress{background:#e2e7ee;border-radius:10px;height:7px;margin:8px 0 15px;overflow:hidden}.task-progress i{background:linear-gradient(90deg,#36ae8b,#6874df);border-radius:10px;height:100%;display:block}.task-card-side .row-actions{justify-content:flex-end}@media (width<=760px){.tasks-page{padding:26px 18px}.tasks-title{align-items:start}.tasks-title h1{font-size:23px}.task-filters{flex-direction:column}.task-filters input{width:100%}.task-card{grid-template-columns:1fr;gap:16px;padding:17px}.task-card-side .row-actions{justify-content:flex-start}}.task-modal{width:min(900px,100%)}.task-phases{gap:6px;margin-top:15px;display:grid}.task-phase{color:#737f8e;background:#eef1f6;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.task-phase>span{background:#dce1e9;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.task-phase>div{gap:2px;display:grid}.task-phase b{font-size:11px}.task-phase small{font-size:9px}.task-phase button{color:#24846a;cursor:pointer;background:#dff3ec;border:0;border-radius:7px;margin-inline-start:auto;padding:6px 9px}.task-phase.ready{background:#fff3e3}.task-phase.completed{background:#e4f5ef}.task-phase.completed>span{color:#fff;background:#43ad8b}.task-phase-builder{grid-template-columns:1fr 1.2fr 1fr 1fr 36px}@media (width<=760px){.task-phase-builder{grid-template-columns:1fr 1fr}}.hr-page{padding:38px 40px}.hr-title{justify-content:space-between;align-items:end;display:flex}.hr-title p{color:#288d72;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.hr-title h1{margin:0;font-size:28px}.hr-title span{color:#8791a0;margin-top:8px;display:block}.hr-tabs{gap:9px;margin:28px 0 18px;display:flex;overflow:auto}.hr-tabs button{color:#6c7787;cursor:pointer;text-transform:capitalize;background:#f5f8fc;border:1px solid #dbe2eb;border-radius:11px;padding:10px 14px}.hr-tabs button.selected{color:#fff;background:linear-gradient(135deg,#28aa87,#6475df);border-color:#0000}.hr-kpis{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.hr-kpis article{background:#f6f9fd;border:1px solid #dce3ec;border-radius:18px;gap:8px;padding:22px;display:grid;box-shadow:7px 7px 16px #c6ced8,-7px -7px 16px #fff}.hr-kpis span{color:#7d8998;font-size:12px}.hr-kpis strong{color:#354052;font-size:27px}@media (width<=760px){.hr-page{padding:26px 18px}.hr-title{align-items:start}.hr-kpis{grid-template-columns:1fr 1fr}}.app-shell main>header{z-index:15;position:relative}.notification-wrap{z-index:2}.notification-panel{z-index:1000}.employee-link{color:#6256bd;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.employee-analysis-layer{align-items:start;overflow:auto}.employee-analysis{background:#f4f7fb;border:1px solid #fffc;border-radius:24px;width:min(1050px,100%);margin:auto;padding:26px;box-shadow:0 28px 80px #222a4359}.employee-analysis.loading{text-align:center;margin:auto}.employee-analysis-head{align-items:center;gap:15px;display:flex}.employee-analysis-head>div:nth-child(2){flex:1}.employee-analysis-head p{color:#6b5bc3;margin:0 0 4px;font-size:11px;font-weight:800}.employee-analysis-head h2{margin:0;font-size:23px}.employee-analysis-head span{color:#7d8897;margin-top:5px;font-size:12px;display:block}.employee-analysis-head>button{color:#657083;cursor:pointer;background:#e7ebf2;border:0;border-radius:10px;width:36px;height:36px;font-size:22px}.employee-avatar{color:#fff;background:linear-gradient(135deg,#2eaa8a,#6872dc);border-radius:17px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.employee-profile-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.employee-profile-strip>span{background:#eaf0f5;border-radius:12px;gap:5px;padding:12px;display:grid}.employee-profile-strip small{color:#7f8b99}.employee-profile-strip b{font-size:12px}.employee-analysis-kpis{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.employee-analysis-kpis article{background:#fff;border-radius:15px;gap:7px;padding:16px;display:grid;box-shadow:4px 5px 12px #ccd3dc}.employee-analysis-kpis span{color:#7d8897;font-size:10px}.employee-analysis-kpis strong{font-size:19px}.employee-analysis-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.analysis-box{background:#f9fbfd;border:1px solid #dce2ea;border-radius:16px;padding:18px}.analysis-box h3{margin:0 0 14px;font-size:14px}.analysis-line{color:#7b8695;border-bottom:1px solid #e5e9ef;justify-content:space-between;gap:10px;padding:7px 0;font-size:11px;display:flex}.analysis-line b{color:#3e4856}.analysis-bar{background:#e1e6ed;border-radius:8px;height:7px;margin:9px 0 13px;overflow:hidden}.analysis-bar i{background:linear-gradient(90deg,#31ad89,#6874df);border-radius:8px;height:100%;display:block}@media (width<=760px){.employee-analysis{padding:18px}.employee-profile-strip,.employee-analysis-kpis,.employee-analysis-grid{grid-template-columns:1fr 1fr}.employee-analysis-head h2{font-size:19px}}.hr-crud-toolbar,.penalty-toolbar{justify-content:flex-end;margin-bottom:14px;display:flex}.hr-crud-modal{width:min(820px,100%)}.supplier-info{grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0;display:grid}.supplier-info span{background:#f3f7fb;border:1px solid #dce3eb;border-radius:13px;gap:5px;padding:14px;display:grid}.supplier-info small{color:#84909e}.supplier-info b{font-size:11px}@media (width<=760px){.supplier-info{grid-template-columns:1fr 1fr}}.supplier-transaction-modal{width:min(900px,100%)}.supplier-items{background:#eef3f8;border:1px solid #dce3eb;border-radius:14px;padding:14px}.supplier-item-row{grid-template-columns:1.6fr .7fr .8fr .8fr 36px;align-items:center;gap:8px;margin-top:9px;display:grid}.supplier-item-row select,.supplier-item-row input{background:#fff;border:1px solid #d9e0e9;border-radius:9px;min-width:0;padding:9px}.supplier-item-row b{text-align:center;font-size:11px}.supplier-item-row button{color:#b44959;background:#f9e2e6;border:0;border-radius:8px;height:34px}.supplier-items-total{border-top:1px solid #d8e0e8;justify-content:flex-end;gap:14px;margin-top:13px;padding-top:12px;display:flex}@media (width<=760px){.supplier-item-row{grid-template-columns:1fr 1fr}.supplier-item-row select{grid-column:1/-1}}.financial-bundle{gap:20px;display:grid}.financial-bundle .report-table-card>h2{border-bottom:1px solid #e1e7ef;margin:0;padding:16px 18px;font-size:16px}.report-row-link{cursor:pointer;transition:background .15s}.report-row-link:hover td{color:#075fae;background:#e8f3ff}.report-row-link td:first-child{font-weight:700}.report-detail{background:radial-gradient(circle at 92% 2%,#6973de1f,#0000 28%),linear-gradient(#f7f9fc,#eef3f8);min-height:calc(100vh - 78px)}.report-detail-head{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #d5deeae6;border-radius:20px;padding:22px 24px;box-shadow:0 12px 32px #33415514}.report-detail-head h1{font-size:25px}.report-detail-head span{color:#176abb;background:#e7f1ff;border-radius:999px;margin-top:10px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.report-back{color:#52637a;background:#edf2f8;border:0;align-self:flex-start;font-weight:750}.report-back:hover{color:#176abb;background:#e2eaf4}.report-filters{background:#ffffffd1;border:1px solid #dce4ef;border-radius:16px;width:max-content;max-width:100%;margin:16px 0;padding:12px 14px;box-shadow:0 7px 22px #3341550f}.report-filters label{color:#5f6f83;font-weight:750}.report-filters input{background:#f8fafd;border-color:#dbe4ef;min-width:155px;padding:10px 12px}.report-filters input:focus{border-color:#65a9eb;outline:3px solid #147be324}.report-filters button{height:39px;padding-inline:20px;font-weight:800;box-shadow:0 6px 14px #147be333}.report-table-card{background:#fff;border:1px solid #d7e0eb;border-radius:20px;box-shadow:0 16px 40px #313f521a}.report-table-card .table-wrap{max-height:calc(100vh - 330px);overflow:auto}.report-table-card .table-wrap::-webkit-scrollbar{width:8px;height:8px}.report-table-card .table-wrap::-webkit-scrollbar-thumb{background:#b8c5d5;border:2px solid #fff;border-radius:10px}.report-table-card table{border-collapse:separate;border-spacing:0;width:100%}.report-table-card thead{z-index:2;position:sticky;top:0}.report-table-card th{color:#53657b;letter-spacing:.055em;text-transform:uppercase;background:linear-gradient(#f8fbff,#eaf1f8);border:0;border-bottom:1px solid #d8e2ee;padding:15px 18px;font-size:10px;font-weight:900}.report-table-card td{color:#405064;border:0;border-bottom:1px solid #edf1f5;height:53px;padding:13px 18px;font-size:12px}.report-table-card tbody tr:nth-child(2n) td{background:#fafcff}.report-table-card tbody tr:last-child td{border-bottom:0}.report-table-card tbody td:first-child{color:#1c3658;font-weight:800}.report-row-link td{transition:background .15s,color .15s}.report-row-link:hover td,.report-row-link:nth-child(2n):hover td{color:#075fae;background:#e7f2ff}.report-row-link td:last-child:after{content:"↗";color:#0877df;background:#dbeeff;border-radius:8px;place-items:center;width:24px;height:24px;margin-inline-start:14px;font-weight:900;display:inline-grid}.report-row-link:active td{background:#dcecff}.financial-bundle{gap:24px}.financial-bundle .report-table-card>h2{color:#263d5c;background:linear-gradient(90deg,#f7faff,#edf4fb);padding:18px 20px}@media (width<=850px){.report-detail-head{padding:18px}.report-detail-head>div{flex-basis:100%;order:3}.report-filters{width:100%}.report-filters label{flex:1}.report-filters input{width:100%;min-width:0}.report-table-card{border-radius:15px}.report-table-card .table-wrap{max-height:none}.report-table-card th,.report-table-card td{padding-inline:13px}}.reports-page{padding:38px 40px}.reports-title p,.report-detail-head p{color:#1479df;letter-spacing:.1em;margin:0 0 7px;font-size:12px;font-weight:800}.reports-title h1,.report-detail-head h1{color:#142b4b;margin:0;font-size:28px}.reports-title span,.report-detail-head span{color:#7c899c;margin-top:7px;display:block}.report-groups{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;display:grid}.report-group{background:#ffffffd1;border:1px solid #dbe3ee;border-radius:17px;overflow:hidden;box-shadow:5px 7px 17px #39496014}.report-group>header{background:0 0;border-bottom:1px solid #e1e7ef;height:auto;padding:22px;display:block}.report-group header h2{margin:0 0 8px;font-size:18px}.report-group header p{color:#67758a;margin:0;font-size:13px}.report-group header button{color:#fff;cursor:pointer;background:#147be3;border:0;border-radius:9px;margin-top:12px;padding:10px 14px;font-weight:800}.report-group>div{padding:10px}.report-link{color:#122b4b;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;width:100%;padding:12px;font-size:15px;display:grid}.report-link:hover{color:#0764bb;background:#e8f2ff}.report-link b{text-align:end;color:#0879e8}.report-file-icon{color:#0784ef;font-size:21px}.report-detail-head{align-items:center;gap:20px;display:flex}.report-detail-head>div{flex:1}.report-back,.report-filters button{color:#56677d;cursor:pointer;background:#f7f9fc;border:1px solid #d8e1ec;border-radius:10px;padding:10px 14px}.report-filters{align-items:end;gap:12px;margin:25px 0 16px;display:flex}.report-filters label{color:#718095;gap:5px;font-size:11px;display:grid}.report-filters input{background:#fff;border:1px solid #d8e1ec;border-radius:9px;padding:9px}.report-filters button{color:#fff;background:#147be3;border-color:#147be3}.report-table-card{background:#fff;border:1px solid #dbe3ee;border-radius:17px;overflow:hidden}.report-table-card table{min-width:850px}.report-table-card th,.report-table-card td{text-align:start;white-space:nowrap;border-bottom:1px solid #e7ebf1;padding:13px 15px}.report-table-card th{color:#52647b;background:#edf4fc;font-size:11px}.report-table-card td{font-size:12px}.report-empty{text-align:center;color:#8290a2;padding:65px 20px}.report-error{color:#bd4c5c}@media (width<=850px){.reports-page{padding:26px 18px}.report-groups{grid-template-columns:1fr}.report-detail-head{flex-wrap:wrap;align-items:flex-start}.report-filters{flex-wrap:wrap}}@media print{.sidebar,.app-shell main>header,.no-print{display:none!important}.app-shell main,main.sidebar-is-collapsed{width:100%!important;margin:0!important}.reports-page{padding:0}.report-table-card{border:0}.report-detail-head h1{font-size:22px}.report-table-card table{min-width:100%;font-size:9px}}.sidebar-toggle{font-size:0}.sidebar-toggle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.sidebar-toggle .desktop-toggle.expand{transform:rotate(180deg)}[dir=rtl] .sidebar-toggle{transform:none}[dir=rtl] .sidebar-toggle .desktop-toggle{transform:rotate(180deg)}[dir=rtl] .sidebar-toggle .desktop-toggle.expand{transform:none}.finance-page{min-width:0;overflow-x:hidden}.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.finance-kpis article,.finance-card{min-width:0}.finance-kpis strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,1.25vw,18px);overflow:hidden}.finance-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}.finance-card .table-wrap{max-width:100%;overflow-x:auto}[dir=rtl] .finance-title,[dir=rtl] .finance-card h2,[dir=rtl] .finance-card th,[dir=rtl] .finance-card td{text-align:right}[dir=rtl] .modal-close{left:14px;right:auto}@media (width<=1100px){.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-grid{grid-template-columns:1fr!important}}@media (width<=760px){.finance-title{gap:18px;display:grid!important}.finance-title button{width:max-content}.finance-kpis{grid-template-columns:1fr!important}.finance-tabs{padding-bottom:5px}.finance-card table{min-width:620px}}.finance-page{background:radial-gradient(circle at 95% 0,#4f65e61c,#0000 30%);min-height:calc(100vh - 88px);padding:38px 40px}.finance-title{justify-content:space-between;align-items:end;display:flex}.finance-title p{color:#5366df;letter-spacing:.12em;margin:0 0 7px;font-size:11px;font-weight:900}.finance-title h1{margin:0;font-size:29px}.finance-title span{color:#7f8b9b;margin-top:7px;font-size:13px;display:block}.finance-title button,.finance-crud>div>button,.finance-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5268e8,#7258c8);border:0;border-radius:10px;padding:11px 16px;font-weight:800}.finance-tabs{gap:8px;margin:28px 0 20px;display:flex;overflow:auto}.finance-tabs button{white-space:nowrap;color:#667487;cursor:pointer;background:#f7f9fc;border:1px solid #d9e1eb;border-radius:10px;padding:10px 14px}.finance-tabs button.selected{color:#fff;background:#253653;border-color:#0000}.finance-kpis{grid-template-columns:repeat(6,1fr);gap:13px;display:grid}.finance-kpis article{background:#ffffffd1;border:1px solid #dce3ed;border-radius:15px;padding:17px;box-shadow:0 9px 24px #2c3a4e12}.finance-kpis span{color:#7c8999;text-transform:capitalize;font-size:10px;display:block}.finance-kpis strong{margin-top:9px;font-size:17px;display:block}.finance-grid{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px;display:grid}.finance-card{background:#ffffffe6;border:1px solid #d9e2ed;border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #2c3a4e14}.finance-card>h2,.finance-crud>div{border-bottom:1px solid #e2e8ef;margin:0;padding:18px 20px}.finance-card h2{margin:0;font-size:16px}.finance-card table{border-collapse:collapse;width:100%}.finance-card th,.finance-card td{text-align:start;border-bottom:1px solid #ebeff4;padding:12px 15px;font-size:11px}.finance-card th{color:#647388;background:#f0f4f9}.finance-activity{border-bottom:1px solid #ebeff4;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.finance-activity span{gap:4px;display:grid}.finance-activity small{color:#8390a1}.finance-activity strong{font-size:12px}.finance-crud>div{justify-content:space-between;align-items:center;display:flex}.finance-actions{gap:5px;display:flex}.finance-actions button{color:#5263bd;cursor:pointer;background:#e9edff;border:0;border-radius:7px;padding:6px 8px}.finance-actions button:last-child{color:#ac4657;background:#f8e4e7}.resource-picker{color:#657286;align-items:center;gap:10px;padding:14px 18px;font-size:12px;display:flex}.resource-picker select,.finance-modal input,.finance-modal select{background:#fff;border:1px solid #d8e0ea;border-radius:9px;outline:none;padding:10px}.finance-modal-layer{z-index:100;background:#1f2a3d7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.finance-modal{background:#f5f8fc;border-radius:19px;grid-template-columns:1fr 1fr;gap:14px;width:min(600px,100%);max-height:90vh;padding:25px;display:grid;position:relative;overflow:auto;box-shadow:0 25px 70px #19233559}.finance-modal h2{grid-column:1/-1;margin:0 0 5px}.finance-modal label{color:#687589;gap:6px;font-size:11px;display:grid}.finance-modal label:has(input[type=checkbox]){align-items:center;display:flex}.finance-modal input[type=checkbox]{width:auto}.finance-save{grid-column:1/-1}.modal-close{cursor:pointer;background:#e5eaf1;border:0;border-radius:9px;width:32px;height:32px;font-size:20px;position:absolute;top:14px;right:14px}.finance-error{color:#a83e50;background:#f7dfe4;border-radius:9px;padding:11px 14px}@media (width<=1100px){.finance-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.finance-page{padding:26px 18px}.finance-title{align-items:start}.finance-kpis{grid-template-columns:1fr 1fr}.finance-grid,.finance-modal{grid-template-columns:1fr}.finance-modal h2,.finance-save{grid-column:auto}}.form-grid select{background:#fff;border:1px solid #d9e0e9;border-radius:11px;outline:none;width:100%;min-width:0;padding:11px 12px}.modal-head>div{min-width:0}.modal-head>div h2{overflow-wrap:anywhere}.modal-head>div small{color:#7c8796;margin-top:5px;display:block}.hr-crud-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.hr-crud-toolbar h2{margin:0;font-size:17px}.row-actions{flex-wrap:wrap}.task-phase-builder{grid-template-columns:minmax(150px,1fr) minmax(170px,1.2fr) minmax(145px,1fr) minmax(145px,1fr) minmax(145px,1fr) 40px;align-items:stretch}.task-phase-builder>button{min-height:36px}.project-phase-builder{grid-template-columns:minmax(170px,1.2fr) minmax(150px,1fr) minmax(145px,1fr) minmax(145px,1fr) 40px}.crud-modal .table-wrap{max-width:100%}.crud-modal .table-wrap table{min-width:820px}.task-detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.task-detail-grid>div{background:#fff;border:1px solid #dce3eb;border-radius:11px;gap:5px;padding:13px;display:grid}.task-detail-grid span{color:#7d8796;font-size:11px}.task-detail-grid strong{text-transform:capitalize;font-size:13px}.task-detail-grid .task-detail-wide{grid-column:1/-1}.task-detail-grid p{overflow-wrap:anywhere;margin:0}.task-modal>h3{margin:8px 0 12px;font-size:15px}.production-spec{background:#eef3f8;border:1px solid #d9e2eb;border-radius:15px;gap:12px;padding:15px;display:grid}.production-main-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.production-main-grid label{gap:6px;display:grid}.production-main-grid .wide{grid-column:1/-1}.paper-line{grid-template-columns:1.5fr .65fr .65fr 1fr 1fr 38px;gap:8px;display:grid}.paper-line input{min-width:0}.paper-line button{color:#b44959;background:#f9dfe4;border:0;border-radius:8px}.finishing-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.finishing-grid strong{width:100%;font-size:12px}.finishing-grid label{background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;display:flex}.finishing-grid input{width:auto}@media (width<=760px){.modal-layer{place-items:end center;padding:10px}.crud-modal{border-radius:18px;width:100%;max-height:94dvh;padding:18px}.modal-head{z-index:2;background:#f5f7fc;border-bottom:1px solid #dfe5ed;margin:-18px -18px 18px;padding:16px 18px;position:sticky;top:-18px}.projects-title,.project-detail-head,.settings-title,.warehouse-title,.hr-title{flex-direction:column;align-items:stretch;gap:14px}.projects-title>button,.settings-title>button,.warehouse-title>button{align-self:flex-start}.project-kpis{grid-template-columns:1fr 1fr}.task-phase-builder,.project-phase-builder,.builder-row{grid-template-columns:1fr}.task-phase-builder>button,.builder-row>button{min-height:40px}.lines-head{flex-wrap:wrap;align-items:flex-start;gap:10px}.hr-crud-toolbar{flex-direction:column;align-items:stretch}.hr-crud-toolbar .primary-button{width:100%}.row-actions{min-width:max-content}.table-empty{padding:36px 18px}.task-detail-grid,.production-main-grid{grid-template-columns:1fr 1fr}.paper-line{border-bottom:1px solid #d5dde7;grid-template-columns:1fr 1fr;padding-bottom:12px}}@media (width>=761px) and (width<=1100px){.task-phase-builder{grid-template-columns:1fr 1fr 1fr}.project-phase-builder{grid-template-columns:1fr 1fr}.task-phase-builder>button{min-height:40px}}@media (width<=430px){.project-kpis,.client-kpis,.hr-kpis,.finance-kpis{grid-template-columns:1fr}.modal-actions{background:#f5f7fc;border-top:1px solid #dfe5ed;margin:18px -18px -18px;padding:14px 18px;position:sticky;bottom:-18px}.modal-actions button{flex:1}.task-detail-grid,.production-main-grid{grid-template-columns:1fr}}