@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe7;--bg-strong:#f0d9ab;--panel:#fff9efdb;--panel-strong:#fffaf1;--text:#16211c;--muted:#5a675f;--line:#19231e1f;--brand:#164e3f;--brand-soft:#2f7c66;--accent:#d86f2f;--danger:#9d2a24;--shadow:0 20px 60px #1f2e261f;font-family:IBM Plex Sans,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#d86f2f2e,#0000 28%),radial-gradient(circle at 100% 0,#164e3f29,#0000 24%),linear-gradient(135deg,#f7f2ea 0%,#f2ebdf 38%,#f8f4ec 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);color:#f5f1e8;background:linear-gradient(#164e3ffa 0%,#123f34fa 100%);padding:28px 22px}.brand-panel{background:linear-gradient(160deg,#ffffff24,#ffffff0a);border:1px solid #ffffff24;border-radius:24px;padding:20px;box-shadow:inset 0 1px #ffffff26}.brand-panel h1,.topbar h2,.page-header h3,.section-card h4{letter-spacing:-.03em;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.brand-panel h1{margin:8px 0 10px;font-size:2rem}.brand-panel p{color:#f5f1e8c2;margin:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:inherit;opacity:.7;margin:0;font-size:.73rem}.nav{gap:10px;margin-top:28px;display:grid}.nav-link{color:#f5f1e8d6;border-radius:16px;padding:12px 14px;transition:transform .16s,background .16s}.nav-link:hover,.nav-link.active{color:#fffaf2;background:#ffffff1f;transform:translate(3px)}.sidebar-footer{color:#f5f1e8bd;align-items:center;gap:10px;margin-top:30px;font-size:.9rem;display:flex}.status-dot{background:#8fdf8a;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #8fdf8a29}.main{padding:24px}.topbar{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff9;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.topbar h2{margin:8px 0 0;font-size:clamp(1.45rem,3vw,2.5rem)}.topbar-user{background:#164e3f14;border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.topbar-user p{color:var(--muted);margin:4px 0 0}.locale-pill{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-soft) 100%);color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.content{gap:24px;margin-top:24px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-header h3{margin:10px 0 6px;font-size:clamp(1.4rem,2.2vw,2rem)}.page-description{max-width:66ch;color:var(--muted);margin:0}.page-actions,.action-row{flex-wrap:wrap;gap:10px;display:flex}.button,.button-secondary,.button-ghost{cursor:pointer;border:1px solid #0000;border-radius:16px;padding:12px 16px;transition:opacity .16s,transform .16s,background .16s}.button{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-soft) 100%);color:#fff}.button-secondary{color:#6c2b12;background:linear-gradient(135deg,#d86f2f24 0%,#d86f2f47 100%)}.button-ghost{color:var(--brand);background:#164e3f0d;border-color:#164e3f1f}.button:disabled,.button-secondary:disabled,.button-ghost:disabled{opacity:.55;cursor:not-allowed}.metric-grid,.card-grid,.form-grid{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card,.section-card,.login-card{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffa3;border-radius:24px}.metric-card{padding:18px 20px}.metric-card p,.metric-card span,.section-card p,.field-list li{color:var(--muted)}.metric-card strong{letter-spacing:-.04em;margin-top:12px;font-size:2rem;display:block}.metric-card span{margin-top:8px;display:inline-block}.section-card{padding:22px}.section-card-header{margin-bottom:18px}.section-card h4{margin:8px 0 0;font-size:1.18rem}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}.data-table th{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.82rem}.stack{gap:16px;display:grid}.surface-note,.muted-text{color:var(--muted);margin:0}.surface-note{background:#164e3f0d;border:1px solid #164e3f1a;border-radius:16px;padding:12px 14px}.feedback{border:1px solid #0000;border-radius:16px;margin:0;padding:12px 14px}.feedback.error{color:#7a211e;background:#9d2a2414;border-color:#9d2a2429}.feedback.success{color:#154438;background:#164e3f17;border-color:#164e3f29}.compact-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.compact-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.compact-list li:last-child{border-bottom:0;padding-bottom:0}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.line-item-row{background:#ffffff75;border:1px solid #164e3f1a;border-radius:18px;grid-template-columns:minmax(0,1.4fr) minmax(120px,160px) minmax(180px,1fr) auto;align-items:end;gap:14px;padding:14px;display:grid}.line-item-meta{gap:6px;display:grid}.line-item-meta p,.line-item-meta span{margin:0}.line-item-meta p{font-weight:600}.table-action{color:var(--brand);cursor:pointer;background:#164e3f0f;border:1px solid #164e3f1f;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;display:inline-flex}.table-action.danger{color:var(--danger);background:#9d2a2414;border-color:#9d2a2429}.field-list{margin:0;padding-left:18px}.field-list li+li{margin-top:10px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:18px;width:min(100%,520px);padding:28px;display:grid}.login-card h1{margin:8px 0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:2.4rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-field{gap:8px;display:grid}.form-field label{color:var(--muted);font-size:.92rem}.form-field input,.form-field select,.form-field textarea{background:#ffffffd1;border:1px solid #164e3f24;border-radius:14px;width:100%;padding:12px 14px}.form-field textarea{resize:vertical}.map-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.map-panel{min-height:320px;box-shadow:var(--shadow);background:linear-gradient(135deg,#164e3f1f,#2f7c6633),repeating-linear-gradient(45deg,#ffffff24,#ffffff24 14px,#ffffff0a 14px 28px);border:1px solid #ffffffa3;border-radius:24px}@media (width<=1080px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0}.map-grid{grid-template-columns:1fr}}@media (width<=720px){.main{padding:16px}.topbar,.page-header{flex-direction:column;align-items:start}.topbar-user{justify-content:space-between;width:100%}.line-item-row{grid-template-columns:1fr}}