:root,[data-theme=light]{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--secondary: #10b981;--accent: #f59e0b;--danger: #ef4444;--background: #f1f5f9;--background-2: #e8edf5;--card: #ffffff;--card-hover: #f8fafc;--sidebar: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--nav-bg: #ffffff;--nav-active-bg: #eef2ff;--nav-active-color: #4f46e5;--nav-inactive-color: #64748b;--shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .1), 0 4px 10px -5px rgb(0 0 0 / .06);--shadow-nav: 0 -4px 20px rgb(0 0 0 / .08);--toggle-bg: #e2e8f0;--input-bg: #f8fafc;--badge-bg: #f1f5f9}[data-theme=dark]{--primary: #6366f1;--primary-hover: #818cf8;--primary-light: rgba(99, 102, 241, .15);--secondary: #10b981;--accent: #f59e0b;--danger: #ef4444;--background: #0f1117;--background-2: #161b27;--card: #1a2035;--card-hover: #1f2845;--sidebar: #131929;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-subtle: #64748b;--border: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .04);--nav-bg: #1e293b;--nav-active-bg: #10b981;--nav-active-color: #f1f5f9;--nav-inactive-color: #94a3b8;--shadow: 0 4px 16px rgb(0 0 0 / .4);--shadow-lg: 0 10px 40px rgb(0 0 0 / .5);--shadow-nav: 0 -4px 24px rgb(0 0 0 / .5);--toggle-bg: #2d3748;--input-bg: #0f1117;--badge-bg: rgba(255, 255, 255, .06)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans Arabic,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:Inter,Noto Sans Arabic,sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.app-layout{display:flex;min-height:100vh;direction:rtl;background-color:var(--background)}.app-sidebar{width:260px;background-color:var(--sidebar);border-left:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;right:0;top:0;z-index:100;transition:background-color .3s ease;overflow-y:auto;padding:1.75rem 1.25rem}.app-main{flex:1;margin-right:260px;padding:2rem 2.5rem;min-height:100vh;transition:margin-right .3s ease}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:var(--nav-bg);border-top:1px solid var(--border);box-shadow:var(--shadow-nav);z-index:200;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:64px}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:var(--nav-inactive-color);font-size:.65rem;font-weight:500;text-decoration:none;transition:color .2s ease;position:relative;padding:0 .25rem}.bottom-nav-item.active{color:var(--text-main)}.bottom-nav-item .nav-icon-wrap{width:44px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:background-color .2s ease}.bottom-nav-item.active .nav-icon-wrap{background-color:var(--nav-active-bg);color:#000}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background-color:var(--nav-bg);border-bottom:1px solid var(--border);z-index:150;align-items:center;justify-content:space-between;padding:0 1rem;padding-top:env(safe-area-inset-top,0px)}.mobile-header-title{font-size:1rem;font-weight:700;color:var(--text-main);flex:1;text-align:center}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;background:var(--badge-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-muted);flex-shrink:0}.theme-toggle-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.card{background-color:var(--card);border-radius:16px;border:1px solid var(--border);padding:1.25rem;box-shadow:var(--shadow);transition:background-color .3s ease,border-color .3s ease}.card:hover{background-color:var(--card-hover)}.glass{background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}[data-theme=light] .glass{background:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-spin{animation:spin .8s linear infinite}input,textarea,select{background-color:var(--input-bg);color:var(--text-main);border:1px solid var(--border);border-radius:10px;padding:.625rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s ease,background-color .3s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}@media(max-width:1024px){.app-sidebar{width:220px}.app-main{margin-right:220px;padding:1.5rem}}@media(max-width:768px){.app-sidebar{display:none}.bottom-nav{display:block}.mobile-header{display:flex}.app-main{margin-right:0;padding:1rem;padding-top:calc(56px + 1rem);padding-bottom:calc(64px + 1rem)}.card{border-radius:14px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}h1{font-size:1.4rem!important}h2{font-size:1.2rem!important}}@media(max-width:480px){.app-main{padding:.75rem;padding-top:calc(56px + .75rem);padding-bottom:calc(64px + .75rem)}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-main)!important}[data-theme=dark] p,[data-theme=dark] label{color:var(--text-muted)!important}[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: #ffffff"]{background-color:var(--card)!important;border-color:var(--border)!important}[data-theme=dark] [style*="background-color: #f8fafc"],[data-theme=dark] [style*="background-color: #f1f5f9"]{background-color:var(--input-bg)!important}[data-theme=dark] [style*="background-color: #f0f9ff"]{background-color:#0284c71a!important;border-color:#0284c733!important}[data-theme=dark] [style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="border: 1px solid #f1f5f9"],[data-theme=dark] [style*="border: 2px dashed #e2e8f0"],[data-theme=dark] [style*="border-color: #e2e8f0"],[data-theme=dark] [style*="border-color: #f1f5f9"]{border-color:var(--border)!important}[data-theme=dark] [style*="background-color: #e2e8f0"]{background-color:#ffffff14!important}[data-theme=dark] [style*="background-color: #eef2ff"],[data-theme=dark] [style*="background-color: #dcfce7"],[data-theme=dark] [style*="background-color: #fff1f2"],[data-theme=dark] [style*="background-color: #fef9c3"],[data-theme=dark] [style*="background-color: #fee2e2"]{filter:brightness(.22) saturate(1.8)!important}[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #475569"]{color:var(--text-muted)!important}[data-theme=dark] [style*="color: #94a3b8"]{color:var(--text-subtle)!important}@media(max-width:768px){[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap;gap:.75rem}[style*="grid-template-columns: repeat(auto-fit"][style*="minmax(240px"],[style*="grid-template-columns: repeat(auto-fill"][style*="minmax(300px"],[style*="grid-template-columns: repeat(auto-fill"][style*="minmax(320px"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}h2[style*="font-size: 1.75rem"]{font-size:1.25rem!important}[style*="max-width: 800px"],[style*="max-width: 1000px"],[style*="max-width: 1200px"]{max-width:100%!important;margin:0!important}header>div:last-child>button,header>button{padding:.6rem 1rem!important;font-size:.85rem!important}}[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="backgroundColor: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background-color: rgb(255, 255, 255)"]{background-color:var(--card)!important;border-color:var(--border)!important}[data-theme=dark] [style*="background-color: #f8fafc"],[data-theme=dark] [style*="background-color: #f1f5f9"],[data-theme=dark] [style*="background-color: #f0f9ff"],[data-theme=dark] [style*="background-color: rgb(248, 250, 252)"],[data-theme=dark] [style*="background-color: rgb(241, 245, 249)"]{background-color:var(--input-bg)!important;border-color:var(--border)!important}[data-theme=dark] [style*="color: #0f172a"],[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color: #0c4a6e"]{color:var(--text-main)!important}[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color: #0369a1"]{color:var(--text-muted)!important}[data-theme=dark] [style*="border: 1px solid #f1f5f9"],[data-theme=dark] [style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-bottom: 1px solid #f1f5f9"],[data-theme=dark] [style*="borderBottom: 1px solid #f1f5f9"],[data-theme=dark] [style*="border: 2px dashed #e2e8f0"]{border-color:var(--border)!important}[data-theme=dark] [style*="background-color: #eef2ff"],[data-theme=dark] [style*="background-color: #dcfce7"],[data-theme=dark] [style*="background-color: #fff1f2"],[data-theme=dark] [style*="background-color: #fef9c3"],[data-theme=dark] [style*="background-color: #fee2e2"],[data-theme=dark] [style*="background-color: #bae6fd"],[data-theme=dark] [style*="background-color: rgb(238, 242, 255)"]{filter:brightness(.25) saturate(1.5)!important}[data-theme=dark] [style*="background-color: white"][style*="border-radius: 1.5rem"],[data-theme=dark] [style*="background-color: white"][style*="borderRadius: 1.5rem"],[data-theme=dark] [style*="background-color: white"][style*="border-radius: 1.25rem"],[data-theme=dark] [style*="background-color: white"][style*="borderRadius: 1.25rem"]{background-color:var(--card)!important;border:1px solid var(--border)!important}[data-theme=dark] [style*="background-color: #e2e8f0"]{background-color:#ffffff1a!important}@media(max-width:768px){[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap;gap:.75rem}[style*="grid-template-columns: repeat(auto-fit"][style*="minmax(240px"],[style*="grid-template-columns: repeat(auto-fill"][style*="minmax(300px"],[style*="grid-template-columns: repeat(auto-fill"][style*="minmax(320px"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}h2[style*="font-size: 1.75rem"]{font-size:1.25rem!important}[style*="max-width: 800px"],[style*="max-width: 1000px"],[style*="max-width: 1200px"]{max-width:100%!important;margin:0!important}header>div:last-child>button,header>button{padding:.6rem 1rem!important;font-size:.85rem!important}}.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}