@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}[data-lang=ar] .en-only,[data-lang=en] .ar-only,:not([data-lang]) .ar-only{display:none!important}[data-lang=ar] .ar-only,[data-lang=en] .en-only{display:revert!important}:root{--bg:#060912;--surface:#0b1020;--surface2:#101828;--surfaceHov:#131f33;--border:#ffffff12;--border2:#ffffff21;--text:#e6edf8;--sub:#6b7fa3;--muted:#29354f;--accent:#3b7bff;--accent2:#6c4fff;--accentSoft:#3b7bff1f;--green:#00c880;--greenSoft:#00c8801f;--amber:#ffb547;--amberSoft:#ffb5471f;--red:#ff5c5c;--redSoft:#ff5c5c1f;--teal:#00c8e0;--purple:#6c4fff;--inputBg:#0d1525}[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface2:#eef1f9;--surfaceHov:#e8ecfa;--border:#00000014;--border2:#00000024;--text:#111827;--sub:#4b5a76;--muted:#c4cedf;--accent:#2a63f5;--accent2:#5038c4;--accentSoft:#2a63f51a;--green:#0d9e6a;--greenSoft:#0d9e6a1a;--amber:#c07a00;--amberSoft:#c07a001a;--red:#d63030;--redSoft:#d630301a;--teal:#0891b2;--purple:#5038c4;--inputBg:#f0f4ff}body{background:var(--bg);color:var(--text);font-family:Cairo,Plus Jakarta Sans,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sub)}@media (max-width:768px){.app-shell{padding-top:52px!important;padding-bottom:64px!important}.main-content{height:calc(100vh - 116px)!important;padding:16px!important;overflow-y:auto!important}.stats-grid{grid-template-columns:1fr 1fr!important}.billing-grid,.two-col,.dashboard-grid{grid-template-columns:1fr!important}.billing-invoice-table,.admin-table{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.admin-table>div{min-width:600px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}}
