:root{color-scheme:light;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;--prato-purple: #5b2aa8;--prato-purple-dark: #32135f;--prato-yellow: #f7c948;--prato-sky: #3bb8e8;--ink: #111111;--muted: #66616e;--line: #ece7f5;--surface: #ffffff;--page: #f8f7fb;background:var(--page);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(91,42,168,.08),transparent 320px),linear-gradient(90deg,rgba(59,184,232,.08),transparent 48%),var(--page)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,480px);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px #32135f1f;padding:32px;text-align:center}.brand-lockup{display:flex;align-items:center;gap:10px}.login-brand-lockup{justify-content:center;margin-bottom:18px}.header-brand-lockup{flex:0 0 auto}.brand-logo-tile{display:grid;place-items:center;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px}.brand-logo-tile img{display:block;max-width:88%;max-height:88%;object-fit:contain}.login-brand-lockup .brand-logo-tile.prato{width:168px;height:92px;border-color:#5b2aa833}.login-brand-lockup .brand-logo-tile.tabab{width:108px;height:164px;border-color:#3bb8e83d}.header-brand-lockup .brand-logo-tile{width:72px;height:58px}.header-brand-lockup .brand-logo-tile.tabab{width:48px;height:72px}.brand-link{width:22px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--prato-yellow),var(--prato-sky))}.tenant-name{margin:18px 0 4px;color:var(--prato-purple);font-weight:800}.login-panel .tenant-name{line-height:1.5;margin-bottom:26px}.login-panel h1,.portal-header h1,.table-heading h2,.modal-header h2{margin:0;letter-spacing:0}.login-panel h1{font-size:38px;line-height:1.12}.login-context,.branch-line,.table-heading p,.modal-header p,.subtle-text{color:var(--muted)}.login-context{margin:10px 0 24px}.login-form{display:grid;gap:16px;text-align:right}label{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:700}input,select{width:100%;height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--prato-purple);box-shadow:0 0 0 3px #5b2aa824}.primary-button,.secondary-button,.ghost-button,.row-button{border:0;border-radius:6px;font-weight:800;transition:background .15s ease,border-color .15s ease,transform .15s ease}.primary-button{min-height:46px;background:var(--prato-purple);color:var(--surface);padding:0 18px}.primary-button:hover:not(:disabled){background:var(--prato-purple-dark)}.secondary-button{min-height:46px;background:var(--prato-yellow);color:var(--ink);padding:0 18px}.secondary-button:hover:not(:disabled){background:#e7b734}.ghost-button{min-height:42px;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:0 14px}.ghost-button:hover:not(:disabled){border-color:var(--prato-purple)}.compact{min-height:44px}.form-error,.inline-error{margin:0;border-radius:6px;color:#9b1c1c;background:#fff0f0;border:1px solid #ffd4d4;padding:10px 12px}.dashboard-shell{width:min(100%,1440px);margin:0 auto;padding:28px}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0 28px}.portal-heading{display:flex;align-items:center;gap:16px}.portal-heading .tenant-name{margin-top:0}.portal-header h1{font-size:46px;line-height:1.12}.branch-line{margin:10px 0 0}.identity-strip{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,transparent 0 68%,rgba(91,42,168,.08) 68% 76%,transparent 76%),linear-gradient(45deg,transparent 0 70%,rgba(59,184,232,.14) 70% 78%,transparent 78%),var(--surface);color:var(--muted);font-size:13px;font-weight:800}.identity-strip strong{color:var(--prato-purple);font-size:16px;text-align:center}.identity-brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.identity-brand .brand-logo-tile{width:38px;height:34px;border-color:#5b2aa81f}.identity-brand .brand-logo-tile.prato{width:48px}.identity-brand .brand-logo-tile.tabab{width:30px;height:46px}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px}.summary-card{min-height:118px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;align-content:space-between}.summary-card.strong{background:var(--prato-purple);color:var(--surface);border-color:var(--prato-purple);box-shadow:inset 0 -5px 0 var(--prato-yellow)}.summary-card p{margin:0;color:inherit;opacity:.78;font-weight:700}.summary-card strong{font-size:30px;line-height:1.15}.toolbar-band,.table-panel{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.toolbar-band{padding:18px}.filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px}.search-field{min-width:0}.toolbar-actions{display:flex;gap:8px;justify-content:flex-end}.table-panel{overflow:hidden}.table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.table-heading p{margin:4px 0 0}.status-pill{border-radius:999px;background:#3bb8e824;color:var(--prato-purple);padding:6px 10px;font-size:13px;font-weight:800}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:right;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-size:13px;background:#fbfaff}td strong,.amount-cell,.invoice-number-cell{font-weight:850}.invoice-total-footer td{background:#fbfaff;border-bottom:0;border-top:1px solid var(--line);color:var(--ink);font-weight:900}.invoice-total-label{color:var(--prato-purple)}.receipt-number{direction:rtl;unicode-bidi:isolate;display:inline-flex;align-items:center;gap:4px}.receipt-code{direction:ltr;unicode-bidi:isolate;display:inline-block}.subtle-text{display:block;margin-top:4px;font-size:12px}.row-button{background:#5b2aa814;color:var(--prato-purple);padding:8px 12px}.row-actions,.modal-actions{display:inline-flex;align-items:center;gap:8px}.pdf-row-button{background:#f7c94861;color:var(--ink)}.row-button:hover{background:#f7c94852}.empty-cell{text-align:center;color:var(--muted);padding:28px}.pagination-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1111117a;display:grid;place-items:center;padding:18px;z-index:20}.invoice-modal{width:min(100%,680px);max-height:min(760px,92dvh);overflow:auto;background:var(--surface);border-radius:8px;box-shadow:0 24px 80px #0003}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.modal-actions{flex:0 0 auto}.icon-button{width:42px;padding:0;font-size:24px;line-height:1}.invoice-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.metric-block{display:grid;gap:6px;background:#fbfaff;border-radius:6px;padding:10px}.metric-block span{color:var(--muted);font-size:12px;font-weight:800}.metric-block strong{color:var(--ink);font-size:15px}.metric-block.strong{background:var(--prato-purple)}.metric-block.strong span,.metric-block.strong strong{color:var(--surface)}.items-list{display:grid;padding:8px 20px 20px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 150px 160px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.item-row span{color:var(--muted)}.item-row-header{color:var(--muted);font-size:12px;font-weight:800}.invoice-total-row{display:flex;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 0 0;color:var(--prato-purple);border-top:2px solid var(--prato-yellow);font-weight:850}.loader{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--prato-purple);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.summary-grid,.filters-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.dashboard-shell{padding:18px}.portal-header,.portal-heading{align-items:flex-start;flex-direction:column}.portal-header h1{font-size:34px}.login-panel h1{font-size:32px}.summary-card strong{font-size:28px}.login-brand-lockup{gap:8px}.login-brand-lockup .brand-logo-tile.prato{width:144px;height:82px}.login-brand-lockup .brand-logo-tile.tabab{width:96px;height:146px}.identity-strip{align-items:stretch;flex-direction:column;text-align:center}.identity-brand{justify-content:center}.summary-grid,.filters-form,.invoice-meta,.item-row{grid-template-columns:1fr}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.login-panel{padding:24px}}@media (max-width: 420px){.login-panel{padding:22px}.login-brand-lockup{display:grid;justify-items:center}.login-brand-lockup .brand-link{width:4px;height:18px}}