@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--primary-color:#0a0a0a;--primary-color-hover:#1a1a1a;--secondary-color:#09090b;--accent-color:#71717a;--bg-color:#fafafa;--surface-color:#fff;--surface-color-alt:#f4f4f5;--surface-1:#fff;--card-bg:#fff;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--border-color:#e4e4e7;--success-color:#16a34a;--success-bg:#dcfce7;--warning-color:#d97706;--warning-bg:#fef3c7;--danger-color:#dc2626;--danger-bg:#fee2e2;--info-color:#2563eb;--info-bg:#dbeafe;--font-family-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 8px 24px #0000000f, 0 2px 8px #00000008;--shadow-lg:0 20px 40px #00000014, 0 8px 16px #0000000a;--shadow-glow:0 0 20px #0000001f;--glass-bg:#ffffffd9;--glass-border:#fff9;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--sidebar-width:260px;--header-height:64px}[data-theme=dark]{--primary-color:#fafafa;--primary-color-hover:#e4e4e7;--bg-color:#09090b;--surface-color:#18181b;--surface-color-alt:#27272a;--surface-1:#18181b;--card-bg:#18181b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-color:#3f3f46;--shadow-md:0 8px 24px #0006, 0 2px 8px #00000040;--shadow-lg:0 20px 40px #00000080, 0 8px 16px #0000004d;--shadow-glow:0 0 20px #ffffff14;--glass-bg:#18181bd9;--glass-border:#3f3f4666}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--text-primary);font-weight:600;line-height:1.2}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-color-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem}input,textarea,select{font-family:inherit;font-size:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .4s var(--transition-normal) both}.animate-slide-up{animation:slideUp .5s var(--transition-bounce) both}.animate-scale-in{animation:scaleIn .3s var(--transition-bounce) both}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.interactive-hover{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.interactive-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.interactive-hover:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)scale(.98)}.interactive-scale{transition:transform .15s}.interactive-scale:active{transform:scale(.96)}button,a[role=button],.card[role=button]{transition:transform .15s,filter .2s,box-shadow .2s}button:active:not(:disabled),a[role=button]:active,.card[role=button]:active{filter:brightness(.95);transform:scale(.97)!important}.hover-row{transition:background-color .15s,transform .15s}.hover-row:hover{background-color:var(--bg-color);z-index:10;box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);position:relative;transform:scale(1.005)}
.Layout-module__e_xTDG__layoutContainer{background-color:var(--bg-color);width:100%;height:100vh;display:flex}.Layout-module__e_xTDG__sidebar{width:var(--sidebar-width);background-color:var(--secondary-color);color:#fff;height:100%;transition:width var(--transition-normal), transform var(--transition-normal);z-index:40;flex-direction:column;display:flex}.Layout-module__e_xTDG__sidebarCollapsed{width:80px}.Layout-module__e_xTDG__sidebarHeader{height:var(--header-height);padding:0 var(--spacing-lg);border-bottom:1px solid #ffffff1a;align-items:center;display:flex}.Layout-module__e_xTDG__logo{align-items:center;gap:var(--spacing-sm);white-space:nowrap;display:flex;overflow:hidden}.Layout-module__e_xTDG__logoIcon{border-radius:var(--border-radius-md);width:36px;height:36px;box-shadow:var(--shadow-sm);background:#0a0a0a;justify-content:center;align-items:center;display:flex}.Layout-module__e_xTDG__logo h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.25rem}.Layout-module__e_xTDG__sidebarNav{padding:var(--spacing-md) var(--spacing-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.Layout-module__e_xTDG__navCategory{flex-direction:column;gap:2px;display:flex}.Layout-module__e_xTDG__navCategory+.Layout-module__e_xTDG__navCategory{margin-top:.4rem}.Layout-module__e_xTDG__navCategoryLabel{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:.6rem var(--spacing-md) .3rem;-webkit-user-select:none;user-select:none;font-size:.65rem;font-weight:700}.Layout-module__e_xTDG__navCategoryDivider{height:1px;margin:.5rem var(--spacing-sm);background:#ffffff14}.Layout-module__e_xTDG__navItem{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-tertiary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:flex;overflow:hidden}.Layout-module__e_xTDG__sidebarCollapsed .Layout-module__e_xTDG__navItem{padding:var(--spacing-sm);justify-content:center}.Layout-module__e_xTDG__sidebarCollapsed .Layout-module__e_xTDG__navItem span{display:none}.Layout-module__e_xTDG__navItem:hover{color:#fff;background-color:#ffffff0d}.Layout-module__e_xTDG__navItemActive{color:#fff;background-color:#0a0a0a;box-shadow:0 4px 12px #00000040}.Layout-module__e_xTDG__navItemActive:hover{background-color:#0a0a0a}.Layout-module__e_xTDG__sidebarFooter{padding:var(--spacing-md);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.Layout-module__e_xTDG__userProfile{justify-content:center;align-items:center;gap:var(--spacing-sm);color:inherit;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast);flex:1;min-width:0;padding:.5rem;text-decoration:none;display:flex}.Layout-module__e_xTDG__userProfile:hover{background-color:#ffffff0d}.Layout-module__e_xTDG__logoutButton{color:var(--text-tertiary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.Layout-module__e_xTDG__logoutButton:hover{color:#ef4444;background-color:#ef44441a}.Layout-module__e_xTDG__avatar{border-radius:var(--border-radius-full);color:#fff;background:#27272a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.Layout-module__e_xTDG__headerAvatar{border-radius:var(--border-radius-full);color:#fff;cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast);background:#27272a;justify-content:center;align-items:center;font-weight:600;display:flex}.Layout-module__e_xTDG__headerAvatar:hover{transform:scale(1.05)}.Layout-module__e_xTDG__userInfo{flex-direction:column;display:flex;overflow:hidden}.Layout-module__e_xTDG__userName{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.Layout-module__e_xTDG__userRole{color:var(--text-tertiary);font-size:.75rem}.Layout-module__e_xTDG__mainContent{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow-x:hidden}.Layout-module__e_xTDG__header{height:var(--header-height);background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-lg);z-index:30;justify-content:space-between;align-items:center;display:flex}.Layout-module__e_xTDG__headerLeft{align-items:center;gap:var(--spacing-md);display:flex}.Layout-module__e_xTDG__menuButton{color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:none}.Layout-module__e_xTDG__menuButton:hover{background-color:var(--surface-color-alt);color:var(--text-primary)}.Layout-module__e_xTDG__searchBar{background-color:var(--surface-color-alt);border-radius:var(--border-radius-full);width:300px;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;padding:.5rem 1rem;display:flex}.Layout-module__e_xTDG__searchBar:focus-within{background-color:var(--surface-color);border-color:#0a0a0a;box-shadow:0 0 0 3px #0000000f}.Layout-module__e_xTDG__searchIcon{color:var(--text-tertiary);margin-right:var(--spacing-sm)}.Layout-module__e_xTDG__searchInput{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.875rem}.Layout-module__e_xTDG__headerRight{align-items:center;gap:var(--spacing-md);display:flex}.Layout-module__e_xTDG__iconButton{color:var(--text-secondary);border-radius:var(--border-radius-full);width:40px;height:40px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.Layout-module__e_xTDG__iconButton:hover{background-color:var(--surface-color-alt);color:var(--text-primary)}.Layout-module__e_xTDG__notificationWrapper{position:relative}.Layout-module__e_xTDG__notificationDropdown{top:calc(100% + var(--spacing-sm));background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:340px;box-shadow:var(--shadow-lg);z-index:50;transform-origin:100% 0;position:absolute;right:-10px;overflow:hidden}.Layout-module__e_xTDG__dropdownHeader{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--surface-color-alt);justify-content:space-between;align-items:center;display:flex}.Layout-module__e_xTDG__dropdownHeader h4{margin:0;font-size:.9375rem}.Layout-module__e_xTDG__notifBadge{background:var(--danger-color);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface-color);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.Layout-module__e_xTDG__notifDropdown{top:calc(100% + var(--spacing-sm));background-color:var(--surface-color);border:1px solid var(--border-color);z-index:100;transform-origin:100% 0;border-radius:16px;width:400px;max-width:calc(100vw - 2rem);position:absolute;right:-10px;overflow:hidden;box-shadow:0 12px 48px #0000001f,0 4px 16px #00000014}.Layout-module__e_xTDG__notifDropdownHeader{border-bottom:1px solid var(--border-color);background-color:var(--surface-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.Layout-module__e_xTDG__notifHeaderBtn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.Layout-module__e_xTDG__notifHeaderBtn:hover{background:var(--surface-color-alt);color:var(--text-primary)}.Layout-module__e_xTDG__notifFilterRow{border-bottom:1px solid var(--border-color);background:var(--surface-color-alt);gap:6px;padding:.6rem 1rem;display:flex;overflow-x:auto}.Layout-module__e_xTDG__notifFilterPill{border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.25rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s}.Layout-module__e_xTDG__notifFilterPill:hover{background:var(--surface-color)}.Layout-module__e_xTDG__notifFilterActive{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:#3b82f60f!important}.Layout-module__e_xTDG__notifList{scrollbar-width:thin;max-height:400px;overflow-y:auto}.Layout-module__e_xTDG__notifCard{border-bottom:1px solid var(--surface-color-alt);cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:.75rem;padding:.85rem 1.15rem;transition:all .15s;display:flex;position:relative}.Layout-module__e_xTDG__notifCard:hover{background-color:var(--surface-color-alt)}.Layout-module__e_xTDG__notifCard:last-child{border-bottom:none}.Layout-module__e_xTDG__notifCardUnread{background:#3b82f608}.Layout-module__e_xTDG__notifUnreadDot{background:var(--primary-color);border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:6px}.Layout-module__e_xTDG__notifCatIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;display:flex}.Layout-module__e_xTDG__notifCardContent{flex:1;min-width:0}.Layout-module__e_xTDG__notifCardTitle{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:700;line-height:1.3}.Layout-module__e_xTDG__notifCardMsg{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.Layout-module__e_xTDG__notifCardMeta{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:4px;font-size:.68rem;display:flex}.Layout-module__e_xTDG__notifDeleteBtn{opacity:0;width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .15s;display:flex}.Layout-module__e_xTDG__notifCard:hover .Layout-module__e_xTDG__notifDeleteBtn{opacity:1}.Layout-module__e_xTDG__notifDeleteBtn:hover{color:var(--danger-color);background:#ef44441a}.Layout-module__e_xTDG__notifEmptyState{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.Layout-module__e_xTDG__notifEmptyState p{color:var(--text-secondary);margin:.75rem 0 .25rem;font-size:.9rem;font-weight:600}.Layout-module__e_xTDG__notifEmptyState span{color:var(--text-tertiary);font-size:.78rem}.Layout-module__e_xTDG__langLabel{color:#fff;background:#0a0a0a;border-radius:4px;padding:0 2px;font-size:.7rem;font-weight:700;line-height:1.2;position:absolute;bottom:4px;right:4px}.Layout-module__e_xTDG__langDropdown{right:0;width:180px!important}.Layout-module__e_xTDG__langOption{width:100%;color:var(--text-primary);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:background .15s;display:flex}.Layout-module__e_xTDG__langOption:hover{background:var(--background-color)}.Layout-module__e_xTDG__langOptionActive{color:#0a0a0a;background:#0000000a;font-weight:600}.Layout-module__e_xTDG__pageContent{padding:var(--spacing-xl);background-color:var(--bg-color);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}@media (max-width:1024px){.Layout-module__e_xTDG__sidebar{position:fixed;top:0;left:0;transform:translate(-100%)}.Layout-module__e_xTDG__sidebarOpen{box-shadow:var(--shadow-lg);transform:translate(0)}.Layout-module__e_xTDG__sidebarOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;background-color:#0f172a66;animation:.2s ease-out forwards Layout-module__e_xTDG__fadeIn;position:fixed;inset:0}.Layout-module__e_xTDG__menuButton{display:flex}.Layout-module__e_xTDG__searchBar{width:200px}}@media (max-width:640px){.Layout-module__e_xTDG__searchBar{display:none}.Layout-module__e_xTDG__pageContent{padding:var(--spacing-md)}.Layout-module__e_xTDG__header{padding:0 var(--spacing-md)}.Layout-module__e_xTDG__notificationDropdown{width:calc(100vw - 2rem);right:-60px}}@media (max-width:480px){.Layout-module__e_xTDG__pageContent{padding:var(--spacing-sm)}.Layout-module__e_xTDG__header{padding:0 var(--spacing-sm);height:52px}.Layout-module__e_xTDG__iconButton{width:34px;height:34px}.Layout-module__e_xTDG__headerRight{gap:var(--spacing-xs)}.Layout-module__e_xTDG__notificationDropdown{width:auto;position:fixed;top:56px;left:.5rem;right:.5rem}.Layout-module__e_xTDG__langDropdown{width:160px!important;position:fixed!important;top:56px!important;left:auto!important;right:.5rem!important}}[dir=rtl] .Layout-module__e_xTDG__sidebar{left:auto;right:0}[dir=rtl] .Layout-module__e_xTDG__sidebarOpen{transform:translate(0)}@media (max-width:1024px){[dir=rtl] .Layout-module__e_xTDG__sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .Layout-module__e_xTDG__sidebarOpen{transform:translate(0)}}[dir=rtl] .Layout-module__e_xTDG__searchIcon{margin-right:0;margin-left:var(--spacing-sm)}[dir=rtl] .Layout-module__e_xTDG__notificationDropdown{transform-origin:0 0;left:-10px;right:auto}[dir=rtl] .Layout-module__e_xTDG__langDropdown{left:0;right:auto}