:root{--primary: #26A69A;--primary-dark: #00897B;--primary-light:#4DB6AC;--secondary: #264653;--bg: #F7F9FB;--bg-card: #ffffff;--bg-secondary: #f0f2f5;--bg-hover: #e8edf3;--accent: #E9C46A;--accent-dark: #d4a94e;--error: #E76F51;--success: #52b788;--purple: #9b59b6;--blue: #3b82f6;--warning: #f59e0b;--text: #1a2332;--text-muted: #6b7a8d;--border: #e2e8f0;--sidebar-w: 260px;--topbar-h: 64px;--sidebar-bg: #111827;--sidebar-text: #ffffff;--sidebar-text-fade: 1;--header-text: #ffffff;--label-color: #264653;--info-text: #1a2332;--shadow-sm: 0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(38,70,83,.1);--shadow-lg: 0 12px 40px rgba(38,70,83,.15);--radius: 12px;--radius-sm: 8px;--transition: all .22s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;overflow-y:auto}body{overflow-x:hidden;width:100%;position:relative}html{font-size:15px;scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccd;border-radius:99px}