*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Heebo,Segoe UI,Arial,sans-serif;direction:rtl;background:var(--bg);color:var(--text);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .2s ease both}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:0;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1);border-left:1px solid rgba(255,255,255,.04)}@media (max-width: 767px){.sidebar{position:fixed;top:0;right:0;height:100vh;width:260px;z-index:300;transform:translate(110%)}.sidebar.drawer-open{transform:translate(0)}}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;transition:opacity .2s}@media (max-width: 767px){.mobile-overlay.visible{display:block}}.mobile-header{display:none;position:fixed;top:0;right:0;left:0;height:56px;background:var(--sidebar-bg);align-items:center;justify-content:space-between;padding:0 16px;z-index:100;border-bottom:1px solid rgba(255,255,255,.06)}@media (max-width: 767px){.mobile-header{display:flex}}.app-layout{display:flex;min-height:100vh;direction:rtl}.app-main{flex:1;padding:28px 32px;overflow-y:auto;min-width:0;animation:fadeIn .2s ease both}@media (max-width: 767px){.app-main{padding:72px 16px 16px}}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border)}@media (max-width: 767px){.card,[class*=card]{border-radius:var(--radius-md)!important}input,select,textarea{font-size:16px!important}}@media (max-width: 767px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}input,select,textarea{font-family:inherit}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}