:root{--ink:#0e1b2c;--signal:#35d07f;--amber:#e8a33d;--paper:#fafaf8;--slate:#8b9baf;--line:#e3e7ee;--radius:12px}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);direction:rtl;margin:0;padding:0;font-family:Tajawal,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font-family:inherit;font-size:15px}.container{max-width:1100px;margin:0 auto;padding:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:20px}.btn{background:var(--signal);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.05)}.btn-secondary{background:var(--ink)}.input{border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:12px;padding:10px 14px}.error{color:#c0392b;margin-bottom:12px}.layout{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;flex-shrink:0;width:220px;padding:20px 0}.sidebar a{color:var(--slate);padding:12px 24px;text-decoration:none;display:block}.sidebar a:hover,.sidebar a.active{color:#fff;background:#ffffff0f}.main{flex:1;padding:32px}.services-grid{grid-template-columns:1fr;gap:20px;margin-top:20px;display:grid}@media (min-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.services-grid{grid-template-columns:repeat(4,1fr)}}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid var(--line);padding:10px}.mobile-bar,.sidebar-backdrop{display:none}.menu-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:20px;line-height:1}@media (max-width:768px){html,body{overflow-x:hidden}.layout{display:block;overflow-x:hidden}.mobile-bar{z-index:30;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.sidebar{z-index:50;width:260px;max-width:85vw;transition:transform .2s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible;transform:translate(0)}.sidebar-brand{display:none}.sidebar-backdrop{z-index:40;background:#0e1b2c73;display:block;position:fixed;inset:0}.main{padding:16px}.card{padding:14px}table{white-space:nowrap;display:block;overflow-x:auto}h1{font-size:24px}}
