@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--accent:#6366f1;--accent-light:#818cf8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#0000000d;--glass:#fffc;--glass-heavy:#ffffffe6;--radius:16px;--radius-sm:8px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:80px;--shadow-lg:0 10px 15px -3px #0000001a;--header-height:70px}body.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-surface:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border:#ffffff1a;--glass:#1e293bcc;--glass-heavy:#0f172ae6;--shadow-lg:0 20px 25px -5px #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html{scrollbar-gutter:stable}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);transition:var(--transition);flex:1;max-width:100%;padding:2rem}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap;display:flex}.gap-1{gap:1rem}.gap-2{gap:2rem}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.flex-between-responsive{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.grid-responsive{grid-template-columns:1fr}.flex-between-responsive{flex-direction:column;align-items:flex-start;gap:1rem}}.h1{letter-spacing:-.025em;font-size:2.25rem;font-weight:800}.h2{font-size:1.5rem;font-weight:700}.text-mute{color:var(--text-secondary)}.card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.header{height:var(--header-height);z-index:10;transition:var(--transition);background:0 0;justify-content:flex-end;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;position:sticky;top:0}@media (width<=1024px){.header{z-index:900!important;gap:.75rem!important;width:auto!important;height:auto!important;padding:0!important;position:fixed!important;top:1rem!important}body.rtl .header{left:1rem!important;right:auto!important}body:not(.rtl) .header{left:auto!important;right:1rem!important}}@media (width<=640px){.header{padding:0 1rem;gap:.75rem!important}.profile-role{display:none}}.filter-bar{border-bottom:1px solid var(--border);gap:1rem;padding:1.5rem;display:flex}@media (width<=640px){.filter-bar{flex-direction:column}.filter-bar>div{width:100%!important}}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:scale(1.02)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--glass);color:var(--text-primary)}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.input-field{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:8px;outline:none;padding:.75rem 1rem}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f133}.input-with-icon{position:relative}.input-with-icon .input-icon{color:var(--text-secondary);pointer-events:none;transition:var(--transition);position:absolute;top:50%;transform:translateY(-50%)}body:not(.rtl) .input-with-icon .input-icon{left:1rem}body:not(.rtl) .input-with-icon .input-field{padding-left:2.75rem}body.rtl .input-with-icon .input-icon{right:1rem}body.rtl .input-with-icon .input-field{padding-left:1rem;padding-right:2.75rem}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:1rem}th{text-align:left;border-bottom:1px solid var(--border);color:var(--text-secondary);padding:1rem;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--glass)}.highlight-row td{animation:2s ease-out forwards highlight-pulse}@keyframes highlight-pulse{0%{background:var(--accent-light)}to{background:0 0}}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-danger{color:var(--danger);background:#ef44441a}.badge-accent{color:var(--accent);background:#6366f11a}.skeleton{background:var(--bg-surface);background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-secondary) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.rtl{text-align:right;direction:rtl}body.rtl .sidebar{border-right:none!important;border-left:1px solid var(--border)!important;left:auto!important;right:0!important}body.rtl .main-content{margin-left:0;margin-right:var(--sidebar-width)}body.rtl .main-content.collapsed{margin-right:var(--sidebar-collapsed)}body.rtl .collapse-btn{left:-12px!important;right:auto!important}body.rtl .nav-link,body.rtl .logo-container{flex-direction:row}body.rtl .input-label,body.rtl .card h2,body.rtl .card h3,body.rtl .table-container table th,body.rtl .table-container table td{text-align:right}body.rtl .table-container table th:last-child,body.rtl .table-container table td:last-child{text-align:left}body.rtl .badge{display:inline-block}@media (width<=1024px){.main-content,.main-content.collapsed,body.rtl .main-content,body.rtl .main-content.collapsed{padding:1.5rem;padding-top:calc(var(--header-height) + 1rem);width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.sidebar{width:var(--sidebar-width)!important}}@media (width<=640px){.main-content,body.rtl .main-content{padding:1rem;padding-top:calc(var(--header-height) + 1rem)}.h1{font-size:1.75rem}.h2{font-size:1.25rem}}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:1000;height:100vh;transition:var(--transition);flex-direction:column;padding:2rem 1rem;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed);padding:2rem .5rem}.sidebar-header{margin-bottom:3rem;padding:0 1rem}.logo-container{justify-content:center;align-items:center;gap:.75rem;display:flex;overflow:hidden}.logo-icon{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;font-weight:700;display:flex}.logo-text{font-size:1.5rem;font-weight:700}.logo-text .accent{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;margin-bottom:.875rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:1rem;width:100%;padding:.875rem 1.25rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--glass);color:var(--text-primary)}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 4px 15px -1px #6366f166}.collapsed .nav-link{justify-content:center;padding:.875rem 0}.collapse-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2rem;right:-12px;box-shadow:0 2px 8px #0003}.mobile-toggle{z-index:1100;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:12px;padding:.6rem;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 12px #00000014}.mobile-toggle:hover{background:var(--bg-surface);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (width<=1024px){.sidebar{transform:translate(calc(-100% - 12px));box-shadow:20px 0 50px #0000001a;width:280px!important}body.rtl .sidebar{transform:translate(calc(100% + 12px));box-shadow:-20px 0 50px #0000001a}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{padding-top:4.5rem}body.rtl .sidebar.mobile-open{transform:translate(0)}.mobile-toggle{justify-content:center;align-items:center;display:flex;left:1rem}body.rtl .mobile-toggle{left:auto;right:1rem}.collapse-btn{display:none}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.sidebar-overlay.visible{display:block}}body.rtl .sidebar-nav,body.rtl .sidebar-footer{text-align:right}body.rtl .nav-link{flex-direction:row}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.875rem;display:flex}.logout-btn{color:var(--danger)}.logout-btn:hover{color:var(--danger);background:#ef44441a}