:root{--ink:#0f2a4a;--paper:#f4f6fb;--panel:#fff;--line:#e7ecf3;--line-soft:#eef1f6;--teal:#2563eb;--teal-dark:#0f2a4a;--amber:#f59e0b;--muted:#6b7d98;--muted-light:#8092ab;--accent-bg:#e8f0fe;--success:#16a34a;--success-bg:#e8f8ef;--danger:#dc2626;--danger-dark:#b91c1c;--shadow-card:0 2px 10px #0f2a4a0f;--font:"Segoe UI", Roboto, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,:before,:after{box-sizing:border-box}html{font-size:12px}body{font-size:12px;font-family:var(--font);color:var(--ink);background:var(--paper);margin:0}.btn-primary svg,.btn-light svg,.action-buttons svg{width:18px;height:18px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.statusactive{background:var(--success-bg);color:var(--success);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.statusinactive{color:var(--muted-light);background:#f3f4f6;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}html[dir=rtl]{--font:"IBM Plex Sans Arabic", "Segoe UI", Roboto, Arial, sans-serif;--slide-dir:-1}html[dir=rtl] body,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea,html[dir=rtl] button{font-family:var(--font)}html[dir=rtl] svg.lucide-arrow-left,html[dir=rtl] svg.lucide-arrow-right,html[dir=rtl] svg.lucide-chevron-left,html[dir=rtl] svg.lucide-chevron-right,html[dir=rtl] svg.lucide-chevrons-left,html[dir=rtl] svg.lucide-chevrons-right,html[dir=rtl] svg.lucide-arrow-left-circle,html[dir=rtl] svg.lucide-arrow-right-circle,html[dir=rtl] svg.lucide-undo-2,html[dir=rtl] svg.lucide-redo-2{transform:scaleX(-1)}html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel]{text-align:end;direction:ltr}.login-page *{box-sizing:border-box}.login-page{background:#fff;min-height:100vh;font-family:Segoe UI,Roboto,Arial,sans-serif;display:flex}.left-panel{color:#0f2a4a;background:linear-gradient(160deg,#eaf3ff 0%,#dcebff 55%,#cfe4ff 100%);flex-direction:column;flex:3;padding:48px 56px;display:flex;position:relative;overflow:hidden}.brand-row{align-items:center;gap:14px;display:flex}.brand-logo{border-radius:12px;flex-shrink:0;width:52px;height:52px;display:block;box-shadow:0 6px 16px #2563eb40}.brand-title{color:#0f2a4a;margin:0;font-size:24px;font-weight:800;line-height:1.2}.brand-subtitle{letter-spacing:2px;color:#5b7597;font-size:12px;font-weight:600}.hero-section{max-width:460px;margin-top:44px}.hero-title{color:#0f2a4a;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.25}.hero-description{color:#46618a;max-width:400px;margin:0;font-size:15px;line-height:1.7}.feature-list{flex-direction:column;gap:18px;max-width:420px;margin-top:34px;display:flex}.feature-item{align-items:center;gap:14px;display:flex}.feature-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.feature-item h4{color:#0f2a4a;margin:0;font-size:15px;font-weight:700}.feature-item p{color:#5b7597;margin:2px 0 0;font-size:13px}.hero-banner{aspect-ratio:816/464;background-image:url(./login-hero-_t32Rxb3.png);background-position:50%;background-size:cover;border-radius:20px;max-height:260px;margin-top:auto;overflow:hidden}.right-panel{background:#fff;flex:2;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-lang-toggle{top:20px;position:absolute;inset-inline-end:24px}[dir=rtl] .login-page{font-family:IBM Plex Sans Arabic,Segoe UI,Roboto,Arial,sans-serif}[dir=rtl] .brand-subtitle,[dir=rtl] .brand-sub{letter-spacing:0}.login-card{width:100%;max-width:420px}.login-logo-container{text-align:center;margin-bottom:12px}.login-logo{border-radius:16px;width:72px;height:72px;display:inline-block;box-shadow:0 8px 20px #2563eb40}.welcome-title{text-align:center;color:#0f2a4a;margin:0 0 6px;font-size:26px;font-weight:800}.welcome-subtitle{text-align:center;color:#6b7d98;margin:0 0 28px;font-size:14px;line-height:1.6}.login-error{color:#dc2626;text-align:center;margin-bottom:14px;font-size:14px}.login-options{justify-content:space-between;align-items:center;margin:4px 0;display:flex}.forgot-link{color:#2563eb;font-size:14px;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.signin-btn{height:52px;text-transform:none!important;background:linear-gradient(90deg,#2563eb,#1d4ed8)!important;border-radius:10px!important;margin-top:20px!important;font-size:15px!important;font-weight:700!important}.signin-btn:hover{background:linear-gradient(90deg,#1d4ed8,#1e40af)!important}.signin-btn.Mui-disabled{opacity:.7;color:#fff!important}.login-footer{text-align:center;color:#6b7d98;margin-top:26px;font-size:13px}.user-guide-link{color:#2563eb;align-items:center;gap:6px;margin-top:10px;font-weight:600;text-decoration:none;display:inline-flex}.user-guide-link:hover{text-decoration:underline}@media (width<=992px){.left-panel{display:none}.right-panel{flex:1}}@media (width<=480px){.right-panel{padding:24px}}.lang-toggle{border:1px solid var(--line,#e7ecf3);background:var(--paper,#f4f6fb);border-radius:999px;flex-shrink:0;align-items:center;padding:2px;display:inline-flex}.lang-toggle button{color:var(--muted,#6b7d98);cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:40px;height:26px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;transition:background-color .15s,color .15s}.lang-toggle button[lang=ar]{font-family:IBM Plex Sans Arabic,Segoe UI,sans-serif}.lang-toggle button:hover{color:var(--ink,#0f2a4a)}.lang-toggle button[aria-pressed=true]{color:#fff;background:#2563eb;box-shadow:0 1px 3px #0f2a4a33}.sidebar{color:#cfd9e8;width:240px;height:100vh;font-family:var(--font);background:linear-gradient(#0f2a4a 0%,#16375f 55%,#0a1f38 100%);flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden}.sidebar.collapsed{width:70px}@media (width<=768px){.sidebar{top:0;bottom:0;z-index:1200;width:240px;transition:transform .25s;position:fixed;inset-inline-start:0;transform:translate(0);box-shadow:4px 0 24px #00000040}.sidebar.collapsed{width:240px;transform:translate(-100%)}[dir=rtl] .sidebar{box-shadow:-4px 0 24px #00000040}[dir=rtl] .sidebar.collapsed{transform:translate(100%)}}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar-backdrop{z-index:1100;background:#0f2a4a73;display:block;position:fixed;inset:0}}.sidebar-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.sidebar-logo{flex-shrink:0;width:36px;height:36px;display:block}.brand-text-group{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.brand-name{color:#fff;font-size:12px;font-weight:800;line-height:1.2}.brand-sub{color:#9db3d1;letter-spacing:1px;font-size:10.5px;font-weight:600}.sidebar-menu{flex:1;margin:0;padding:8px 0;list-style:none;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.menu-group-label{text-transform:uppercase;letter-spacing:1px;color:#7f95b5;margin:12px 21px 4px;font-size:10px;font-weight:700}.menu-group-label:first-child{margin-top:2px}.menu-group-item{margin:1px 10px}.menu-row-trigger{color:#cfd9e8;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 11px;transition:background-color .15s,color .15s;display:flex}.menu-row-trigger:hover{color:#fff;background-color:#ffffff14}.menu-row-trigger.parent-active{color:#fff;background-color:#2563eb}.sidebar.collapsed .menu-row-trigger{justify-content:center}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:14px 8px}.menu-row-left{align-items:center;gap:12px;min-width:0;display:flex}.menu-label{text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.submenu-tree-container{flex-direction:column;gap:1px;margin:2px 0;padding:0 0 0 30px;list-style:none;display:flex}.submenu-leaf{cursor:pointer;color:#a8b6ca;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;transition:background-color .15s,color .15s;display:flex}.submenu-leaf:hover{color:#fff;background:#ffffff14}.submenu-dot{color:#ffffff59;font-size:1rem;line-height:1}.submenu-label{text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.submenu-leaf.leaf-active{color:#fff;background:#2563eb38}.submenu-leaf.leaf-active .submenu-label{font-weight:700}.submenu-leaf.leaf-active .submenu-dot{color:#60a5fa}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding:10px 16px 14px}.user-card{min-width:0;color:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:4px;text-decoration:none;transition:background-color .15s;display:flex}.user-card:hover{background:#ffffff14}.user-avatar-img{object-fit:cover}.user-avatar{color:#fff;background:#1b355c;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11.5px;font-weight:700;display:flex}.user-info{white-space:nowrap;flex-direction:column;min-width:0;line-height:1.3;display:flex;overflow:hidden}.user-info b{color:#fff;text-overflow:ellipsis;font-size:12px;overflow:hidden}.user-info span{color:#9db3d1;font-size:10.5px}.user-info .user-company{font-family:var(--mono);color:#7f95b5}.logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.logout-btn:hover{background:#ffffff1a;border-color:#fff}.company-selector{border-bottom:1px solid #ffffff1a;padding:14px}.company-selector select{background:#fff;border:1px solid #fff3;border-radius:8px;width:100%;height:34px;padding:0 10px}[dir=rtl] .menu-group-label,[dir=rtl] .brand-sub{letter-spacing:0}a.menu-row-trigger,a.submenu-leaf{color:inherit;text-decoration:none}a.menu-row-trigger:focus-visible,a.submenu-leaf:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}a.menu-row-trigger.parent-active{color:#fff}.main-wrapper{background-color:var(--paper);min-width:0;font-family:var(--font);flex-direction:column;flex:1;display:flex;overflow:hidden}.top-navbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:20px;height:56px;padding:0 24px;display:flex}.menu-toggle-btn,.navbar-icon-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex;position:relative}.navbar-icon-btn{color:#4b5d78}.menu-toggle-btn:hover,.navbar-icon-btn:hover{background:#0f2a4a0f}.topbar-search{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:400px;height:36px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.topbar-search:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.topbar-search-icon{color:var(--muted-light);flex-shrink:0}.topbar-search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.nav-right-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.badge-counter{top:3px;color:#fff;background-color:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;inset-inline-end:3px}.vertical-divider{background-color:var(--line);width:1px;height:24px;margin:0 4px}.user-profile-badge{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:background-color .15s;display:flex}.user-profile-badge:hover{background-color:var(--paper)}.avatar-circle{color:#fff;background-color:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.profile-text-group{flex-direction:column;min-width:0;line-height:1.2;display:flex}.profile-name{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:700}.profile-role{color:var(--muted-light);white-space:nowrap;font-size:11px}.profile-arrow{color:var(--muted-light)}.avatar-img{object-fit:cover}.user-menu-wrap{position:relative}.user-menu-dropdown{top:calc(100% + 6px);border:1px solid var(--line);z-index:1100;background:#fff;border-radius:10px;min-width:180px;padding:6px;position:absolute;inset-inline-end:0;box-shadow:0 10px 28px #0f2a4a24}.user-menu-item{width:100%;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--paper)}.content-body{flex:1;min-width:0;padding:4px 24px 24px;overflow-y:auto}.workspace-container{width:100%;max-width:1600px;margin:0 auto}.main-wrapper>.page-header{height:auto;min-height:56px;color:var(--ink);background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px 10px;display:flex}.page-header-left{flex-direction:column;gap:2px;min-width:0;display:flex}.page--header-title{color:var(--ink);margin:0;font-size:15px;font-weight:800;line-height:1.25}.main-wrapper>.page-header .breadcrumb{color:var(--muted-light);font-size:11px}.page-title{color:var(--ink);padding:0 20px;font-size:12px;font-weight:800}@media (width<=768px){.top-navbar{gap:10px;padding:0 12px}.topbar-search,.profile-text-group,.profile-arrow{display:none}.main-wrapper>.page-header{flex-wrap:wrap;padding:12px 16px 8px}.page-header-right{flex-wrap:wrap}.content-body{padding:4px 16px 16px}}.toolbar-icon{flex-shrink:0;width:15px;height:15px}.search-wrapper{flex:1;position:relative}.search-icon{inset-inline-start:12px;color:#6b7280;position:absolute;top:50%;transform:translateY(-50%)}.search-box{padding-inline-start:40px;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;width:100%;height:40px;padding:0 10px;display:flex}.btn-filter,.btn-refresh{align-items:center;gap:8px;display:flex}.icon-xs{width:14px;height:14px}.icon-sm{width:18px;height:18px}.icon-md{width:22px;height:22px}.icon-lg{width:26px;height:26px}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;transition:all .25s}.field-name{font-family:var(--mono);color:var(--teal-dark)}.pill{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.yes{background:var(--success-bg);color:var(--success)}.pill.no{color:var(--danger);background:#fdecec}.row-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.app-table td:last-child{white-space:nowrap}.toolbar-icon.edit{color:var(--teal)}.toolbar-icon.delete{color:var(--danger)}.table-container{border:1px solid var(--line);width:100%;max-height:500px;box-shadow:var(--shadow-card);background:#fff;border-radius:12px;overflow:auto}.app-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.app-table thead th{z-index:1;color:var(--muted-light);text-align:start;white-space:nowrap;border-bottom:1px solid var(--line-soft);background:#f8fafd;padding:8px 10px;font-size:11.5px;font-weight:700;position:sticky;top:0}.app-table thead th:first-child{border-start-start-radius:12px}.app-table thead th:last-child{border-start-end-radius:12px}.app-table thead th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.app-table thead th.sortable-th:hover{color:var(--teal)}.sortable-th-inner{align-items:center;gap:4px;display:inline-flex}.sortable-th-inner .sort-idle{opacity:.45}.app-table tbody td{color:var(--ink);vertical-align:middle;background:#fff;border-bottom:1px solid #f3f5f9;padding:4px 10px;font-size:12px}.app-table tbody tr:nth-child(2n) td{background:#fcfdff}.app-table tbody tr:hover td{background:#f4f8ff}.app-table tfoot td{border-top:1px solid var(--line-soft);color:var(--ink);background:#f8fafd;padding:6px 10px;font-weight:700}.text-left{text-align:start}.text-center{text-align:center}.text-right{text-align:end}.no-data{text-align:center;color:var(--muted-light);padding:24px}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-thumb{background:#c9d3e2;border-radius:10px}.table-container::-webkit-scrollbar-track{background:#f4f6fb}@media (width<=768px){.app-table{min-width:700px}.table-container{-webkit-overflow-scrolling:touch;max-height:65vh}.table-footer{flex-wrap:wrap;gap:6px}}.table-footer{color:var(--muted-light);background:0 0;justify-content:space-between;align-items:center;margin-top:6px;padding:6px 10px;font-size:12px;display:flex}.table-footer span{align-items:center;gap:5px;display:flex}.table-footer strong{color:var(--ink);font-weight:700}.search-box input{border:none;outline:none;flex:1;padding:10px;font-size:12px}.tree-cell{align-items:center;gap:8px;display:flex}.tree-toggle{cursor:pointer;background:0 0;border:none;padding:0}.tree-child-dot{color:#888;font-size:12px}.amount-cell{text-align:end;white-space:nowrap;width:10px}.text-cell{text-align:start}.percent-col,.value-col{text-align:end;white-space:nowrap;width:20px;min-width:10px;max-width:20px}.code-col{width:90px;min-width:90px;max-width:90px}.name-col{text-align:start;width:220px;min-width:220px;max-width:220px}.desc-col{text-align:start;width:160px;min-width:160px;max-width:160px}.source-col{text-align:center;width:100px;min-width:100px;max-width:100px}.amount-col{text-align:end;white-space:nowrap;width:130px;min-width:130px;max-width:130px}.percent-col{text-align:end;white-space:nowrap;width:70px;min-width:70px;max-width:70px}.value-col{text-align:end;white-space:nowrap;width:90px;min-width:90px;max-width:90px}.remarks-col{text-align:start;width:180px;min-width:180px;max-width:180px}th,td{box-sizing:border-box;overflow:hidden}.table-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;min-width:0;max-width:100%;padding:4px 6px}.amount-col .table-input,.percent-col .table-input,.value-col .table-input{text-align:end}.remarks-col .table-input{text-align:start}.card{box-shadow:var(--shadow-card);color:var(--ink);background:#fff;border-radius:16px;padding:20px}.page-message{border-radius:6px;justify-content:space-between;align-items:center;margin:16px;padding:12px 18px;display:flex}.page-message.success{color:#166534;background:#dcfce7}.page-message.error{color:#991b1b;background:#fee2e2}.page-message-close{cursor:pointer;background:0 0;border:none;font-size:12px}.page-message{border-radius:6px;margin-bottom:12px;padding:12px 16px;font-size:12px;font-weight:500}.page-message.success{color:#155724;background:#d4edda;border:1px solid #28a745}.page-message.error{color:#721c24;background:#f8d7da;border:1px solid #dc3545}.page-message.warning{color:#856404;background:#fff3cd;border:1px solid #ffc107}.page-message.info{color:#0c5460;background:#d1ecf1;border:1px solid #17a2b8}.page-message{border:1px solid;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;font-size:12px;font-weight:500;animation:.3s fadeIn;display:flex}.page-message.success{color:#1f7a1f;background:#e8f8ec;border-color:#5cb85c}.page-message.error{color:#b42318;background:#fdeaea;border-color:#dc3545}.page-message.warning{color:#856404;background:#fff8e5;border-color:#ffc107}.page-message.info{color:#0c5460;background:#eaf4ff;border-color:#17a2b8}.page-message-close{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 4px;font-size:12px;font-weight:700}.page-message-close:hover{opacity:.7}.page-header{border-bottom:1px solid var(--line);height:40px;color:var(--ink);background:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.page-header-left{flex-direction:column;display:flex}.page-title{color:var(--ink);margin:0;padding:0 20px;font-size:12px;font-weight:800}.page-header h2{margin:0;font-size:12px}.page-header span{color:var(--muted-light);font-size:11px}.page-subtitle{color:var(--muted);margin-top:4px;font-size:12px}.page-breadcrumb{color:var(--muted-light);font-size:10px}.page-header-right{gap:10px;display:flex}.page-card{box-shadow:var(--shadow-card);background:#fff;border-radius:16px;margin-top:2px;padding:12px}.section-title{color:var(--ink);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.section-title svg{color:var(--teal)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:500;transition:all .2s ease-in-out;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-secondary{color:#495057;background-color:#fff;border-color:#dee2e6}.btn-secondary:hover:not(:disabled){background-color:#f8f9fa;border-color:#ced4da}.btn-danger{color:var(--danger);background-color:#fff1f0;border-color:#ffccc7}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-text{color:#495057;background-color:#0000;padding-inline:4px}.btn-text:hover:not(:disabled){background-color:#0000000a}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-md{padding:6px 14px;font-size:.9rem}.btn-lg{padding:8px 18px;font-size:1rem}.btn-spinner{width:16px;height:16px;animation:.8s linear infinite rotate}.btn-spinner circle{stroke:currentColor;stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.btn{cursor:pointer;border:none;border-radius:8px;height:32px;padding:0 14px;font-weight:600;transition:all .25s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;border:1px solid #ddd}.btn-secondary:hover{background:#f4f4f4}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;display:flex}.btn-light{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;display:flex}.btn-light,.btn-primary{align-items:center;gap:6px;display:inline-flex}.btn-secondary{border:1px solid var(--line);height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.btn-secondary:hover{border-color:var(--teal);color:var(--teal)}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger-dark)}.action-icons{gap:5px;display:flex}.action-btn{cursor:pointer;background:#f3f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.action-btn:hover{background:var(--accent-bg)}.btn-light{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px}.action-buttons{gap:8px;display:flex}.action-buttons button{cursor:pointer;background:#f3f5f9;border:none;border-radius:8px;width:30px;height:30px}.action-buttons button:hover{background:var(--accent-bg)}.col-actions{width:180px}.action-placeholder{visibility:hidden;pointer-events:none;background:0 0;border:none;width:32px;height:32px;padding:0}.toolbar-single{align-items:center;gap:8px;margin-bottom:8px;display:flex}.table-select-compact{color:var(--ink);border:1px solid var(--line);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\"><path d=\"M0 0l5 6 5-6z\" fill=\"%232563EB\"/></svg>") right 10px center no-repeat;border-radius:6px;max-width:220px;height:28px;padding:5px 30px 5px 10px;font-size:12px;font-weight:700}[dir=rtl] .table-select-compact{background-position:10px;padding:5px 10px 5px 30px}.table-select-compact:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #2563eb1f}.searchable-select.table-select-compact{background:0 0;border:none;max-width:220px;height:auto;padding:0}.searchable-select.table-select-compact .searchable-select-input{height:28px;min-height:30px;font-weight:700}.toolbar-spacer{flex:1}.icon-btn{border:1px solid var(--line);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.icon-btn:hover{border-color:var(--teal);background:var(--accent-bg);color:var(--teal)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn .spinning{animation:.6s linear infinite toolbar-icon-spin}@keyframes toolbar-icon-spin{to{transform:rotate(360deg)}}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;align-items:center;height:28px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #2563eb1f}.search-box.compact{width:220px}.search-box input{background:0 0;border:none;outline:none;flex:1;padding:0 8px;font-size:12px}.search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:3px;display:flex}.search-clear-btn:hover{color:var(--danger);background:#f5edea}.tool-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 15px;transition:all .2s;display:flex}.tool-btn:hover{border-color:var(--teal);box-shadow:0 2px 8px #0f2a4a1a}.tool-btn svg{flex-shrink:0;width:18px;height:18px}.toolbar{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px;margin:5px 0;display:flex}.toolbar-left{align-items:center;display:flex}.toolbar-right{align-items:center;gap:10px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary{color:#0d6efd}.secondary{color:#6c757d}.success{color:#198754}.danger{color:#dc3545}.warning{color:#ffc107}.info{color:#0dcaf0}.light{color:#f8f9fa}.dark{color:#212529}.white{color:#fff}.black{color:#000}.muted{color:#6c757d}.icon-muted{color:#6c757d}.profile-toolbar label{white-space:nowrap;font-weight:600}.profile-toolbar select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:300px;height:28px;padding:0 36px 0 12px;font-size:12px;font-weight:500;transition:all .2s}.profile-toolbar select:hover{border-color:#2563eb}.profile-toolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.profile-toolbar select:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.profile-toolbar{align-items:center;gap:10px;display:flex}.profile-toolbar label{color:#374151;white-space:nowrap;font-size:12px;font-weight:600}.profile-select{width:320px}.profile-select__control{border-color:#d1d5db;border-radius:6px;min-height:30px}.profile-select__control:hover{border-color:#2563eb}.profile-select__control--is-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important}.profile-select__menu{z-index:9999}.profile-select__menu-portal,.profile-select__menu{z-index:99999!important}@media (width<=768px){.toolbar-single,.toolbar-left,.toolbar-right,.profile-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.search-box.compact{flex:160px;width:auto;min-width:0}.table-select-compact,.searchable-select.table-select-compact{max-width:100%}.profile-toolbar select,.profile-select{width:100%;min-width:0}.tool-btn{padding:0 10px}}.icon-xs{flex-shrink:0;width:14px;height:14px}.icon-sm{flex-shrink:0;width:16px;height:16px}.icon-primary{color:#2563eb}.icon-secondary{color:#64748b}.icon-success{color:#16a34a}.icon-danger{color:#dc2626}.icon-warning{color:#f59e0b}.icon-info{color:#0ea5e9}.icon-dark{color:#334155}.icon-light{color:#cbd5e1}.icon-purple{color:#7c3aed}.icon-indigo{color:#4f46e5}.icon-pink{color:#db2777}.icon-orange{color:#ea580c}.icon-teal{color:#0f766e}.icon-cyan{color:#0891b2}.icon-lime{color:#65a30d}.icon-brown{color:#8b5e3c}.icon-gold{color:#d4af37}.icon-silver{color:#94a3b8}.icon-black{color:#000}.icon-white{color:#fff}.drawer-overlay{z-index:99999;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:560px;max-width:100%;height:100vh;animation:.25s drawerSlide;display:flex;box-shadow:-10px 0 30px #0000002e}.drawer-header{background:var(--teal-dark);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-header h3{margin:0;font-size:12px;font-weight:600}.drawer-header p{color:#9db3d1;margin:5px 0 0;font-size:12px}.drawer-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:12px}.drawer-body{flex:1;padding:14px;overflow-y:auto}.drawer-footer{background:#fff;border-top:1px solid #eee;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.drawer-footer .btn{min-width:110px}@keyframes drawerSlide{0%{transform:translateX(calc(100% * var(--slide-dir,1)))}to{transform:translate(0)}}.view-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.view-item{flex-direction:column;gap:3px;display:flex}@media (width<=768px){.drawer-footer{flex-wrap:wrap}.drawer-footer .btn{flex:auto;min-width:0}.view-grid{grid-template-columns:1fr}}.view-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.view-item span{color:#111827;word-break:break-word;font-size:12px;font-weight:700}.modal-overlay{z-index:99999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal{background:#fff;border-radius:12px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-header{background:var(--teal-dark);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{margin:0;font-size:12px;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;width:34px;height:34px;font-size:12px}.close-btn:hover{background:#ffffff26}.modal-content{padding:14px}.app-modal .form-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.app-modal .form-group{flex-direction:column;display:flex}@media (width<=768px){.app-modal .form-grid{grid-template-columns:1fr}.modal-footer{flex-wrap:wrap}}.app-modal .form-group label{margin-bottom:3px;font-weight:600}.app-modal .form-group input,.app-modal .form-group select{border:1px solid #d1d5db;border-radius:6px;height:30px;padding:0 10px}.app-modal .form-group input:focus,.app-modal .form-group select:focus{border-color:var(--teal);outline:none}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@keyframes popup{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-upload{align-items:center;gap:18px;margin-bottom:20px;display:flex}.avatar-upload-circle{border:2px solid var(--line);background:#f1f3f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative;overflow:hidden}.avatar-upload-circle img{object-fit:cover;width:100%;height:100%}.avatar-upload-circle .avatar-placeholder-icon{color:var(--muted);width:36px;height:36px}.avatar-upload-btn{bottom:0;background:var(--teal);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:filter .15s,transform .15s;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 1px 4px #0000004d}.avatar-upload-btn:hover{filter:brightness(1.12);transform:scale(1.05)}.avatar-upload-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-upload-info{flex-direction:column;gap:6px;display:flex}.avatar-upload-title{font-size:12px;font-weight:600}.avatar-upload-hint{color:var(--muted);font-size:12px}.avatar-upload-remove{color:#c0392b;cursor:pointer;text-align:start;background:0 0;border:none;width:fit-content;padding:0;font-size:12px}.avatar-upload-remove:hover{text-decoration:underline}.avatar-grid-circle{border:1px solid var(--line);background:#f1f3f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.avatar-grid-circle img{object-fit:cover;width:100%;height:100%}.avatar-grid-circle .avatar-placeholder-icon{width:18px;height:18px;color:var(--muted)}.form-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:6px;display:grid}.form-grid-1{grid-template-columns:1fr}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.form-group{flex-direction:column;min-width:0;display:flex}.form-group label{color:#374151;margin-bottom:3px;font-size:12px;font-weight:600}.form-group label .required{color:#dc2626;margin-inline-start:2px}.form-group input,.form-group select,.form-group textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:30px;padding:5px 10px;font-size:12px;transition:all .2s}.form-group textarea{resize:vertical;min-height:64px;padding:6px 10px}.form-group input[readonly],.form-group textarea[readonly]{color:#6b7280;background:#f3f4f6}.form-group select:disabled,.form-group input:disabled,.form-group textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.form-group small{color:#6b7280;margin-top:2px;font-size:12px}.form-section-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:6px 0 4px;font-size:11px;font-weight:700}.form-section-heading:first-child{margin-top:0}.checks{flex-wrap:wrap;gap:12px;margin-bottom:6px;padding-top:2px;display:flex}.toggle-row{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.toggle-row input{width:16px;height:16px;accent-color:var(--teal);cursor:pointer}.col-hint{color:var(--muted);margin-top:4px;font-size:11px}.searchable-select{width:100%;position:relative}.searchable-select-input{border:1px solid var(--line);width:100%;min-height:30px;color:var(--ink);cursor:pointer;text-align:start;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;font-family:inherit;font-size:12px;display:flex}.searchable-select-input:hover{border-color:var(--teal)}.searchable-select-input:disabled{color:var(--muted);cursor:not-allowed;background:#f9fafb}.searchable-select-input span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.searchable-select-input svg{color:var(--muted);flex-shrink:0}.searchable-select-dropdown{top:calc(100% + 4px);border:1px solid var(--line);z-index:60;background:#fff;border-radius:8px;position:absolute;inset-inline:0;overflow:hidden;box-shadow:0 8px 24px #0a1a1824}.searchable-select-dropdown-portal{top:auto;z-index:100000;position:fixed;inset-inline:auto}.searchable-select-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:5px 10px;display:flex}.searchable-select-search input{color:var(--ink);border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.searchable-select-options{max-height:220px;overflow-y:auto}.searchable-select-option{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:5px 10px;font-family:inherit;font-size:12px;display:block}.searchable-select-option:hover{background:#e8f0fe}.searchable-select-option.selected{background:var(--amber);color:var(--teal-dark);font-weight:600}.searchable-select-no-data{text-align:center;color:var(--muted);padding:8px;font-size:12px}.checkbox-row,.radio-group{align-items:center;gap:10px;display:flex}.checkbox-row input,.radio-group input{width:auto;min-height:auto}@media (width<=992px){.form-grid-4,.form-grid-3{grid-template-columns:repeat(2,1fr)}.col-span-4,.col-span-3,.col-span-2{grid-column:span 2}.form-grid[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=768px){.form-grid,.form-grid-4,.form-grid-3,.form-grid-2,.form-grid[style]{grid-template-columns:1fr!important}.col-span-4,.col-span-3,.col-span-2{grid-column:span 1}}.form-group{margin-bottom:0}.form-group label{color:#444;margin-bottom:3px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #d6d6d6;border-radius:6px;width:100%;height:30px;padding:0 10px;font-size:12px;transition:all .2s}.form-group textarea{resize:vertical;height:auto;min-height:64px;padding:6px 10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #2563eb26}.form-group input[readonly]{color:#666;background:#f5f5f5}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;background:#f4f4f4}.filter-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#333;margin-bottom:3px;font-size:12px;font-weight:600}.filter-group select,.filter-group input{background:#fff;border:1px solid #d7dce5;border-radius:8px;outline:none;height:32px;padding:0 12px;font-size:12px}.filter-actions{align-items:flex-end;gap:10px;display:flex}@media (width<=1400px){.filter-grid{grid-template-columns:repeat(4,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{flex-wrap:wrap}.summary-grid{grid-template-columns:1fr}}.viewdrawer-backdrop{z-index:999;background:#00000040;position:fixed;inset:0}.viewdrawer{top:0;z-index:1000;background:#fff;flex-direction:column;height:100%;animation:.25s slideIn;display:flex;position:fixed;inset-inline-end:0;box-shadow:-4px 0 15px #00000026}@keyframes slideIn{0%{transform:translateX(calc(100% * var(--slide-dir,1)))}to{transform:translate(0)}}.viewdrawer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.viewdrawer-close{cursor:pointer;background:0 0;border:none;font-size:12px}.viewdrawer-body{flex:1;padding:20px;overflow:auto}.viewdrawer-row{margin-bottom:18px}.viewdrawer-row label{color:#777;margin-bottom:5px;font-size:12px;display:block}.viewdrawer-value{background:#f7f7f7;border:1px solid #ddd;border-radius:6px;min-height:18px;padding:10px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:20px}.info-card h4{color:var(--teal-dark);margin:0 0 18px;font-size:12px}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.info-grid label{color:#6b7280;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.info-grid span{color:#111827;word-break:break-word;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;min-height:20px;padding:10px 12px;font-size:12px;display:block}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.budget-page{flex:1;transition:margin-inline-end .25s}.budget-layout.drawer-open .budget-page{margin-inline-end:520px}.side-drawer{top:70px;z-index:1000;background:#fff;width:520px;max-width:100vw;height:calc(100vh - 70px);position:fixed;inset-inline-end:0;box-shadow:-8px 0 24px #00000026}@media (width<=768px){.side-drawer{width:100vw;height:100vh;top:0}.viewdrawer{max-width:100vw;width:100vw!important}}.view-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-icon{background:#f3f4ff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:12px;display:flex}.title-row{align-items:center;gap:12px;display:flex}.view-tabs{border-bottom:1px solid #e5e7eb;gap:24px;margin-bottom:24px;display:flex}.view-tabs button{cursor:pointer;background:0 0;border:none;padding:12px 0;font-weight:600}.view-tabs .active{color:#2563eb;border-bottom:2px solid #2563eb}.info-card{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:20px}.info-card h4{margin-bottom:18px}.info-grid{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.info-grid label{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.info-grid span{font-size:12px;font-weight:500}.description{margin-top:20px}.viewer-status{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.viewer-status-active{color:#15803d;background:#eaf8ef;border:1px solid #bbf7d0}.viewer-status-inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.side-drawer{flex-direction:column;display:flex;overflow:hidden}.drawer-body{flex:auto;min-height:0;overflow-y:auto}@media (width<=768px){.budget-layout.drawer-open .budget-page{margin-inline-end:0}.view-tabs{-webkit-overflow-scrolling:touch;gap:16px;overflow-x:auto}.view-tabs button{white-space:nowrap;flex:none}.viewdrawer-header{padding:14px 16px}}