@font-face{font-family:Proxima Nova;src:url("./media/ProximaNova-Regular-OW3LRM5D.woff2") format("woff2"),url("./media/ProximaNova-Regular-PONNDH5T.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:Proxima Nova;src:url("./media/ProximaNova-Bold-OW3LRM5D.woff2") format("woff2"),url("./media/ProximaNova-Bold-G3HDDK5D.woff") format("woff");font-weight:700;font-style:normal}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f2f5;--text-primary: #52575f;--text-secondary: #65676b;--border-color: #e4e6eb;--accent-color: #007bff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--sidebar-bg: #f8f9ff;--button-hover-bg: #eef1ff;--bg-active: #4b6cb7;--text-on-accent: #ffffff;--input-bg: #ffffff;--input-border: #ddd;--card-bg: #ffffff;--accent-success: #28a745;--accent-danger: #dc3545;--accent-warning: #ffc107;--accent-info: #17a2b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Proxima Nova,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}app-root{display:block;width:100%;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body.dark-mode{--bg-primary: #000000;--bg-secondary: #000000;--bg-tertiary: #202225;--text-primary: #dcddde;--text-secondary: #96989d;--border-color: #202225;--accent-color: #2f3136;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .4);--sidebar-bg: #2f3136;--button-hover-bg: rgba(114, 137, 218, .1);--bg-active: #7289da;--text-on-accent: #ffffff;--input-bg: #40444b;--input-border: #202225;--card-bg: #2f3136;--accent-success: #43b581;--accent-danger: #f04747;--accent-warning: #faa61a;--accent-info: #4faedb;background:linear-gradient(135deg,#202225,#2f3136,#36393f);background-attachment:fixed;min-height:100vh;color:var(--text-primary)}body.dark-mode .navbar{background:linear-gradient(180deg,#2f3136,#202225)!important;border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 2px 10px #0000004d}body.dark-mode .navbar .navbar-left .navbar-logo{filter:brightness(1.2)}body.dark-mode .navbar .navbar-left .burger-menu span{background:#dcddde!important}body.dark-mode .navbar .navbar-content ul.navbar-links li a{color:#dcddde!important}body.dark-mode .navbar .navbar-content ul.navbar-links li a:hover{color:#7289da!important;background:#7289da1a;border-radius:4px}body.dark-mode .navbar .navbar-icons .icon-btn img,body.dark-mode .navbar .navbar-icons .profile-icon img{filter:brightness(0) invert(1);opacity:.8}body.dark-mode .navbar .navbar-icons .icon-btn img:hover,body.dark-mode .navbar .navbar-icons .profile-icon img:hover{opacity:1}body.dark-mode .navbar .navbar-icons .profile-dropdown{background:#2f3136!important;border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 12px #0006}body.dark-mode .navbar .navbar-icons .profile-dropdown .dropdown-item{color:#dcddde!important}body.dark-mode .navbar .navbar-icons .profile-dropdown .dropdown-item:hover{background:#7289da1a!important;color:#7289da!important}body.dark-mode .navbar .navbar-icons .profile-dropdown .dropdown-divider{background:#ffffff0f!important}body.dark-mode .home-container{background:transparent!important}body.dark-mode .home-container .hero-modern{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)!important}body.dark-mode .home-container .hero-modern .hero-background .hero-gradient{background:radial-gradient(circle,rgba(114,137,218,.08) 0%,transparent 70%)!important}body.dark-mode .home-container .hero-modern .hero-background .hero-pattern{background-image:radial-gradient(circle at 20% 50%,rgba(114,137,218,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(88,101,242,.03) 0%,transparent 50%)!important}body.dark-mode .home-container .hero-modern .hero-content .hero-badge{background:#2f3136e6!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(114,137,218,.2)!important;color:#dcddde!important}body.dark-mode .home-container .hero-modern .hero-content .hero-title{color:#fff!important}body.dark-mode .home-container .hero-modern .hero-content .hero-title .hero-highlight{background:linear-gradient(90deg,#7289da,#5865f2)!important;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .home-container .hero-modern .hero-content .hero-subtitle{color:#96989d!important}body.dark-mode .home-container .hero-modern .hero-content .hero-subtitle strong{color:#faa61a!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar{background:#2f3136fa!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .search-input{background:transparent!important;color:#dcddde!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .search-input::placeholder{color:#72767d!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .location-select{background:#40444b!important;color:#dcddde!important;border:1px solid #202225!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .location-select option{background:#2f3136!important;color:#dcddde!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .location-select:hover{background:#36393f!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .search-btn{background:#7289da!important;color:#fff!important}body.dark-mode .home-container .hero-modern .search-wrapper .search-bar .search-btn:hover{background:#5865f2!important}body.dark-mode .home-container .hero-modern .search-wrapper .popular-tags .tag-label{color:#72767d!important}body.dark-mode .home-container .hero-modern .search-wrapper .popular-tags .tag-chip{background:#2f3136b3!important;border:1px solid rgba(114,137,218,.15)!important;color:#dcddde!important}body.dark-mode .home-container .hero-modern .search-wrapper .popular-tags .tag-chip:hover{background:#7289da26!important;border-color:#7289da!important}body.dark-mode .home-container .hero-modern .search-wrapper .popular-tags .tag-chip.special{background:linear-gradient(135deg,#43b581,#3ba55d)!important;border:none!important;color:#fff!important}body.dark-mode .home-container .stats-bar{background:#2f3136!important;border-bottom:1px solid #202225!important}body.dark-mode .home-container .stats-bar .stat-item .stat-icon{background:#7289da14!important;color:#7289da!important}body.dark-mode .home-container .stats-bar .stat-item .stat-value{color:#fff!important}body.dark-mode .home-container .stats-bar .stat-item .stat-label{color:#96989d!important}body.dark-mode .home-container .urgent-jobs{background:#36393f!important}body.dark-mode .home-container .urgent-jobs .section-header h2{color:#fff!important}body.dark-mode .home-container .urgent-jobs .section-header p{color:#96989d!important}body.dark-mode .home-container .urgent-jobs .section-header .view-all{color:#7289da!important}body.dark-mode .home-container .urgent-jobs .section-header .view-all:hover{color:#5865f2!important}body.dark-mode .home-container .urgent-jobs .urgent-card{background:#2f3136!important;border:2px solid transparent!important}body.dark-mode .home-container .urgent-jobs .urgent-card:hover{border-color:#f04747!important;box-shadow:0 10px 30px #f0474726!important}body.dark-mode .home-container .urgent-jobs .urgent-card .urgent-badge{background:#f04747!important;color:#fff!important}body.dark-mode .home-container .urgent-jobs .urgent-card .company-avatar{background:#7289da14!important;color:#7289da!important}body.dark-mode .home-container .urgent-jobs .urgent-card h4{color:#fff!important}body.dark-mode .home-container .urgent-jobs .urgent-card p,body.dark-mode .home-container .urgent-jobs .urgent-card .job-details{color:#96989d!important}body.dark-mode .home-container .urgent-jobs .urgent-card .job-perks span{background:#43b581!important;color:#fff!important}body.dark-mode .home-container .urgent-jobs .urgent-card .apply-quick{background:#202225!important;color:#fff!important}body.dark-mode .home-container .urgent-jobs .urgent-card .apply-quick:hover{background:#7289da!important}body.dark-mode .home-container .categories-preview{background:#2f3136!important}body.dark-mode .home-container .categories-preview .section-header h2{color:#fff!important}body.dark-mode .home-container .categories-preview .section-header p{color:#96989d!important}body.dark-mode .home-container .categories-preview .category-tile{background:#36393f!important;border:2px solid #202225!important}body.dark-mode .home-container .categories-preview .category-tile:hover{border-color:#7289da!important;box-shadow:0 10px 30px #7289da26!important}body.dark-mode .home-container .categories-preview .category-tile .tile-icon{background:#7289da14!important}body.dark-mode .home-container .categories-preview .category-tile h3{color:#fff!important}body.dark-mode .home-container .categories-preview .category-tile p{color:#96989d!important}body.dark-mode .home-container .categories-preview .category-tile .tile-preview span{background:#202225!important;color:#72767d!important}body.dark-mode .home-container .categories-preview .category-tile .tile-hover{color:#7289da!important}body.dark-mode .home-container .why-auzi{background:linear-gradient(135deg,#2f3136,#36393f)!important}body.dark-mode .home-container .why-auzi h2{color:#fff!important}body.dark-mode .home-container .why-auzi .feature .feature-icon{background:#40444b!important;box-shadow:0 4px 20px #0000004d!important}body.dark-mode .home-container .why-auzi .feature h3{color:#fff!important}body.dark-mode .home-container .why-auzi .feature p{color:#96989d!important}body.dark-mode .home-container .final-cta{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)!important}body.dark-mode .home-container .final-cta h2{color:#fff!important}body.dark-mode .home-container .final-cta p{color:#96989d!important}body.dark-mode .home-container .final-cta .btn-start{background:linear-gradient(135deg,#43b581,#3ba55d)!important}body.dark-mode .home-container .final-cta .btn-start:hover{background:linear-gradient(135deg,#3ba55d,#43b581)!important}body.dark-mode .home-container .final-cta .btn-browse{border-color:#7289da!important;color:#7289da!important}body.dark-mode .home-container .final-cta .btn-browse:hover{background:#7289da1a!important}body.dark-mode .home-container .jobs-integration{background:#36393f!important}body.dark-mode .home-container .jobs-integration .jobs-header h2{color:#fff!important}body.dark-mode .home-container .jobs-integration .jobs-header .filter-btn{background:#2f3136!important;border-color:#202225!important;color:#dcddde!important}body.dark-mode .home-container .jobs-integration .jobs-header .filter-btn:hover{border-color:#7289da!important;color:#7289da!important}body.dark-mode .home-container .jobs-integration .jobs-header .sort-options{background:#2f3136!important}body.dark-mode .home-container .jobs-integration .jobs-header .sort-options button{color:#96989d!important}body.dark-mode .home-container .jobs-integration .jobs-header .sort-options button.active{background:#7289da!important;color:#fff!important}body.dark-mode .home-container .jobs-integration .jobs-header .sort-options button:hover:not(.active){background:#40444b!important;color:#dcddde!important}body.dark-mode .job-listing-container{background:transparent!important}body.dark-mode .job-listing-container .listing-header{background:linear-gradient(135deg,#667eea,#764ba2)!important}body.dark-mode .job-listing-container .listing-header .header-content .title{color:#fff!important}body.dark-mode .job-listing-container .listing-header .header-content .subtitle{color:#ffffffe6!important}body.dark-mode .job-listing-container .listing-header .header-content .quick-stats .stat-card{background:#2f3136f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .job-listing-container .listing-header .header-content .quick-stats .stat-card .stat-value{color:#fff!important}body.dark-mode .job-listing-container .listing-header .header-content .quick-stats .stat-card .stat-label{color:#96989d!important}body.dark-mode .job-listing-container .listing-header .header-content .quick-stats .stat-card.urgent{background:linear-gradient(135deg,#f04747,#ed4245)!important}body.dark-mode .job-listing-container .listing-header .header-content .quick-stats .stat-card.urgent .stat-label{color:#ffffffe6!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .search-input{background:#2f3136!important;color:#dcddde!important;box-shadow:0 10px 40px #0000004d!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .search-input::placeholder{color:#72767d!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .search-input:focus{box-shadow:0 15px 50px #0006!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .filter-toggle{background:#2f3136!important;color:#dcddde!important;box-shadow:0 10px 40px #0000004d!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .filter-toggle:hover{background:#36393f!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .filter-toggle.active{background:#7289da!important;color:#fff!important}body.dark-mode .job-listing-container .search-bar-container .search-bar .filter-toggle .filter-count{background:#f04747!important;color:#fff!important}body.dark-mode .job-listing-container .filters-panel .filters-content{background:#2f3136f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .job-listing-container .filters-panel .filters-content .filter-label{color:#dcddde!important}body.dark-mode .job-listing-container .filters-panel .filters-content .filter-select{background:#40444b!important;color:#dcddde!important;border-color:#202225!important}body.dark-mode .job-listing-container .filters-panel .filters-content .filter-select:focus{border-color:#7289da!important}body.dark-mode .job-listing-container .filters-panel .filters-content .job-type-btn{background:#40444b!important;border-color:#202225!important;color:#dcddde!important}body.dark-mode .job-listing-container .filters-panel .filters-content .job-type-btn:hover{border-color:#7289da!important;background:#7289da1a!important}body.dark-mode .job-listing-container .filters-panel .filters-content .job-type-btn.active{background:#7289da!important;color:#fff!important}body.dark-mode .job-listing-container .filters-panel .filters-content .job-type-btn.popular{border-color:#faa61a!important}body.dark-mode .job-listing-container .filters-panel .filters-content .job-type-btn .popular-badge{background:#faa61a!important;color:#fff!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .slider{background:#202225!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .slider::-webkit-slider-thumb{background:#7289da!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #7289da80!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .slider::-moz-range-thumb{background:#7289da!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .slider::-moz-range-thumb:hover{box-shadow:0 0 10px #7289da80!important}body.dark-mode .job-listing-container .filters-panel .filters-content .salary-slider .salary-value{color:#7289da!important}body.dark-mode .job-listing-container .filters-panel .filters-content .benefit-checkbox input[type=checkbox]{border-color:#7289da!important;background:#40444b!important}body.dark-mode .job-listing-container .filters-panel .filters-content .benefit-checkbox input[type=checkbox]:checked{background:#7289da!important}body.dark-mode .job-listing-container .filters-panel .filters-content .benefit-checkbox input[type=checkbox]:checked:after{color:#fff!important}body.dark-mode .job-listing-container .filters-panel .filters-content .benefit-checkbox span{color:#dcddde!important}body.dark-mode .job-listing-container .filters-panel .filters-content .btn-clear{background:#40444b!important;color:#dcddde!important}body.dark-mode .job-listing-container .filters-panel .filters-content .btn-clear:hover{background:#36393f!important}body.dark-mode .job-listing-container .filters-panel .filters-content .btn-apply{background:#7289da!important;color:#fff!important}body.dark-mode .job-listing-container .filters-panel .filters-content .btn-apply:hover{background:#5865f2!important}body.dark-mode .job-listing-container .sort-bar .sort-options .sort-btn{background:#2f3136!important;border-color:#202225!important;color:#dcddde!important}body.dark-mode .job-listing-container .sort-bar .sort-options .sort-btn:hover{border-color:#7289da!important}body.dark-mode .job-listing-container .sort-bar .sort-options .sort-btn.active{background:#7289da!important;color:#fff!important;border-color:#7289da!important}body.dark-mode .job-listing-container .sort-bar .results-count{color:#dcddde!important}body.dark-mode .job-listing-container .jobs-grid .job-card{background:#2f3136!important;box-shadow:0 1px 3px #0000004d!important}body.dark-mode .job-listing-container .jobs-grid .job-card:hover{box-shadow:0 14px 28px #0006,0 10px 10px #0000004d!important}body.dark-mode .job-listing-container .jobs-grid .job-card.featured{border-color:#faa61a!important;background:linear-gradient(135deg,#2f3136,#faa61a0d)!important}body.dark-mode .job-listing-container .jobs-grid .job-card.urgent:before{background:linear-gradient(90deg,#f04747,#ed4245)!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-badges .badge.urgent{background:linear-gradient(135deg,#f04747,#ed4245)!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-badges .badge.featured{background:linear-gradient(135deg,#faa61a,#f59e0b)!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-header .company-logo{border-color:#202225!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-header .job-title{color:#fff!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-header .company-name{color:#96989d!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-header .job-location{color:#7289da!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-header .job-location .state-badge{background:#202225!important;color:#dcddde!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-details{background:#202225!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-details .detail-text{color:#dcddde!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-benefits .benefit{background:linear-gradient(135deg,#43b581,#3ba55d)!important;color:#fff!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-tags .tag{background:#202225!important;color:#96989d!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-footer{border-top-color:#202225!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-footer .posted-date{color:#72767d!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-footer .action-btn{background:#202225!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-footer .action-btn:hover.save{background:#f0474733!important}body.dark-mode .job-listing-container .jobs-grid .job-card .job-footer .action-btn:hover.share{background:#7289da33!important}body.dark-mode .job-listing-container .job-detail-panel{background:#2f3136!important;box-shadow:-10px 0 40px #00000080!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header{border-bottom-color:#202225!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .close-btn{background:#202225!important;color:#dcddde!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .close-btn:hover{background:#f04747!important;color:#fff!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-badges .badge.urgent{background:linear-gradient(135deg,#f04747,#ed4245)!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-badges .badge.featured{background:linear-gradient(135deg,#faa61a,#f59e0b)!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-logo{border-color:#202225!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header h2{color:#fff!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-company{color:#96989d!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-location{color:#7289da!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-key-info .key-info-item{background:#202225!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-key-info .key-info-item .label{color:#72767d!important}body.dark-mode .job-listing-container .job-detail-panel .detail-header .detail-key-info .key-info-item .value{color:#dcddde!important}body.dark-mode .job-listing-container .job-detail-panel .detail-content h3{color:#fff!important}body.dark-mode .job-listing-container .job-detail-panel .detail-content p,body.dark-mode .job-listing-container .job-detail-panel .detail-content ul li{color:#96989d!important}body.dark-mode .job-listing-container .job-detail-panel .detail-content ul li:before{color:#43b581!important}body.dark-mode .job-listing-container .job-detail-panel .detail-content .benefits-list .benefit-tag{background:linear-gradient(135deg,#43b581,#3ba55d)!important;color:#fff!important}body.dark-mode .job-listing-container .job-detail-panel .detail-content .tags-list .detail-tag{background:#202225!important;color:#96989d!important}body.dark-mode .job-listing-container .job-detail-panel .detail-actions{border-top-color:#202225!important}body.dark-mode .job-listing-container .job-detail-panel .detail-actions .btn-primary{background:linear-gradient(135deg,#7289da,#5865f2)!important;color:#fff!important}body.dark-mode .job-listing-container .job-detail-panel .detail-actions .btn-primary:hover{background:linear-gradient(135deg,#5865f2,#7289da)!important}body.dark-mode .job-listing-container .job-detail-panel .detail-actions .btn-secondary{background:#40444b!important;color:#dcddde!important}body.dark-mode .job-listing-container .job-detail-panel .detail-actions .btn-secondary:hover{background:#36393f!important}body.dark-mode .job-listing-container .pagination .page-btn,body.dark-mode .job-listing-container .pagination .page-number{background:#2f3136!important;color:#dcddde!important}body.dark-mode .job-listing-container .pagination .page-btn:hover:not(:disabled),body.dark-mode .job-listing-container .pagination .page-number:hover:not(:disabled){background:#7289da!important;color:#fff!important}body.dark-mode .job-listing-container .pagination .page-btn.active,body.dark-mode .job-listing-container .pagination .page-number.active{background:#7289da!important;color:#fff!important}body.dark-mode .job-listing-container .pagination .page-btn:disabled,body.dark-mode .job-listing-container .pagination .page-number:disabled{opacity:.5;background:#202225!important}body.dark-mode .job-listing-container .loading-container .loading-spinner{border-color:#40444b!important;border-top-color:#7289da!important}body.dark-mode .job-listing-container .loading-container p{color:#dcddde!important}body.dark-mode .job-listing-container.embedded .filters-panel .filters-content{background:#2f3136!important;border:1px solid #202225!important;box-shadow:0 4px 20px #0000004d!important}body.dark-mode .job-listing-container.embedded .jobs-grid .job-card{background:#2f3136!important;border-color:#202225!important}body.dark-mode .job-listing-container.embedded .jobs-grid .job-card:hover{border-color:#7289da!important;box-shadow:0 10px 30px #7289da33!important}body.dark-mode .dashboard-container{background:transparent!important}body.dark-mode .dashboard-container .dashboard-content{background:#36393f!important;box-shadow:0 8px 32px #00000080!important}body.dark-mode .dashboard-container .sidebar{background:#2f3136!important;border-right:1px solid rgba(0,0,0,.3)!important;height:100%}body.dark-mode .dashboard-container .sidebar .nav-button,body.dark-mode .dashboard-container .sidebar button{color:#96989d!important}body.dark-mode .dashboard-container .sidebar .nav-button:hover,body.dark-mode .dashboard-container .sidebar button:hover{background:#7289da1a!important;color:#dcddde!important}body.dark-mode .dashboard-container .sidebar .nav-button.active,body.dark-mode .dashboard-container .sidebar button.active{background:#7289da!important;color:#fff!important}body.dark-mode .dashboard-container .main-content{background:#36393f!important}body.dark-mode .dashboard-container .main-content .content-header h1{color:#dcddde!important}body.dark-mode .chatbox-container{background:#202225!important}body.dark-mode .chatbox-container .conversations-list{background:#2f3136!important;border-right-color:#0000004d!important}body.dark-mode .chatbox-container .conversations-list .conversations-header{background:#202225!important;border-bottom-color:#0000004d!important}body.dark-mode .chatbox-container .conversations-list .conversations-header h2{color:#dcddde!important}body.dark-mode .chatbox-container .conversations-list .conversation-item{border-bottom-color:#ffffff08!important}body.dark-mode .chatbox-container .conversations-list .conversation-item:hover{background:#7289da0d!important}body.dark-mode .chatbox-container .conversations-list .conversation-item.active{background:#7289da1a!important;border-left-color:#7289da!important}body.dark-mode .chatbox-container .conversations-list .conversation-item .conversation-name{color:#dcddde!important}body.dark-mode .chatbox-container .conversations-list .conversation-item .conversation-preview{color:#96989d!important}body.dark-mode .chatbox-container .conversations-list .conversation-item time{color:#96989d!important}body.dark-mode .chatbox-container .chat-area{background:#36393f!important}body.dark-mode .chatbox-container .chat-area .chat-header{background:#2f3136!important;border-bottom-color:#0000004d!important}body.dark-mode .chatbox-container .chat-area .chat-header h3{color:#dcddde!important}body.dark-mode .chatbox-container .chat-area .chat-header .status{color:#96989d!important}body.dark-mode .chatbox-container .chat-area .messages-container{background:#36393f!important}body.dark-mode .chatbox-container .chat-area .messages-container .is-mine .message-bubble{background:linear-gradient(135deg,#2f3136,#7289da)!important;color:#fff!important}body.dark-mode .chatbox-container .chat-area .messages-container .is-other .message-bubble{background:#40444b!important;color:#dcddde!important}body.dark-mode .chatbox-container .chat-area .messages-container .message-time{color:#96989d!important}body.dark-mode .chatbox-container .chat-area .chat-composer{background:#40444b!important;border-top-color:#0000004d!important}body.dark-mode .chatbox-container .chat-area .chat-composer .message-input,body.dark-mode .chatbox-container .chat-area .chat-composer input[type=text]{background:#202225!important;color:#dcddde!important;border-color:transparent!important}body.dark-mode .chatbox-container .chat-area .chat-composer .message-input::placeholder,body.dark-mode .chatbox-container .chat-area .chat-composer input[type=text]::placeholder{color:#96989d!important}body.dark-mode .chatbox-container .chat-area .chat-composer .message-input:focus,body.dark-mode .chatbox-container .chat-area .chat-composer input[type=text]:focus{border-color:#7289da!important;box-shadow:0 0 0 2px #7289da33!important}body.dark-mode .chatbox-container .chat-area .chat-composer .send-button{background:linear-gradient(135deg,#2f3136,#7289da)!important}body.dark-mode .chatbox-container .chat-area .chat-composer .send-button:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#2f3136)!important}body.dark-mode .chatbox-container .chat-area .chat-composer .send-button:disabled{background:#40444b!important;opacity:.5}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#40444b!important;color:#dcddde!important;border-color:#202225!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder,body.dark-mode select::placeholder{color:#96989d!important}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:#7289da!important;outline:none}body.dark-mode ::-webkit-scrollbar{width:10px;background:#202225}body.dark-mode ::-webkit-scrollbar-track{background:#2f3136}body.dark-mode ::-webkit-scrollbar-thumb{background:#202225;border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#18191c}.dark-mode-toggle{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color)}.dark-mode-toggle .toggle-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-tertiary);border-radius:12px;transition:all .3s ease;min-height:52px;gap:12px}.dark-mode-toggle .toggle-container:hover{box-shadow:var(--shadow-sm);background-color:var(--button-hover-bg)}.dark-mode-toggle .toggle-container .toggle-icon{width:16px;height:16px;z-index:1;display:flex;align-items:center;justify-content:center}.dark-mode-toggle .toggle-container .toggle-icon svg{width:16px;height:16px}.dark-mode-toggle .toggle-container .sun{color:#faa61a}.dark-mode-toggle .toggle-container .moon{color:#fff}.dark-mode-toggle .toggle-container .toggle-switch{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease;transform:translate(0)}.dark-mode-toggle .toggle-container.dark .toggle-switch{transform:translate(28px)}.dark-mode-toggle .toggle-container:hover .toggle-switch{box-shadow:0 2px 8px #0000004d}*{transition:background-color .3s ease,color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}