:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#718096;
  --line:#e6eaf0;--primary:#1e3a5f;--primary-2:#274c77;--accent:#d8a449;--danger:#b42318;
  --success:#067647;--warning:#b54708;--shadow:0 10px 30px rgba(31,42,68,.07);--radius:18px
}
*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#14243b;color:#eef4fb;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 22px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#d8a449,#f0c56f);display:grid;place-items:center;color:#14243b;font-weight:800;font-size:18px}.brand strong{display:block;font-size:17px}.brand small{color:#aebdd0}.nav-label{font-size:11px;color:#8ea1b9;margin:18px 10px 8px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:#dbe5f0;margin:3px 0}.nav a:hover,.nav a.active{background:rgba(255,255,255,.08);color:#fff}.dot{width:8px;height:8px;border-radius:50%;background:#d8a449}.main{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}.top-title strong{font-size:16px}.top-title small{display:block;color:var(--muted);margin-top:3px}.userbox{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;background:#e7edf5;display:grid;place-items:center;font-weight:700;color:var(--primary)}.content{padding:28px 30px 60px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{margin:0 0 5px;font-size:25px}.page-head p{margin:0;color:var(--muted)}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi{padding:20px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:30px;font-weight:800;margin-top:8px}.kpi .hint{font-size:12px;color:var(--muted);margin-top:6px}.section{padding:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title h2{font-size:17px;margin:0}.btn{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#eef2f7;color:#26364c}.btn-danger{background:#fff0ee;color:var(--danger);border:1px solid #ffd5cf}.btn-sm{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;background:#fff;min-width:760px}.table th,.table td{padding:13px 14px;text-align:right;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font-size:12px;color:#5c6879;background:#f8fafc;font-weight:700}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;background:#eef2f7;color:#435166}.badge.success{background:#ecfdf3;color:var(--success)}.badge.warning{background:#fff7ed;color:var(--warning)}.badge.danger{background:#fff1f0;color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#4e5d70}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dee8;background:#fff;border-radius:10px;padding:10px 11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7b96b5;box-shadow:0 0 0 3px rgba(39,76,119,.08)}.field textarea{min-height:100px;resize:vertical}.span-2{grid-column:span 2}.actions{display:flex;gap:8px;flex-wrap:wrap}.empty{padding:38px;text-align:center;color:var(--muted)}.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px}.alert.error{background:#fff1f0;color:#8e1b12;border:1px solid #ffd2cc}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f4f7fb}.auth-visual{background:linear-gradient(145deg,#13263f,#1e3a5f 65%,#274c77);padding:56px;color:white;display:flex;flex-direction:column;justify-content:space-between}.auth-visual h1{font-size:38px;max-width:520px;line-height:1.45}.auth-visual p{color:#c8d4e1;max-width:530px;line-height:1.9}.auth-card-wrap{display:grid;place-items:center;padding:32px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card h2{font-size:24px;margin:0 0 8px}.auth-card>p{color:var(--muted);line-height:1.7;margin:0 0 24px}.auth-card .field{margin-bottom:14px}.auth-card .btn{width:100%;margin-top:8px;padding:12px}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.portal-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s}.portal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#bdc9d8}.portal-icon{width:46px;height:46px;border-radius:14px;background:#eef3f8;display:grid;place-items:center;font-size:19px;margin-bottom:16px}.portal-card h3{margin:0 0 7px}.portal-card p{margin:0;color:var(--muted);line-height:1.6}.split{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.timeline{display:grid;gap:12px}.timeline-item{border-right:3px solid #d9e2ec;padding:4px 14px 12px}.timeline-item strong{display:block}.timeline-item small{color:var(--muted)}.role-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fafbfd}.muted{color:var(--muted)}.ltr{direction:ltr;text-align:left}.code{font-family:Consolas,monospace;font-size:12px}.footer-note{margin-top:28px;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:220px 1fr}}
@media(max-width:760px){.layout{display:block}.sidebar{position:relative;height:auto}.topbar{padding:0 16px}.content{padding:20px 14px 50px}.grid-4,.grid-3,.grid-2,.portal-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.role-checks{grid-template-columns:1fr}}
.alert.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.stat-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.money{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.subnav a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:#475467}.form-lines{display:grid;gap:9px}.form-line{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr 2fr;gap:8px;align-items:end}.invoice-line{grid-template-columns:2fr .7fr 1fr .7fr 1.5fr}.summary-box{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px}.summary-row{display:flex;justify-content:space-between;gap:12px}.summary-row.total{border-top:1px solid var(--line);padding-top:10px;font-size:16px;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.report-section{margin-top:16px}.report-section h2{margin:0 0 12px}.mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mini-kpi{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.mini-kpi strong{font-size:18px;display:block;margin-top:5px}.status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger-text{color:var(--danger)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.nowrap{white-space:nowrap}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-item{padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.detail-item small{display:block;color:var(--muted);margin-bottom:5px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form .field{min-width:150px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#fff;font-size:11px}.divider{height:1px;background:var(--line);margin:16px 0}.panel-note{border-right:3px solid var(--accent);background:#fffaf0;padding:10px 12px;border-radius:10px;color:#66511e}.table .muted{font-size:12px}.text-end{text-align:left!important}.w-100{width:100%}
@media(max-width:950px){.form-line,.invoice-line{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr 1fr}.mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.form-line,.invoice-line,.details-grid,.mini-grid{grid-template-columns:1fr}.desktop-only{display:none}.page-head{align-items:flex-start;flex-direction:column}.topbar{height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}}
/* Phase 3 dashboards & audit */
.sidebar-foot{margin-top:28px;padding:14px 10px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#9fb0c4}.secure-mark{color:#58c792;margin-left:5px}.portal-switch{font-size:12px;color:var(--primary);background:#f0f4f8;border:1px solid var(--line);padding:7px 10px;border-radius:9px}.eyebrow{display:inline-block;font-size:11px;font-weight:800;color:#8a6325;background:#fff7e7;border:1px solid #f2dfb7;border-radius:999px;padding:5px 9px;margin-bottom:8px}.dashboard-head{align-items:center}.dashboard-kpis .kpi{position:relative;overflow:hidden;min-height:150px}.dashboard-kpis .kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#f3f6fa;left:-22px;bottom:-30px}.dashboard-kpis .kpi-accent{border-top:3px solid var(--accent)}.kpi-icon{width:34px;height:34px;border-radius:10px;background:#eef3f8;color:var(--primary);display:grid;place-items:center;font-weight:800;margin-bottom:12px}.mini-stat{padding:15px 17px;display:flex;align-items:center;gap:12px}.mini-stat small{display:block;color:var(--muted);margin-bottom:4px}.mini-stat strong{font-size:21px}.status-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 5px #f5f7fa}.warning-dot{background:#e6a23c}.danger-dot{background:#d14b43}.success-dot{background:#2f9e6f}.info-dot{background:#4d82bd}.neutral-dot{background:#8492a6}.dashboard-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:16px}.span-wide{min-width:0}.text-link{font-size:12px;font-weight:700;color:var(--primary)}.bar-list{display:grid;gap:15px}.compact-bars{gap:12px}.bar-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.bar-meta span{color:#475467}.bar-track{height:8px;background:#edf1f5;border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-2),#6688aa);border-radius:999px;min-width:3px}.person-cell{display:flex;align-items:center;gap:9px}.avatar.small{width:30px;height:30px;font-size:12px}.metric-stack{display:grid;gap:0;border:1px solid var(--line);border-radius:13px;overflow:hidden}.metric-stack>div{padding:14px;background:#fff;border-bottom:1px solid var(--line)}.metric-stack>div:last-child{border-bottom:0}.metric-stack small{display:block;color:var(--muted);margin-bottom:6px}.metric-stack strong{font-size:18px}.activity-feed{display:grid}.feed-row{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:0}.feed-marker{width:9px;height:9px;background:var(--accent);border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #fff7e8}.feed-body>div{margin-top:3px}.feed-body small{display:block;color:var(--muted);margin-top:5px}.feed-title{display:flex;align-items:center;gap:8px}.aging-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.aging-grid>div{padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.aging-grid small{display:block;color:var(--muted);margin-bottom:7px}.aging-grid strong{font-size:16px}.setup-list{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.setup-list>div{display:flex;justify-content:space-between;padding:12px 13px;border-bottom:1px solid var(--line)}.setup-list>div:last-child{border-bottom:0}.menu-stack{display:grid;gap:10px}.menu-stack a{display:block;border:1px solid var(--line);padding:13px;border-radius:12px;background:#fafbfd}.menu-stack a:hover{border-color:#b9c6d5;background:#fff}.menu-stack strong,.menu-stack small{display:block}.menu-stack small{color:var(--muted);margin-top:4px}.compact{padding:20px}.filter-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:10px;align-items:end}.filter-actions{display:flex;gap:8px;grid-column:1/-1}.audit-filter-card{padding-bottom:16px}.audit-list{display:grid;gap:9px}.audit-row{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.audit-row[open]{border-color:#c9d4e0;box-shadow:0 6px 18px rgba(31,42,68,.05)}.audit-row summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px 1fr 100px 130px;gap:14px;align-items:center;padding:14px}.audit-row summary::-webkit-details-marker{display:none}.audit-row summary:hover{background:#fafbfd}.audit-time strong,.audit-time small{display:block}.audit-time small{color:var(--muted);margin-top:4px}.audit-main{min-width:0}.audit-title{display:flex;gap:7px;align-items:center;margin-bottom:4px}.audit-main small{display:block;color:var(--muted);margin-top:5px}.audit-entity small,.audit-entity strong{display:block}.audit-entity small{color:var(--muted);margin-bottom:3px}.audit-ip{font-size:12px;color:var(--muted)}.audit-detail{border-top:1px solid var(--line);background:#f8fafc;padding:16px}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audit-diff>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.audit-diff h4{margin:0 0 10px}.audit-diff dl{margin:0;display:grid;gap:6px}.audit-diff dl>div,.diff-line{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px dashed #edf0f4}.audit-diff dl>div:last-child,.diff-line:last-child{border-bottom:0}.audit-diff dt,.diff-line span{color:var(--muted)}.audit-diff dd{margin:0;font-weight:700;max-width:65%;word-break:break-word}.audit-meta{display:flex;gap:18px;color:var(--muted);font-size:11px;margin-top:12px}.archived-row{opacity:.7;background:#fcfcfd}.danger-zone{border:1px solid #ffd9d3;background:#fff8f7;border-radius:12px;padding:12px}.danger-zone p{line-height:1.6}.nav a.active{box-shadow:inset -2px 0 0 var(--accent)}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(3,1fr)}.aging-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.filter-grid,.aging-grid{grid-template-columns:1fr}.audit-row summary{grid-template-columns:1fr;gap:7px}.audit-entity,.audit-ip{display:none}.audit-diff{grid-template-columns:1fr}.dashboard-kpis .kpi{min-height:auto}.sidebar-foot{display:none}}
/* Phase 4 — global collapsible navigation + denser enterprise UI */
.layout{transition:grid-template-columns .22s ease}.sidebar{transition:width .22s ease}.brand-row{display:flex;align-items:center;gap:8px}.brand-row .brand{flex:1;min-width:0}.sidebar-toggle{width:30px;height:30px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:20px;display:grid;place-items:center;transition:.2s}.sidebar-toggle:hover{background:rgba(255,255,255,.12)}.nav a{display:flex;align-items:center;gap:10px}.nav-icon{width:24px;min-width:24px;height:24px;display:inline-grid;place-items:center;font-size:16px;line-height:1}.nav-text,.brand-copy,.nav-label,.sidebar-foot{transition:opacity .12s ease}.sidebar-collapsed .layout{grid-template-columns:76px 1fr}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed .brand-row{justify-content:center;flex-direction:column;gap:10px}.sidebar-collapsed .brand{padding:0;justify-content:center}.sidebar-collapsed .brand-mark{margin:0}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.sidebar-collapsed .nav a{justify-content:center;padding:11px 8px;border-radius:11px}.sidebar-collapsed .nav a.active{box-shadow:inset -2px 0 0 var(--accent),0 0 0 1px rgba(255,255,255,.03)}
.management-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.upload-zone{border:1px dashed #b7c5d5;background:#fbfcfe;border-radius:14px;padding:16px}.upload-zone h3{margin:0 0 5px}.upload-zone p{margin:0 0 12px;color:var(--muted);font-size:12px}.project-card{padding:0;overflow:hidden}.project-card-head{padding:18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.project-card-body{padding:16px}.unit-table td,.unit-table th{vertical-align:middle}.unit-code{font-family:Consolas,monospace;font-weight:800}.inline-status-form{display:flex;gap:6px;align-items:center}.inline-status-form select{min-width:110px;padding:7px 8px}.tree-table tr[data-level="1"] td:first-child{font-weight:800}.tree-table tr[data-level="2"] td:first-child{padding-right:28px}.tree-table tr[data-level="3"] td:first-child{padding-right:48px}.tree-table tr[data-level="4"] td:first-child{padding-right:68px}.tree-node{display:flex;align-items:center;gap:8px}.tree-node .branch{color:#9aa8b8;font-family:Consolas,monospace}.statement-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.statement-toolbar .field{min-width:150px}.report-tabs{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:70px;z-index:8;background:#f4f7fa;padding:10px 0}.report-tabs a{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:9px;font-size:12px;font-weight:700}.report-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.report-summary-grid .mini-kpi{min-width:0}.comparison-table .prior{color:var(--muted)}.comparison-table .variance.positive{color:var(--success)}.comparison-table .variance.negative{color:var(--danger)}.trend-bars{display:grid;grid-template-columns:repeat(12,minmax(34px,1fr));gap:8px;align-items:end;height:190px;padding-top:15px}.trend-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;align-items:center}.trend-column{width:100%;display:flex;gap:3px;align-items:end;justify-content:center;height:140px}.trend-bar{width:12px;min-height:2px;border-radius:5px 5px 2px 2px;background:#274a70}.trend-bar.expense{background:#c6a052}.trend-label{font-size:10px;color:var(--muted)}.zatca-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.readiness-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.readiness-item strong,.readiness-item small{display:block}.readiness-item small{color:var(--muted);margin-top:5px}.readiness-item.ok{border-color:#b8e2cf;background:#f7fffb}.readiness-item.warn{border-color:#f2dfb7;background:#fffaf0}.codebox{direction:ltr;text-align:left;background:#101828;color:#e6edf5;border-radius:12px;padding:12px;font-family:Consolas,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.api-card{border-right:3px solid var(--primary);padding-right:14px}.small-note{font-size:11px;color:var(--muted);line-height:1.7}
@media(max-width:1200px){.report-summary-grid{grid-template-columns:repeat(3,1fr)}.zatca-readiness{grid-template-columns:repeat(2,1fr)}.management-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar-collapsed .layout{display:block}.sidebar-toggle{display:none}.report-summary-grid,.zatca-readiness{grid-template-columns:1fr}.trend-bars{overflow-x:auto;grid-template-columns:repeat(12,44px)}.report-tabs{position:static}.inline-status-form{flex-direction:column;align-items:stretch}}
/* Phase 4 dashboard additions */
.inventory-dashboard-card{overflow:hidden}.inventory-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.inventory-kpis>div{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:13px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.inventory-kpis small{color:var(--muted);font-size:11px}.inventory-kpis strong{font-size:20px;margin-top:3px}.inventory-icon{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;background:#e9eff6;color:var(--primary);border-radius:10px;font-weight:800}.dashboard-trend{height:160px}.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}
@media(max-width:1200px){.inventory-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.inventory-kpis{grid-template-columns:repeat(2,1fr)}}

/* Phase 4 inventory management editors */
.inventory-summary-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini-kpi{padding:16px}.mini-kpi span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.mini-kpi strong{font-size:24px}.upload-zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.row-actions{display:flex;align-items:center;gap:6px}.edit-popover,.entity-editor{position:relative}.edit-popover>summary,.entity-editor>summary{list-style:none;cursor:pointer}.edit-popover>summary::-webkit-details-marker,.entity-editor>summary::-webkit-details-marker{display:none}.edit-panel{position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:420px;max-width:min(92vw,420px);padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(16,37,62,.16);text-align:right}.unit-edit-panel{width:580px;max-width:min(92vw,580px)}.entity-editor{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.entity-editor>summary{padding:10px 12px;font-weight:700}.entity-editor[open]>summary{border-bottom:1px solid var(--line)}.entity-edit-form{padding:12px}.project-description{margin:10px 0;color:var(--muted);line-height:1.8}.unit-table td{vertical-align:top}.unit-editor .edit-panel{left:auto;right:0}.project-grid{align-items:start}
@media(max-width:1000px){.inventory-summary-kpis{grid-template-columns:repeat(2,1fr)}.edit-panel,.unit-edit-panel{position:fixed;left:4vw!important;right:4vw!important;top:12vh;width:auto;max-width:none;max-height:76vh;overflow:auto}}
@media(max-width:620px){.inventory-summary-kpis{grid-template-columns:1fr 1fr}.upload-zone-head,.row-actions{flex-wrap:wrap}.project-grid{grid-template-columns:1fr}}
/* Phase 5 — sales execution, notifications and banking workspace */
.notification-button{position:relative;width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;font-size:20px;color:var(--primary)}.notification-button b{position:absolute;top:-6px;left:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c84545;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.notification-list{display:grid;gap:8px}.notification-row{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.notification-row.unread{background:#f7fbff;border-color:#c9d9eb}.notification-dot{width:8px;height:8px;border-radius:50%;background:#bac5d1}.notification-row.unread .notification-dot{background:var(--accent)}.notification-copy p{margin:4px 0;color:var(--muted)}.notification-copy small{color:var(--muted);font-size:10px}
.task-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.task-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.task-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px;box-shadow:0 4px 14px rgba(20,42,67,.03)}.task-card.overdue{border-color:#efb6b2;background:#fffafa}.task-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.task-card-head>div{display:flex;gap:7px;align-items:center}.task-card h3{margin:12px 0 6px;font-size:16px}.task-card p{margin:0 0 10px;color:var(--muted);line-height:1.7}.task-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:9px 0;border-top:1px dashed var(--line)}.task-meta a{font-weight:700}.task-result{background:#f7fafc;border-radius:10px;padding:9px;margin:8px 0}.task-result small{color:var(--muted)}.task-status-form{display:grid;grid-template-columns:130px 1fr auto;gap:7px;margin-top:10px}.task-reassign{margin-top:9px}.task-reassign summary{cursor:pointer;color:var(--primary);font-weight:700;font-size:11px}.task-reassign .inline-form{display:grid;grid-template-columns:1fr 1fr 100px auto;gap:6px;margin-top:8px}.task-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.task-summary-grid>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px}.task-summary-grid small,.task-summary-grid strong{display:block}.task-summary-grid small{color:var(--muted)}.task-summary-grid strong{font-size:23px;margin-top:4px}.danger-soft{background:#fff5f4!important;border-color:#f0c7c3!important}.task-mini-list{display:grid;gap:7px;margin-top:12px}.task-mini-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.task-mini-row div{min-width:0}.task-mini-row strong,.task-mini-row small{display:block}.task-mini-row small{color:var(--muted);margin-top:3px}
.bank-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bank-summary-grid>div{padding:13px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px}.bank-summary-grid small,.bank-summary-grid strong{display:block}.bank-summary-grid small{color:var(--muted)}.bank-summary-grid strong{font-size:20px;margin-top:5px}.recon-line.matched{background:#f7fff9}.recon-line.unmatched{background:#fffdf7}.match-form{display:flex;gap:6px;align-items:center}.match-form select{min-width:230px}.year-close-box{border:1px solid #dfcfaa;background:#fffaf0;border-radius:13px;padding:14px}.year-close-box h3{margin-top:0}
@media(max-width:1000px){.task-form-grid{grid-template-columns:repeat(2,1fr)}.task-board{grid-template-columns:1fr}.bank-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.task-form-grid,.task-summary-grid,.bank-summary-grid{grid-template-columns:1fr}.task-status-form,.task-reassign .inline-form{grid-template-columns:1fr}.task-mini-row{grid-template-columns:1fr}.notification-row{grid-template-columns:10px 1fr}.notification-row form{grid-column:2}}
.admin-ops-grid .task-summary{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:inherit}.admin-ops-grid .task-summary strong{font-size:28px}.admin-ops-grid .task-summary small{color:var(--muted)}

/* Phase 6 - professional navigation, master-detail pages and document workspace */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav .ui-icon{width:19px;height:19px;min-width:19px}.sidebar-toggle .ui-icon{width:17px;height:17px}.sidebar-collapsed .sidebar-toggle .ui-icon{transform:rotate(180deg)}
.notification-shell{position:relative}.notification-button .ui-icon{width:19px;height:19px}.notification-dropdown{position:absolute;top:45px;left:0;width:min(390px,92vw);background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 55px rgba(18,38,62,.18);z-index:70;display:none;overflow:hidden}.notification-shell.open .notification-dropdown{display:block}.notification-dropdown-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 15px;border-bottom:1px solid var(--line)}.notification-dropdown-head strong,.notification-dropdown-head small{display:block}.notification-dropdown-head small{color:var(--muted);font-size:10px;margin-top:3px}.text-button{border:0;background:transparent;color:var(--primary);font-weight:700;font-size:11px;cursor:pointer}.notification-dropdown-list{max-height:360px;overflow:auto}.notification-drop-row{margin:0;border-bottom:1px solid #edf0f4}.notification-drop-row:last-child{border-bottom:0}.notification-drop-row button{width:100%;border:0;background:#fff;text-align:right;padding:12px;display:grid;grid-template-columns:9px 1fr;gap:10px;cursor:pointer;color:inherit}.notification-drop-row.unread button{background:#f7fbff}.notification-drop-row button:hover{background:#f4f7fa}.notification-drop-dot{width:7px;height:7px;border-radius:50%;background:#b8c3d0;margin-top:5px}.notification-drop-row.unread .notification-drop-dot{background:var(--accent)}.notification-drop-row strong,.notification-drop-row small,.notification-drop-row em{display:block}.notification-drop-row small{color:#58687c;margin-top:4px;line-height:1.5}.notification-drop-row em{font-style:normal;color:#98a2b3;font-size:9px;margin-top:5px}.notification-dropdown-foot{display:block;padding:11px;text-align:center;font-size:11px;font-weight:700;color:var(--primary);background:#fafbfd;border-top:1px solid var(--line)}.notification-drop-empty{padding:30px;text-align:center;color:var(--muted)}
.master-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entity-card{padding:18px;display:flex;flex-direction:column;gap:14px;transition:.18s}.entity-card:hover{transform:translateY(-2px);border-color:#c5d1df;box-shadow:0 14px 32px rgba(31,42,68,.09)}.entity-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.entity-card-head h2,.entity-card-head h3{margin:3px 0 4px}.entity-card-sub{color:var(--muted);font-size:12px}.entity-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.entity-card-metrics>div{padding:9px;border-radius:10px;background:var(--surface-2);text-align:center}.entity-card-metrics strong,.entity-card-metrics small{display:block}.entity-card-metrics small{font-size:9px;color:var(--muted);margin-top:2px}.entity-card-actions{margin-top:auto;display:flex;gap:8px}.breadcrumb{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:8px;flex-wrap:wrap}.breadcrumb a{color:var(--primary);font-weight:700}.detail-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px}.detail-hero h1{margin:4px 0 7px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap}.detail-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-info{padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.detail-info small,.detail-info strong{display:block}.detail-info small{color:var(--muted);margin-bottom:5px}.unit-list-toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:12px}.unit-list-toolbar .field{min-width:150px}.unit-list-toolbar .field.grow{flex:1}.unit-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.unit-tile{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;transition:.16s}.unit-tile:hover{border-color:#bac9da;box-shadow:0 8px 22px rgba(31,42,68,.07)}.unit-tile-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.unit-tile h3{margin:10px 0 3px}.unit-tile .money{font-size:18px;font-weight:800;margin:8px 0}.unit-tile-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px}.unit-tile-actions{margin-top:12px}.status-available{background:#ecfdf3;color:#067647}.status-reserved{background:#fff7ed;color:#b54708}.status-sold{background:#eef2f7;color:#475467}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;flex-wrap:wrap}.document-filters{display:flex;gap:8px;flex-wrap:wrap}.document-filters .field{min-width:150px}.doc-status-stack{display:flex;gap:6px;flex-wrap:wrap}.document-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.document-main{min-width:0}.document-side{display:grid;gap:12px;position:sticky;top:90px}.document-section{padding:20px}.document-section+.document-section{margin-top:14px}.document-header-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.line-editor{border:1px solid var(--line);border-radius:14px;overflow:auto}.line-editor table{width:100%;border-collapse:collapse;min-width:980px}.line-editor th{font-size:11px;color:#667085;background:#f8fafc;padding:9px}.line-editor td{padding:7px;border-top:1px solid var(--line)}.line-editor input,.line-editor select{width:100%;border:1px solid #dce2ea;border-radius:8px;padding:8px}.line-remove{width:30px;height:30px;border-radius:8px;border:0;background:#fff0ee;color:var(--danger);cursor:pointer}.line-add{margin-top:10px}.doc-totals{margin-top:14px;margin-right:auto;max-width:410px;border:1px solid var(--line);border-radius:12px;background:#fafbfd;padding:12px}.doc-total-row{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.doc-total-row.grand{border-top:1px solid var(--line);margin-top:5px;padding-top:10px;font-size:16px}.workflow-card{padding:16px}.workflow-step{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px dashed var(--line)}.workflow-step:last-child{border-bottom:0}.workflow-step .step-dot{width:9px;height:9px;border-radius:50%;background:#c6ced8}.workflow-step.done .step-dot{background:var(--success)}.workflow-step.current .step-dot{background:var(--accent);box-shadow:0 0 0 4px #fff6e7}.related-list{display:grid;gap:7px}.related-link{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.related-link:hover{border-color:#bdcad8}.audit-mini{display:grid;gap:7px}.audit-mini-row{padding:9px;border-right:2px solid #d9e2ec;background:#fafbfd;border-radius:7px}.audit-mini-row small{display:block;color:var(--muted);margin-top:3px}.approval-banner{padding:10px 13px;border-radius:11px;background:#fff7ed;color:#8a4b10;border:1px solid #f1d4ad;margin-bottom:12px}.approval-banner.approved{background:#ecfdf3;color:#067647;border-color:#b9e3cd}.journal-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.journal-balance>div{padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:11px}.journal-balance small,.journal-balance strong{display:block}.journal-balance small{color:var(--muted)}.journal-balance strong{font-size:18px;margin-top:4px}.journal-balance .difference.bad strong{color:var(--danger)}.journal-balance .difference.ok strong{color:var(--success)}.empty-state-card{padding:45px;text-align:center}.empty-state-card .ui-icon{width:34px;height:34px;color:#90a0b2}.empty-state-card h3{margin:12px 0 6px}.cash-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.muted-link{color:var(--primary);font-weight:700;font-size:11px}
@media(max-width:1200px){.master-grid{grid-template-columns:repeat(2,1fr)}.unit-card-grid{grid-template-columns:repeat(3,1fr)}.document-shell{grid-template-columns:1fr}.document-side{position:static}.detail-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.master-grid,.unit-card-grid{grid-template-columns:1fr}.detail-hero{flex-direction:column}.document-header-grid,.journal-balance,.cash-detail-grid{grid-template-columns:1fr}.entity-card-metrics{grid-template-columns:repeat(2,1fr)}.notification-dropdown{position:fixed;top:67px;left:10px;right:10px;width:auto}.unit-list-toolbar .field{min-width:100%;}.content{padding:18px 14px 50px}.topbar{padding:0 14px}}
/* Phase 6 hierarchy + dialogs */
.master-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.entity-card,.unit-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line,#dbe3ee);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(15,35,65,.05);transition:.18s ease}.entity-card:hover,.unit-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,35,65,.1);border-color:#b7c8dc}.entity-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.entity-icon{width:42px;height:42px;border-radius:12px;background:#eef4fb;display:grid;place-items:center;color:#193b67}.entity-icon svg{width:22px;height:22px}.entity-card h2{margin:16px 0 4px}.entity-stats{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;font-size:12px}.entity-stats span{padding:6px 9px;background:#f5f7fa;border-radius:10px}.entity-open{border-top:1px solid #edf0f4;padding-top:13px;font-weight:700;color:#173b68}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px}.detail-facts span,.info-list span{background:#f7f9fc;border:1px solid #edf1f6;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}.detail-facts small,.info-list small{color:#738199}.breadcrumb{display:flex;gap:7px;align-items:center;font-size:12px;margin-bottom:14px;color:#738199}.breadcrumb a{text-decoration:none;color:#365d86}.compact{margin-top:18px}.section-gap{margin-top:16px}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}.unit-card h3{font-size:17px;margin:14px 0 5px}.unit-metrics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:15px;font-size:12px}.unit-metrics strong{margin-inline-start:auto}.hero-money{font-size:24px}.info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-card{border:0;border-radius:20px;padding:0;width:min(620px,92vw);box-shadow:0 24px 70px rgba(0,0,0,.2);direction:rtl}.modal-card.wide{width:min(980px,94vw)}.modal-card::backdrop{background:rgba(13,31,54,.45)}.modal-card form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.modal-head button{border:0;background:#edf1f5;width:34px;height:34px;border-radius:10px;font-size:22px}.modal-actions{display:flex;gap:8px;margin-top:18px}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:8px}.upload-row{display:flex;gap:8px;align-items:center;margin-top:12px}.audit-mini{padding:10px 0;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between;gap:12px}.audit-mini small{color:#7a879a}.small-value{font-size:20px!important}.success-text{color:#17804b}@media(max-width:900px){.form-grid.cols-3,.form-grid.cols-4,.filters{grid-template-columns:1fr 1fr}.detail-facts{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.form-grid.cols-3,.form-grid.cols-4,.filters{grid-template-columns:1fr}.unit-grid,.master-grid{grid-template-columns:1fr}}
/* Phase 6 accounting workspace */
.document-workspace{display:block}.doc-lines-table input,.doc-lines-table select{min-width:90px}.doc-lines-table td:first-child input{min-width:220px}.line-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.invoice-summary{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}.invoice-summary span{background:#f6f8fb;border:1px solid #e5ebf2;border-radius:12px;padding:10px 14px;min-width:140px;display:flex;justify-content:space-between;gap:16px}.invoice-summary .grand{background:#173b68;color:white;border-color:#173b68}.invoice-summary.static{margin-inline-start:auto;max-width:760px}.workflow-actions,.form-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:18px}.journal-balance{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.journal-balance span{padding:10px 14px;border-radius:10px;background:#f5f7fa}.doc-line{display:grid;grid-template-columns:2fr .8fr .8fr 1.4fr 1.4fr 2fr auto;gap:7px;margin-bottom:8px}.icon-remove{border:0;background:#fbeaec;color:#a3313d;border-radius:9px;width:34px;height:34px;font-size:20px;cursor:pointer}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.info-strip span{display:flex;flex-direction:column;background:#f7f9fc;border-radius:10px;padding:10px}.info-strip small,.block-muted{color:#7a8798;font-size:11px;display:block}.empty-state{padding:30px;text-align:center;color:#7a8798}.eyebrow{display:inline-block;color:#8b6b1f;background:#fff5d8;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}@media(max-width:1000px){.doc-line{grid-template-columns:1fr 1fr}.info-strip{grid-template-columns:1fr 1fr}.doc-lines-table{min-width:1100px}}@media(max-width:620px){.info-strip{grid-template-columns:1fr}}

/* ========================= Phase 8: accounting document UX ========================= */
.document-page-title,.document-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.document-page-title h1,.document-detail-head h1{margin:6px 0 5px;font-size:30px}.document-page-title p,.document-detail-head p{margin:0;color:var(--muted,#6b7890)}
.erp-document-form{display:flex;flex-direction:column;gap:16px;padding-bottom:74px}.erp-form-section{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(20,39,70,.045)}.erp-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.erp-section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef3f9;color:#17375e;font-weight:800}.erp-section-heading h2{font-size:18px;margin:1px 0 2px}.erp-section-heading p{margin:0;color:#738198;font-size:12px}.erp-section-heading.with-action{align-items:center}.erp-section-heading.with-action>div{flex:1}.erp-form-grid{display:grid;gap:14px 16px}.erp-form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.erp-form-grid .span-2{grid-column:span 2}.erp-form-grid .span-3{grid-column:span 3}.erp-form-grid .span-4{grid-column:1/-1}.erp-form-section .field label{font-weight:700;color:#25354d}.erp-form-section .field small{display:block;margin-top:5px;color:#8a96a8;font-size:11px}.erp-form-section input,.erp-form-section select,.erp-form-section textarea{background:#fff;border:1px solid #d7deea;border-radius:8px;min-height:40px}.erp-form-section input:focus,.erp-form-section select:focus,.erp-form-section textarea:focus{outline:none;border-color:#557ca8;box-shadow:0 0 0 3px rgba(43,88,135,.08)}
.erp-lines-wrap{overflow-x:auto;border:1px solid #e0e5ed;border-radius:12px;background:#fff}.erp-lines-table{border-collapse:collapse;width:100%;min-width:1120px}.erp-lines-table th{background:#f6f8fb;color:#4a5a71;font-size:11px;font-weight:800;padding:10px 8px;border-bottom:1px solid #dfe5ee;white-space:nowrap}.erp-lines-table th.desc{min-width:260px}.erp-lines-table td{padding:7px;border-bottom:1px solid #edf0f4;vertical-align:middle}.erp-lines-table tr:last-child td{border-bottom:0}.erp-lines-table input,.erp-lines-table select{width:100%;min-width:82px;min-height:36px;border-radius:7px}.erp-lines-table td:first-child input{min-width:240px}.erp-lines-table .line-total{font-weight:800;white-space:nowrap}.erp-lines-table.readonly{min-width:900px}.erp-lines-table.readonly td,.erp-lines-table.readonly th{padding:11px 10px}.erp-lines-table.readonly tbody tr:hover{background:#fafbfd}
.erp-form-footer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);gap:24px;align-items:start}.erp-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.erp-invoice-totals{border:1px solid #dfe5ee;border-radius:12px;overflow:hidden;background:#fbfcfe}.erp-invoice-totals>div{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #e7ebf1}.erp-invoice-totals>div:last-child{border-bottom:0}.erp-invoice-totals span{color:#637188}.erp-invoice-totals strong{font-size:17px}.erp-invoice-totals .grand{background:#17375e;color:#fff}.erp-invoice-totals .grand span{color:#fff}.erp-invoice-totals .grand strong{font-size:20px}.erp-invoice-totals.static{min-width:330px}.erp-sticky-actions{position:sticky;bottom:0;z-index:15;display:flex;gap:10px;justify-content:flex-start;padding:12px 16px;background:rgba(255,255,255,.96);border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 -8px 22px rgba(23,55,94,.08);backdrop-filter:blur(8px)}
.detail-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.document-kpis .kpi{min-height:104px}.document-kpis .kpi small{color:#8995a8}.document-party-grid .party-card{min-height:150px}.party-card strong{font-size:17px}.party-meta{display:grid;gap:6px;margin-top:10px;color:#66758b;font-size:12px}.document-info-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.document-info-grid>div{background:#f7f9fc;border:1px solid #ebeff5;border-radius:10px;padding:10px 12px}.document-info-grid small{display:block;color:#8190a5;margin-bottom:5px}.document-info-grid strong{font-size:12px}.document-detail-bottom{display:flex;justify-content:space-between;gap:22px;margin-top:16px;align-items:flex-start}.document-notes{flex:1;display:grid;gap:12px}.document-notes>div{background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;padding:12px}.document-notes small{color:#76859a}.document-notes p{margin:5px 0 0;white-space:pre-wrap}.payment-panel{min-height:220px}.direct-payment-form{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) auto;gap:10px;align-items:end;padding:14px;background:#f7f9fc;border:1px solid #e4e9f0;border-radius:12px;margin-top:12px}.direct-payment-form .field{margin:0}.direct-payment-form button{height:40px;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.status-chip.paid{background:#e9f8ef;color:#13713c}.status-chip.due{background:#fff2e7;color:#a45118}.payment-history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #edf0f4;font-size:12px}.payment-history-row:last-child{border-bottom:0}.empty-state.compact{padding:20px;text-align:center;background:#f8fafc;border-radius:10px;color:#6f7c8f}.success-text{color:#13854d!important}.danger-text{color:#b42318!important}
.trial-balance-table{min-width:1100px}.trial-balance-table thead tr:first-child th{text-align:center;background:#edf2f7;color:#31445e}.trial-balance-table tfoot td{font-weight:900;background:#f6f8fb}.balance-check{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;margin-top:12px;font-size:12px}.balance-check.ok{background:#eaf8ef;color:#176b3b}.balance-check.bad{background:#fff0ef;color:#9e2d26}
@media(max-width:1200px){.erp-form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-form-footer-grid{grid-template-columns:1fr}.document-info-grid{grid-template-columns:repeat(3,1fr)}.direct-payment-form{grid-template-columns:repeat(3,minmax(0,1fr))}.direct-payment-form button{grid-column:span 3}.erp-notes-grid{grid-template-columns:1fr}}
@media(max-width:720px){.document-page-title,.document-detail-head{flex-direction:column}.erp-form-grid.cols-4{grid-template-columns:1fr}.erp-form-grid .span-2,.erp-form-grid .span-3{grid-column:span 1}.document-info-grid{grid-template-columns:repeat(2,1fr)}.document-detail-bottom{flex-direction:column}.erp-invoice-totals.static{min-width:0;width:100%}.direct-payment-form{grid-template-columns:1fr}.direct-payment-form button{grid-column:auto}.erp-sticky-actions{position:static}}

.select-search{margin-bottom:7px;background:#fbfcfe;border-style:dashed}.select-search:focus{border-style:solid}

/* Phase 9 — workflow clarity, compact inventory and payment actions */
.inventory-kpi-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.inventory-kpi-strip>div{
  background:var(--card,#fff);
  border:1px solid var(--line,#dbe3ed);
  border-radius:14px;
  padding:12px 14px;
  min-height:72px;
  box-shadow:0 8px 24px rgba(15,35,64,.035);
}
.inventory-kpi-strip span{display:block;color:var(--muted,#74839a);font-size:12px;font-weight:700}
.inventory-kpi-strip strong{display:block;margin-top:4px;font-size:20px;line-height:1.2;color:var(--ink,#10213a)}
.inventory-workspace{padding:18px}
.inventory-workspace .section-title{margin-bottom:12px}
.unit-filter-bar{
  display:grid;
  grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto auto;
  gap:8px;
  align-items:end;
  margin-bottom:14px;
}
.unit-filter-bar input,.unit-filter-bar select{width:100%}
.unit-table{min-width:980px}
.unit-table td,.unit-table th{vertical-align:middle}
.unit-code-link{font-weight:900;color:var(--primary,#183a67);font-size:15px;text-decoration:none}
.unit-code-link:hover{text-decoration:underline}
.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.pagination-bar .pager-actions{display:flex;gap:8px;align-items:center}
.project-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.project-support-grid details{background:var(--card,#fff);border:1px solid var(--line,#dbe3ed);border-radius:14px;padding:14px}
.project-support-grid details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:900;color:var(--ink,#10213a);list-style:none}
.project-support-grid details summary::-webkit-details-marker{display:none}
.project-support-grid details[open] summary{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line,#dbe3ed)}
.span-wide{grid-column:span 2}

.direct-payment-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(140px,1fr));
  gap:10px;
  align-items:end;
  margin-top:12px;
  overflow:visible;
}
.direct-payment-form .payment-submit{
  grid-column:1/-1;
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  position:relative;
  z-index:1;
}
.payment-panel{min-height:auto;overflow:visible}
.payment-history-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line,#dbe3ed)}
.posted-lock-note{
  margin-top:14px;
  padding:11px 13px;
  border-radius:12px;
  background:#fff8e8;
  border:1px solid #f3d79c;
  color:#76530c;
  font-size:13px;
  font-weight:700;
}

.trial-balance-table{min-width:1120px}
.trial-balance-table th{white-space:normal;text-align:center}
.trial-balance-table td:nth-child(n+3){text-align:center}
.trial-balance-table .money,
.trial-balance-table td:nth-child(n+3){direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-variant-numeric:tabular-nums}
.trial-balance-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.trial-balance-checks>div{border:1px solid var(--line,#dbe3ed);background:#fff;border-radius:12px;padding:10px 12px}
.trial-balance-checks span{display:block;color:var(--muted,#74839a);font-size:12px}
.trial-balance-checks strong{display:block;margin-top:3px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

.permission-error-card{max-width:720px;margin:80px auto;background:#fff;border:1px solid var(--line,#dbe3ed);border-radius:20px;padding:30px;text-align:center;box-shadow:0 16px 50px rgba(15,35,64,.08)}
.permission-error-card .error-code{font-size:44px;font-weight:950;color:var(--primary,#183a67);line-height:1}
.permission-error-card h1{margin:12px 0 8px}.permission-error-card p{color:var(--muted,#74839a);line-height:1.8}

@media (max-width:1100px){
  .inventory-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .unit-filter-bar{grid-template-columns:1fr 1fr 1fr}
  .unit-filter-bar .search-wide{grid-column:1/-1}
  .direct-payment-form{grid-template-columns:1fr 1fr}
  .project-support-grid{grid-template-columns:1fr}
  .span-wide{grid-column:1/-1}
}
@media (max-width:720px){
  .inventory-kpi-strip{grid-template-columns:1fr 1fr}
  .unit-filter-bar{grid-template-columns:1fr}
  .unit-filter-bar .search-wide{grid-column:auto}
  .direct-payment-form{grid-template-columns:1fr}
  .direct-payment-form .payment-submit{grid-column:auto}
  .trial-balance-checks{grid-template-columns:1fr}
}

/* Phase 11 — production readiness */
.readiness-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.readiness-section{margin-top:14px}.readiness-list{display:grid;gap:8px}.readiness-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line,#e4e9f0);border-radius:12px;background:#fff}.readiness-row>div{display:grid;gap:4px;min-width:0}.readiness-row small{color:var(--muted,#697386);line-height:1.6}.status-pill{direction:ltr;display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.03em}.status-pass{background:#eaf8ef;color:#147a3c}.status-warn{background:#fff6dd;color:#946200}.status-fail,.status-blocker{background:#fff0ee;color:#b42318}.status-blocker{border:1px solid #f6c7c0}@media(max-width:900px){.readiness-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-row{flex-direction:column}.status-pill{min-width:68px}}

/* Phase 12 — executive dashboards, Rakaz identity and final UI polish */
.auth-page-rakaz{background:#f7f5f1;grid-template-columns:minmax(460px,1.05fr) minmax(480px,.95fr)}
.auth-brand-panel{position:relative;overflow:hidden;background:linear-gradient(155deg,#14243b 0%,#1c3657 58%,#2b4f78 100%);padding:52px 64px}
.auth-brand-panel:before{content:"";position:absolute;inset:auto -110px -150px auto;width:430px;height:430px;border:1px solid rgba(216,164,73,.18);border-radius:50%}
.auth-brand-panel:after{content:"";position:absolute;top:-130px;left:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(216,164,73,.15),transparent 66%);pointer-events:none}
.auth-brand-lockup,.auth-brand-message,.auth-secure-note{position:relative;z-index:1}
.auth-brand-lockup{display:flex;align-items:center;gap:18px}.auth-logo-frame{width:168px;height:120px;border-radius:18px;background:#fff;overflow:hidden;display:grid;place-items:center;padding:8px;box-shadow:0 12px 34px rgba(0,0,0,.16)}
.auth-logo-frame img{width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}.auth-brand-name strong{display:block;font-size:30px;letter-spacing:.01em}.auth-brand-name span{display:block;font-size:15px;margin-top:3px;color:#f2f5f8}.auth-brand-name small{display:block;margin-top:7px;color:#b8c5d4;letter-spacing:.08em}
.auth-brand-message{max-width:620px}.auth-brand-kicker,.auth-card-kicker{display:inline-flex;align-items:center;gap:7px;color:#e7bf78;font-weight:800;font-size:12px;letter-spacing:.02em}.auth-brand-message h1{font-size:42px;line-height:1.35;margin:16px 0 12px;max-width:620px}.auth-brand-message p{font-size:15px;line-height:2;max-width:590px;color:#d2dce8}.auth-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.auth-trust-row span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);font-size:11px;color:#e4ebf3}.auth-secure-note{color:#9eb0c6}
.auth-card-wrap{background:linear-gradient(180deg,#faf9f6,#f4f6fa)}.auth-login-card{width:min(470px,100%);padding:36px;border-radius:26px;box-shadow:0 22px 60px rgba(20,36,59,.11)}.auth-card-heading{margin-bottom:24px}.auth-card-heading h2{font-size:29px;margin:7px 0 8px}.auth-card-heading p{margin:0;color:var(--muted);line-height:1.8}.auth-card-kicker{color:#9b6c21}.auth-form .field{margin-bottom:16px}.auth-form .field input{min-height:46px;background:#fbfcfe}.auth-submit{min-height:47px;margin-top:4px}.auth-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px}.auth-card-footer a{font-weight:800;color:var(--primary)}.auth-card-footer span{color:var(--muted)}.auth-mobile-brand{display:none}

.executive-dashboard{display:grid;gap:16px}.executive-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:20px;color:#fff;box-shadow:0 16px 42px rgba(20,36,59,.12)}.executive-hero:after{content:"";position:absolute;left:-45px;bottom:-90px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.crm-hero{background:linear-gradient(125deg,#183454,#244d79)}.finance-hero{background:linear-gradient(125deg,#183454,#1b446d 62%,#2b5e78)}.admin-hero{background:linear-gradient(125deg,#172b47,#233e60 62%,#3b4f6b)}.hero-copy,.hero-actions{position:relative;z-index:1}.hero-copy{max-width:760px}.hero-copy h1{font-size:28px;margin:6px 0 7px}.hero-copy p{margin:0;color:#d6e0eb;line-height:1.8}.hero-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(216,164,73,.15);border:1px solid rgba(238,192,110,.28);color:#f0c878;font-size:11px;font-weight:900}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-light{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-light:hover{background:rgba(255,255,255,.16)}
.executive-kpi-grid{display:grid;gap:12px}.executive-kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.executive-kpi{position:relative;min-height:118px;padding:16px 17px;border:1px solid #e3e8ef;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(25,42,67,.045);overflow:hidden}.executive-kpi:after{content:"";position:absolute;left:-24px;bottom:-36px;width:86px;height:86px;border-radius:50%;background:#f4f6f9}.executive-kpi:hover{border-color:#c8d2df;transform:translateY(-1px)}.executive-kpi.attention{border-color:#f1c7be;background:#fffafa}.kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#6f7d90;font-size:11px}.kpi-top b{font-size:12px;color:#4c5c72}.kpi-top i{font-style:normal;color:#97a3b4;font-size:10px;direction:ltr}.executive-kpi>strong{position:relative;z-index:1;display:block;font-size:25px;margin-top:12px;color:#13243c}.executive-kpi>small{position:relative;z-index:1;display:block;margin-top:5px;color:#8793a4;font-size:10px}
.attention-rail{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 14px;border-radius:13px;border:1px solid #f0d6a2;background:#fffaf0;color:#684a13}.attention-rail>div{display:flex;align-items:center;gap:7px;margin-left:4px}.attention-rail a{padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #f1e0bd;font-size:11px;font-weight:800}.attention-dot{width:8px;height:8px;border-radius:50%;background:#d59b35;box-shadow:0 0 0 4px rgba(213,155,53,.12)}
.executive-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.78fr);gap:16px}.executive-panel{padding:19px 20px;box-shadow:0 8px 28px rgba(25,42,67,.045)}.executive-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.executive-panel-head h2{font-size:17px;margin:3px 0 0}.executive-panel-head a{color:var(--primary);font-size:11px;font-weight:900}.section-kicker{display:block;color:#8a6b3b;font-size:10px;font-weight:900}.pipeline-visual{display:grid;gap:15px}.pipeline-row{display:grid;gap:7px}.pipeline-label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.pipeline-label strong{color:#183454}.pipeline-track{height:9px;border-radius:999px;background:#eef2f6;overflow:hidden}.pipeline-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1f456f,#5a80a7);min-width:4px}.source-rank{display:grid;gap:11px}.source-row{display:grid;grid-template-columns:28px minmax(85px,1fr) 1.2fr;align-items:center;gap:9px}.source-row .rank{width:26px;height:26px;border-radius:9px;background:#f2f4f7;display:grid;place-items:center;font-size:10px;font-weight:900;color:#6b7789}.source-row strong,.source-row small{display:block}.source-row strong{font-size:11px}.source-row small{color:var(--muted);font-size:9px;margin-top:2px}.source-meter{height:5px;background:#eef2f6;border-radius:999px;overflow:hidden}.source-meter span{display:block;height:100%;background:#d0a24e;border-radius:999px}.compact-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.compact-stat-row>div{padding:10px 12px;border-radius:11px;background:#f8fafc;border:1px solid #edf0f4}.compact-stat-row b,.compact-stat-row span{display:block}.compact-stat-row b{font-size:18px}.compact-stat-row span{font-size:9px;color:var(--muted);margin-top:3px}.executive-list{display:grid}.executive-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf0f4}.executive-list-row:last-child{border-bottom:0}.executive-list-row>div{min-width:0}.executive-list-row strong,.executive-list-row small{display:block}.executive-list-row small{margin-top:3px;color:var(--muted);font-size:10px}.priority-dot{width:9px;height:9px;border-radius:50%;background:#8b98aa}.priority-dot.urgent{background:#c2342b}.priority-dot.high{background:#db9133}.priority-dot.normal{background:#4e83b4}.empty-state-pro{min-height:150px;display:grid;place-items:center;color:#8a96a7;background:#fafbfd;border:1px dashed #e1e7ee;border-radius:12px}.empty-state-pro.compact{min-height:82px}.inventory-donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.inventory-donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;text-decoration:none;color:inherit;transition:transform .18s ease}.inventory-donut:hover{transform:translateY(-2px)}.inventory-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#fff}.inventory-donut>div{position:relative;z-index:1;text-align:center}.inventory-donut strong,.inventory-donut span{display:block}.inventory-donut strong{font-size:25px}.inventory-donut span{font-size:9px;color:var(--muted)}.legend-list{display:grid;gap:9px}.legend-list>div,.legend-list>a{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:10px;color:inherit;text-decoration:none}.legend-list i{width:8px;height:8px;border-radius:50%}.legend-list i.available{background:#2b7954}.legend-list i.reserved{background:#d5a24c}.legend-list i.sold{background:#315d8a}.legend-list i.website{background:#8b98aa}.panel-foot-note{margin-top:14px;padding-top:11px;border-top:1px solid #edf0f4;color:var(--muted);font-size:10px}.pro-table-wrap{border-color:#e6ebf1}.pro-table{min-width:720px}.pro-table th{background:#f6f8fb;color:#617087}.pro-table td{padding-top:11px;padding-bottom:11px}.person-cell>div:last-child small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.micro-activity{display:grid}.micro-activity>div{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #edf0f4}.micro-activity>div:last-child{border-bottom:0}.micro-activity>div>span{width:7px;height:7px;border-radius:50%;background:#d4a04a;margin-top:5px;box-shadow:0 0 0 3px #fff5df}.micro-activity p{margin:0}.micro-activity strong,.micro-activity small{display:block}.micro-activity small{color:var(--muted);margin-top:3px;font-size:10px}.micro-activity em{font-style:normal;color:#8b98aa;font-size:9px;margin-right:6px}
.executive-trend{height:230px;padding-top:10px}.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:8px;color:#76849a;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:3px}.chart-legend i.revenue{background:#274a70}.chart-legend i.expense{background:#c6a052}.finance-ratio-list,.readiness-compact{display:grid;border:1px solid #e6ebf1;border-radius:13px;overflow:hidden}.finance-ratio-list>div,.readiness-compact>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;background:#fff;border-bottom:1px solid #edf0f4}.finance-ratio-list>div:last-child,.readiness-compact>div:last-child{border-bottom:0}.finance-ratio-list span,.readiness-compact span{font-size:10px;color:#68778c}.finance-ratio-list strong,.readiness-compact strong{font-size:13px}.aging-pro{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.aging-pro>div{padding:14px;border-radius:12px;border:1px solid #e6ebf1;background:#fafbfd}.aging-pro>div.late{background:#fff7f5;border-color:#f1d1cb}.aging-pro span,.aging-pro strong{display:block}.aging-pro span{font-size:10px;color:#758297}.aging-pro strong{margin-top:7px;font-size:16px}.cash-type{min-width:45px;text-align:center;border-radius:999px;padding:5px 7px;background:#edf3f9;color:#315d8a;font-size:9px;font-weight:900}.cash-type.payment{background:#fff4e5;color:#9d6219}.admin-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-shortcuts a{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:14px;border:1px solid #e5eaf0;border-radius:13px;background:#fbfcfe}.admin-shortcuts a:hover{background:#fff;border-color:#bdc9d8}.admin-shortcuts>a>span{width:34px;height:34px;border-radius:10px;background:#edf2f7;color:#26476e;display:grid;place-items:center;font-size:9px;font-weight:900}.admin-shortcuts strong,.admin-shortcuts small{display:block}.admin-shortcuts small{color:var(--muted);font-size:9px;margin-top:3px}

/* reports and budget polish */
.report-tabs{gap:7px;border-bottom:1px solid #e3e8ef;padding:8px 0 12px}.report-tabs a{border-radius:999px;padding:7px 12px;background:#fff;box-shadow:none}.report-tabs a:hover{border-color:#adc0d4;color:#17375e}.report-summary-grid{gap:9px}.report-summary-grid .mini-kpi{background:#fff;border-radius:14px;padding:13px 14px;box-shadow:0 5px 16px rgba(24,52,84,.035)}.report-section{box-shadow:0 7px 24px rgba(24,52,84,.04)}.report-section .table-wrap{border-radius:12px}.budget-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.budget-kpi{padding:15px;border:1px solid #e3e8ef;border-radius:14px;background:#fff}.budget-kpi span,.budget-kpi strong,.budget-kpi small{display:block}.budget-kpi span{color:#778499;font-size:10px}.budget-kpi strong{font-size:22px;margin-top:6px}.budget-kpi small{font-size:9px;color:#96a0af;margin-top:3px}.budget-progress{height:8px;border-radius:999px;background:#eef2f6;overflow:hidden;margin-top:10px}.budget-progress span{display:block;height:100%;background:linear-gradient(90deg,#315d8a,#5d84aa);border-radius:999px}.budget-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.budget-form-card{background:#fbfcfe;border:1px solid #e8ecf1;border-radius:14px;padding:15px}.budget-month-strip{display:grid;grid-template-columns:repeat(12,minmax(48px,1fr));gap:6px;align-items:end;margin-top:14px;overflow:auto;padding-bottom:4px}.budget-month{min-width:48px;text-align:center}.budget-month-bars{height:100px;display:flex;justify-content:center;align-items:end;gap:3px}.budget-month-bars i{display:block;width:10px;min-height:2px;border-radius:4px 4px 1px 1px;background:#315d8a}.budget-month-bars i.actual{background:#d2a14b}.budget-month span{display:block;color:#7b8799;font-size:9px;margin-top:5px}.budget-legend{display:flex;gap:14px;justify-content:flex-end;margin-top:7px;font-size:9px;color:#7a8799}.budget-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:4px}.budget-legend i.budget{background:#315d8a}.budget-legend i.actual{background:#d2a14b}.budget-table td:nth-child(n+4),.budget-table th:nth-child(n+4){direction:ltr;unicode-bidi:isolate;text-align:center}.export-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.export-actions a{font-size:10px;font-weight:900;padding:6px 9px;border-radius:8px;background:#f1f5f9;border:1px solid #e3e8ef;color:#294967}

@media(max-width:1300px){.executive-kpi-grid.six{grid-template-columns:repeat(3,1fr)}.admin-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.executive-layout{grid-template-columns:1fr}.executive-hero{align-items:flex-start;flex-direction:column}.aging-pro{grid-template-columns:repeat(3,1fr)}.budget-kpi-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.auth-page-rakaz{display:block}.auth-brand-panel{display:none}.auth-card-wrap{min-height:100vh;padding:22px}.auth-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-mobile-brand img{width:86px;height:62px;object-fit:contain;transform:none}.auth-mobile-brand strong{font-size:15px}.auth-login-card{padding:25px 20px}.auth-card-footer{align-items:flex-start;flex-direction:column}.executive-kpi-grid.six{grid-template-columns:1fr 1fr}.executive-hero{padding:20px}.hero-copy h1{font-size:23px}.compact-stat-row,.aging-pro,.admin-shortcuts,.budget-kpi-strip{grid-template-columns:1fr 1fr}.inventory-donut-wrap{grid-template-columns:1fr;justify-items:center}.budget-month-strip{grid-template-columns:repeat(12,50px)}}
@media(max-width:480px){.executive-kpi-grid.six,.compact-stat-row,.aging-pro,.admin-shortcuts,.budget-kpi-strip{grid-template-columns:1fr}.source-row{grid-template-columns:26px 1fr}.source-meter{grid-column:2}.executive-list-row{grid-template-columns:auto 1fr}.executive-list-row>:last-child{grid-column:2}.hero-actions{width:100%}.hero-actions .btn{flex:1}}

.website-publishing-panel{border-top:3px solid #d5a24c}.website-media-row{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #e8edf3}.website-media-row>div strong,.website-media-row>div small{display:block}.website-media-row>div small{color:var(--muted);margin-top:4px}.website-media-row form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}