:root{--bg-main: #f0f2f5;--bg-card: #ffffff;--bg-header: #ffffff;--bg-sidebar: #0f0f1a;--bg-input: #f8f9fa;--bg-input-focus: #ffffff;--bg-table-header: #f8f9fa;--text-primary: #1a1a2e;--text-muted: #6c757d;--border-color: #e9ecef;--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.15);--shadow-xl: 0 20px 60px rgba(0,0,0,.2)}[data-theme=dark]{--bg-main: #1a1a2e;--bg-card: #16213e;--bg-header: #16213e;--bg-sidebar: #0a0a15;--bg-input: #2d2d44;--bg-input-focus: #3d3d55;--bg-table-header: #1f2a4a;--text-primary: #f0f2f5;--text-muted: #adb5bd;--border-color: #2d2d44;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 20px 60px rgba(0,0,0,.6)}[data-theme=darkest]{--bg-main: #0a0a10;--bg-card: #111122;--bg-header: #0d0d1a;--bg-sidebar: #05050a;--bg-input: #1a1a2e;--bg-input-focus: #2a2a44;--bg-table-header: #1a1a30;--text-primary: #e8e8f0;--text-muted: #8888aa;--border-color: #2a2a44;--shadow-sm: 0 2px 8px rgba(0,0,0,.5);--shadow-md: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7);--shadow-xl: 0 20px 60px rgba(0,0,0,.8)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Vazir,system-ui,-apple-system,sans-serif;background:var(--bg-main);color:var(--text-primary);direction:rtl;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}[dir=rtl]{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-in{animation:slideIn .3s ease}.sidebar-item{transition:all .2s ease}.sidebar-item:hover{background:rgba(255,255,255,.06);color:#fff!important}.sidebar-container::-webkit-scrollbar{width:4px}.sidebar-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.sidebar-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.stat-card{transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.chart-card{transition:all .3s ease}.chart-card:hover{box-shadow:var(--shadow-md)}.widget-card{transition:all .3s ease}.widget-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border-color) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);width:340px;max-height:400px;overflow-y:auto;padding:8px 0;z-index:1000;left:0}@media (max-width: 480px){.notification-dropdown{width:90vw;right:5vw;left:5vw}}@media (max-width: 992px){.main-content{margin-right:72px!important}.sidebar-container{width:72px!important}.sidebar-container .sidebar-item span:not(:first-child){display:none}}@media (max-width: 768px){.sidebar-container{width:60px!important}.sidebar-container .sidebar-item span:not(:first-child){display:none}.main-content{margin-right:60px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.app-header{flex-wrap:wrap;height:auto!important;padding:12px!important}.app-header .search-form{max-width:100%!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr!important}.app-header{flex-direction:column;gap:8px}.app-header .search-form{width:100%}.app-header .actions{width:100%;justify-content:space-between}.notification-dropdown{width:90vw;right:5vw;left:5vw}.table-container{overflow-x:auto}table{font-size:12px}table th,table td{padding:8px!important}.modal-content{max-width:95vw!important;padding:16px!important}}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:8px;transition:all .2s ease}.icon-btn:hover{background:var(--bg-input)}