.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading.loading-small .loading-spinner{width:24px;height:24px}.loading.loading-medium .loading-spinner{width:40px;height:40px}.loading.loading-large .loading-spinner{width:60px;height:60px}.loading .loading-spinner{position:relative;width:40px;height:40px}.loading .loading-spinner .spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading .loading-spinner .spinner-ring:nth-child(1){animation-delay:-.45s}.loading .loading-spinner .spinner-ring:nth-child(2){animation-delay:-.3s}.loading .loading-spinner .spinner-ring:nth-child(3){animation-delay:-.15s}.loading .loading-text{font-size:.875rem;color:#bdbdbd;margin:0}.loading-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1050}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{display:inline-block;background:linear-gradient(90deg,#212121,#424242,#212121);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:.125rem}.skeleton.skeleton-text{width:100%;height:1em;margin-bottom:.25rem;border-radius:.0625rem}.skeleton.skeleton-rectangular{border-radius:.375rem}.skeleton.skeleton-circular,.skeleton.skeleton-circle{border-radius:9999px}.skeleton-text-block{display:flex;flex-direction:column;gap:.5rem}.skeleton-card{padding:1.5rem;background:#0a0a0a;border:1px solid #424242;border-radius:.5rem}.skeleton-card .skeleton-card-header{display:flex;gap:1rem;align-items:center}.skeleton-card .skeleton-card-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-table{width:100%;background:#0a0a0a;border:1px solid #424242;border-radius:.5rem;overflow:hidden}.skeleton-table .skeleton-table-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;padding:1.5rem;background:#212121;border-bottom:1px solid #424242}.skeleton-table .skeleton-table-body .skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;padding:1.5rem;border-bottom:1px solid #424242}.skeleton-table .skeleton-table-body .skeleton-table-row:last-child{border-bottom:none}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#000}.auth-layout .auth-container{position:relative;z-index:2;width:100%;max-width:450px;padding:2rem}.auth-layout .auth-brand{text-align:center;margin-bottom:4rem}.auth-layout .auth-brand .brand-logo{margin:0 auto 1.5rem}.auth-layout .auth-brand .brand-logo .logo-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:1.875rem;font-weight:700;color:#000;background:#fff;border-radius:.75rem;letter-spacing:-2px}.auth-layout .auth-brand .brand-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .5rem}.auth-layout .auth-brand .brand-subtitle{font-size:1rem;color:#bdbdbd;margin:0}.auth-layout .auth-content{background:#0a0a0a;border:1px solid #424242;border-radius:.75rem;padding:3rem}.auth-layout .auth-footer{text-align:center;margin-top:2rem}.auth-layout .auth-footer p{font-size:.875rem;color:#757575;margin:0}.auth-layout .auth-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.auth-layout .auth-background .grid-pattern{width:100%;height:100%;background-image:linear-gradient(#424242 1px,transparent 1px),linear-gradient(90deg,#424242 1px,transparent 1px);background-size:50px 50px;opacity:.1}@media (max-width: 768px){.auth-layout .auth-container{max-width:100%}.auth-layout .auth-content{border-radius:.5rem;padding:2rem}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#0a0a0a;border-right:1px solid #424242;display:flex;flex-direction:column;transition:width .3s ease-in-out,transform .3s ease-in-out;z-index:1030}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-brand .brand-name,.sidebar.collapsed .nav-link span,.sidebar.collapsed .submenu-list{display:none}.sidebar.collapsed .sidebar-header{padding:1.5rem 1rem;justify-content:center}.sidebar.collapsed .nav-list .nav-link{justify-content:center;padding:1rem}.sidebar.collapsed .sidebar-toggle .rotated{transform:rotate(180deg)}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #424242}.sidebar .sidebar-header .sidebar-brand{display:flex;align-items:center;gap:1rem}.sidebar .sidebar-header .sidebar-brand .brand-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;color:#000;border-radius:.5rem;font-weight:700;font-size:1.125rem;flex-shrink:0}.sidebar .sidebar-header .sidebar-brand .brand-name h2{font-size:1.125rem;font-weight:700;color:#fff;margin:0;line-height:1}.sidebar .sidebar-header .sidebar-brand .brand-name span{font-size:.75rem;color:#bdbdbd;text-transform:uppercase;letter-spacing:.5px}.sidebar .sidebar-header .sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #424242;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.sidebar .sidebar-header .sidebar-toggle:hover{background:#212121;border-color:#fff}.sidebar .sidebar-header .sidebar-toggle svg{transition:transform .2s ease-in-out}.sidebar .sidebar-nav{flex:1;padding:1.5rem;overflow-y:auto}.sidebar .sidebar-nav .nav-list{list-style:none;padding:0;margin:0}.sidebar .sidebar-nav .nav-list .nav-item{margin-bottom:.25rem}.sidebar .sidebar-nav .nav-list .nav-item .nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;font-size:.875rem;font-weight:500;color:#bdbdbd;background:transparent;border:1px solid transparent;border-radius:.375rem;text-decoration:none;transition:all .2s ease-in-out;width:100%;cursor:pointer}.sidebar .sidebar-nav .nav-list .nav-item .nav-link svg{flex-shrink:0}.sidebar .sidebar-nav .nav-list .nav-item .nav-link:hover{color:#fff;background:#212121;border-color:#424242}.sidebar .sidebar-nav .nav-list .nav-item .nav-link.active{color:#000;background:#fff;border-color:#fff}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-header{display:flex;align-items:center;gap:1rem;padding:1rem;font-size:.875rem;font-weight:500;color:#bdbdbd;cursor:pointer;border-radius:.375rem;transition:all .2s ease-in-out;position:relative}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-header:hover{color:#fff;background:#212121}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-header .submenu-arrow{margin-left:auto;transition:transform .2s ease-in-out}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-list{list-style:none;padding:0;margin:.5rem 0 0 3rem;overflow:hidden;animation:slideDown .2s ease-out}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-list li{margin-bottom:.25rem}.sidebar .sidebar-nav .nav-list .nav-item .nav-submenu .submenu-list li .nav-link{padding:.5rem 1rem;font-size:.75rem}.sidebar .sidebar-footer{padding:1.5rem;border-top:1px solid #424242}.sidebar .sidebar-footer .nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;font-size:.875rem;font-weight:500;color:#bdbdbd;background:transparent;border:1px solid transparent;border-radius:.375rem;text-decoration:none;transition:all .2s ease-in-out;width:100%;cursor:pointer;margin-bottom:.25rem}.sidebar .sidebar-footer .nav-link svg{flex-shrink:0}.sidebar .sidebar-footer .nav-link:hover{color:#fff;background:#212121;border-color:#424242}.sidebar .sidebar-footer .nav-link.active{color:#000;background:#fff}.sidebar .sidebar-footer .logout-button:hover{color:#fff;background:#888;border-color:#888}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:260px}.sidebar.collapsed .sidebar-brand .brand-name,.sidebar.collapsed .nav-link span,.sidebar.collapsed .submenu-list{display:flex}.sidebar.collapsed .nav-list .nav-link{justify-content:flex-start;padding:1rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#0a0a0a;border-bottom:1px solid #424242;position:sticky;top:0;z-index:1020}.dashboard-header .header-left{display:flex;align-items:center;gap:1.5rem}.dashboard-header .header-left .menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #424242;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.dashboard-header .header-left .menu-toggle:hover{background:#212121;border-color:#fff}.dashboard-header .header-left .search-bar{position:relative;display:flex;align-items:center}.dashboard-header .header-left .search-bar .search-icon{position:absolute;left:1rem;color:#bdbdbd;pointer-events:none}.dashboard-header .header-left .search-bar .search-input{width:400px;padding:1rem 1rem 1rem 2.5rem;font-size:.875rem;color:#fff;background:#212121;border:1px solid #424242;border-radius:.5rem;transition:all .2s ease-in-out}.dashboard-header .header-left .search-bar .search-input::placeholder{color:#757575}.dashboard-header .header-left .search-bar .search-input:focus{outline:none;border-color:#fff;background:#424242}.dashboard-header .header-right{display:flex;align-items:center}.dashboard-header .header-right .header-actions{display:flex;align-items:center;gap:1rem}.dashboard-header .header-right .header-actions .header-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #424242;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease-in-out}.dashboard-header .header-right .header-actions .header-btn:hover{background:#212121;border-color:#fff}.dashboard-header .header-right .header-actions .header-btn .badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:2px 4px;font-size:10px;font-weight:700;background:#fff;color:#000;border-radius:9999px}.dashboard-header .header-right .header-actions .profile-menu{position:relative}.dashboard-header .header-right .header-actions .profile-menu .profile-btn{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:transparent;border:1px solid #424242;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.dashboard-header .header-right .header-actions .profile-menu .profile-btn:hover{background:#212121;border-color:#fff}.dashboard-header .header-right .header-actions .profile-menu .profile-btn .profile-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#212121;border:1px solid #424242;border-radius:.375rem;color:#fff}.dashboard-header .header-right .header-actions .profile-menu .profile-btn .profile-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dashboard-header .header-right .header-actions .profile-menu .profile-btn .profile-info .profile-name{font-size:.875rem;font-weight:500;color:#fff}.dashboard-header .header-right .header-actions .profile-menu .profile-btn .profile-info .profile-role{font-size:.75rem;color:#bdbdbd}.dashboard-header .header-right .header-actions .dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:#0a0a0a;border:1px solid #424242;border-radius:.5rem;box-shadow:0 10px 15px -3px #ffffff1a,0 4px 6px -2px #ffffff0d;z-index:1000}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #424242}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-header h4{font-size:.875rem;font-weight:600;color:#fff;margin:0}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content{max-height:320px;overflow-y:auto}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #424242;transition:background .2s ease-in-out;cursor:pointer}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item:last-child{border-bottom:none}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item:hover{background:#212121}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item .notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#212121;border-radius:.375rem;color:#fff;flex-shrink:0}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item .notification-content{flex:1}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item .notification-content .notification-text{font-size:.875rem;color:#fff;margin:0 0 .25rem}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-content .notification-item .notification-content .notification-time{font-size:.75rem;color:#bdbdbd}.dashboard-header .header-right .header-actions .dropdown.notifications-dropdown .dropdown-footer{padding:1rem 1.5rem;border-top:1px solid #424242;text-align:center}.dashboard-header .header-right .header-actions .dropdown.profile-dropdown .dropdown-content{padding:.5rem}.dashboard-header .header-right .header-actions .dropdown.profile-dropdown .dropdown-content .dropdown-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;font-size:.875rem;color:#fff;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:background .2s ease-in-out;text-align:left}.dashboard-header .header-right .header-actions .dropdown.profile-dropdown .dropdown-content .dropdown-item:hover{background:#212121}.dashboard-header .header-right .header-actions .dropdown.profile-dropdown .dropdown-content .dropdown-item.text-danger{color:#888}.dashboard-header .header-right .header-actions .dropdown.profile-dropdown .dropdown-content .dropdown-divider{height:1px;margin:.5rem 0;background:#424242;border:none}@media (max-width: 1024px){.dashboard-header{padding:0 1.5rem}.dashboard-header .header-left .menu-toggle{display:flex}.dashboard-header .header-left .search-bar .search-input{width:300px}}@media (max-width: 768px){.dashboard-header .header-left .search-bar,.dashboard-header .header-right .profile-info{display:none}}.dashboard-layout{display:flex;min-height:100vh;background:#000}.dashboard-layout .dashboard-main{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .3s ease-in-out}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:80px}.dashboard-layout .dashboard-content{flex:1;padding:2rem;max-width:100%}.dashboard-layout .dashboard-content .content-wrapper{max-width:1400px;margin:0 auto}.dashboard-layout .sidebar-overlay{display:none}@media (max-width: 1024px){.dashboard-layout .dashboard-main{margin-left:0}.dashboard-layout .sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:1040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-layout .dashboard-content{padding:1.5rem}}@media (max-width: 768px){.dashboard-layout .dashboard-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;background-color:#000;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:#fff;margin:0}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0;color:#bdbdbd}a{color:#fff;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#bdbdbd}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#212121}::-webkit-scrollbar-thumb{background:#616161;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#757575}::selection{background:#fff;color:#000}.page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1,.page-header .page-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.page-header p,.page-header .page-description{font-size:.875rem;color:#bdbdbd;margin-top:.25rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#fff}.text-secondary{color:#bdbdbd}.text-muted{color:#757575}.text-success{color:#fff}.text-warning{color:#ccc}.text-danger{color:#888}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-link{color:#fff;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease-in-out}.text-link:hover{color:#bdbdbd}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}@media (max-width: 1024px){.page{padding:1.5rem}.page-header{flex-direction:column;gap:1rem}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}