/* Minified on 2025-08-21 19:31:35 */
a, a:hover, a:focus, a:active{text-decoration:none !important;outline:none;}.main-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-bottom:3px solid #5a6fd8;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.main-header .navbar-brand{color:#fff !important;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}.main-header .navbar{background:transparent;}.main-header .navbar-nav > li > a{transition:all 0.3s ease;text-decoration:none !important;}.main-header .navbar-nav > li > a:hover{background:rgba(255,255,255,0.1) !important;color:white !important;text-decoration:none !important;}.main-header .navbar-nav > li > a:focus{text-decoration:none !important;outline:none;}.main-sidebar{background:linear-gradient(180deg, #2c3e50 0%, #34495e 100%);box-shadow:2px 0 10px rgba(0,0,0,0.1);}.sidebar-menu > li.header{background:rgba(0,0,0,0.1);color:#b3c1d1;font-weight:600;font-size:12px;letter-spacing:1px;padding:15px 20px 10px 20px;margin:0;text-transform:uppercase;}.sidebar-menu > li > a{color:#b3c1d1;border-left:3px solid transparent;transition:all 0.3s ease;padding:12px 15px;position:relative;overflow:hidden;text-decoration:none !important;}.sidebar-menu > li > a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);transition:left 0.5s;}.sidebar-menu > li > a:hover::before{left:100%;}.sidebar-menu > li > a:hover,.sidebar-menu > li.active > a{color:#fff;background:linear-gradient(135deg, #3498db 0%, #2980b9 100%);border-left-color:#3498db;box-shadow:0 2px 10px rgba(52, 152, 219, 0.3);transform:translateX(5px);text-decoration:none !important;}.sidebar-menu > li > a > .fa{color:#7f8c8d;transition:all 0.3s ease;width:20px;text-align:center;margin-right:10px;}.sidebar-menu > li > a:hover > .fa,.sidebar-menu > li.active > a > .fa{color:#3498db;transform:scale(1.1);}.content-wrapper{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);min-height:100vh;}.content-header{background:rgba(255,255,255,0.8);margin-bottom:20px;padding:20px;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.05);backdrop-filter:blur(10px);}.content-header h1{color:#2c3e50;font-weight:700;margin:0;}.content-header small{color:#7f8c8d;font-weight:500;}.breadcrumb{background:transparent;padding:8px 0;margin:10px 0 0 0;}.breadcrumb > li > a{color:#667eea;text-decoration:none !important;transition:color 0.3s ease;}.breadcrumb > li > a:hover{color:#5a67d8;text-decoration:none !important;}.breadcrumb > li + li:before{color:#667eea;content:"›";font-size:16px;}.box{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:none;overflow:hidden;margin-bottom:25px;}.box:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}.box-header{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom:2px solid #dee2e6;padding:20px;position:relative;}.box-header::before{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:linear-gradient(90deg, #667eea, #764ba2);}.box-title{color:#2c3e50;font-weight:600;font-size:18px;}.box-body{padding:25px;background:white;}.box-primary .box-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;}.box-primary .box-title{color:white;}.btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;border-radius:8px;transition:all 0.3s ease;font-weight:600;padding:10px 20px;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102, 126, 234, 0.4);background:linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);}.btn-success{background:linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(39, 174, 96, 0.3);}.btn-warning{background:linear-gradient(135deg, #f39c12 0%, #e67e22 100%);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(243, 156, 18, 0.3);}.btn-danger{background:linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(231, 76, 60, 0.3);}.info-box{border-radius:12px;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:none;overflow:hidden;margin-bottom:20px;}.info-box:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.info-box-icon{border-radius:12px 0 0 12px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;}.info-box-content{padding:20px;}.info-box-number{font-weight:700;font-size:24px;color:#2c3e50;}.info-box-text{color:#7f8c8d;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:1px;}.table{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05);}.table thead th{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border:none;color:#2c3e50;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px;padding:15px;}.table tbody tr{transition:all 0.3s ease;}.table tbody tr:hover{background:rgba(102, 126, 234, 0.05);transform:scale(1.01);}.table tbody td{border-top:1px solid #f1f3f4;padding:12px 15px;vertical-align:middle;}.form-control{border:2px solid #e9ecef;border-radius:8px;padding:12px 15px;transition:all 0.3s ease;background:rgba(255,255,255,0.9);}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102, 126, 234, 0.1);background:white;}.form-group label{color:#2c3e50;font-weight:600;margin-bottom:8px;}.nav-pills > li.active > a{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:8px;}.nav-pills > li > a{border-radius:8px;margin-right:5px;transition:all 0.3s ease;}.nav-pills > li > a:hover{background:rgba(102, 126, 234, 0.1);}.login-box-body{background:rgba(255,255,255,0.98);padding:40px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.15);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);}.login-logo{text-align:center;margin-bottom:30px;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}.login-logo b{font-size:36px;font-weight:700;}.login-logo small{display:block;margin-top:8px;font-size:14px;opacity:0.9;}.login-box-msg{text-align:center;margin-bottom:30px;color:#555;font-size:16px;font-weight:500;}.login-box-msg i{margin-right:8px;font-size:18px;}.login-page{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;}.input-group-modern{margin-bottom:20px;}.input-group-modern:last-of-type{margin-bottom:25px;}.input-wrapper{position:relative;overflow:hidden;}.modern-input{background:rgba(255,255,255,0.95);border:2px solid rgba(102, 126, 234, 0.2);border-radius:12px;padding:16px 20px 16px 55px;font-size:15px;font-weight:500;color:#333;width:100%;height:52px;line-height:20px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 15px rgba(0,0,0,0.08);backdrop-filter:blur(10px);box-sizing:border-box;}.modern-input:focus{outline:none;border-color:#667eea;background:rgba(255,255,255,1);box-shadow:0 8px 25px rgba(102, 126, 234, 0.15);transform:translateY(-1px);}.modern-input::placeholder{color:rgba(0,0,0,0.4);font-weight:400;transition:all 0.3s ease;}.modern-input:focus::placeholder{color:rgba(102, 126, 234, 0.6);}.input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:rgba(102, 126, 234, 0.6);font-size:16px;transition:all 0.3s ease;z-index:3;pointer-events:none;}.modern-input:focus + .input-icon{color:#667eea;transform:translateY(-50%) scale(1.05);}.modern-input.has-value{border-color:rgba(102, 126, 234, 0.4);background:rgba(255,255,255,1);}.modern-input.has-value + .input-icon{color:#667eea;}.input-wrapper{position:relative;overflow:visible;margin-bottom:5px;}.input-wrapper.focused{transform:scale(1.01);}.input-wrapper.focused .modern-input{box-shadow:0 8px 25px rgba(102, 126, 234, 0.2);}.modern-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;border-radius:12px;padding:16px 30px;font-size:16px;font-weight:600;color:white;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 6px 20px rgba(102, 126, 234, 0.25);text-transform:none;width:100%;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;}.modern-btn:hover{background:linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);transform:translateY(-2px);box-shadow:0 10px 30px rgba(102, 126, 234, 0.35);color:white;}.modern-btn:active{transform:translateY(0px);box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);}.modern-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none;}.modern-btn .btn-text,.modern-btn .btn-loading{display:flex;align-items:center;justify-content:center;}.modern-btn .btn-text i{margin-right:8px;font-size:14px;}.modern-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.5s;}.modern-btn:hover::before{left:100%;}.modern-checkbox{margin:25px 0;}.checkbox-container{display:flex;align-items:center;cursor:pointer;user-select:none;position:relative;padding-left:40px;min-height:24px;}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:22px;width:22px;background:rgba(255,255,255,0.9);border:2px solid rgba(102, 126, 234, 0.3);border-radius:6px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.checkbox-container:hover input ~ .checkmark{background:rgba(255,255,255,1);border-color:#667eea;box-shadow:0 4px 12px rgba(102, 126, 234, 0.2);}.checkbox-container input:checked ~ .checkmark{background:#667eea;border-color:#667eea;box-shadow:0 4px 15px rgba(102, 126, 234, 0.3);}.checkmark:after{content:"";position:absolute;display:none;}.checkbox-container input:checked ~ .checkmark:after{display:block;}.checkbox-container .checkmark:after{left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}.checkbox-text{color:rgba(0,0,0,0.7);font-size:14px;font-weight:500;line-height:1.4;}.social-auth-links{margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,0,0,0.1);}.social-auth-links p{color:rgba(0,0,0,0.6);font-size:13px;line-height:1.4;margin:0;}.social-auth-links i{color:#667eea;margin-right:6px;}.small-box{border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.small-box.bg-green{background:linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);}.small-box .inner{padding:15px;}.small-box p{color:white;font-weight:500;display:flex;align-items:center;justify-content:center;}.small-box .label{margin-left:8px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;}.btn-loading .fa-spinner{animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:480px){.login-box{width:95%;margin:5% auto;}.login-box-body{padding:30px 25px;}.modern-input{font-size:16px;}.login-logo b{font-size:28px;.main-footer{background:linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color:#b3c1d1;border-top:3px solid #3498db;padding:20px;}.main-footer a{color:#3498db;transition:color 0.3s ease;}.main-footer a:hover{color:#667eea;}#bilProgress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg, #667eea, #764ba2);z-index:9999;transition:width 0.3s ease;box-shadow:0 2px 10px rgba(102, 126, 234, 0.5);}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);}.user-menu .dropdown-menu{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.2);border:none;overflow:hidden;display:none !important;position:absolute;top:100%;right:0;left:auto;z-index:1000;min-width:280px;opacity:0;transform:translateY(-10px);transition:all 0.3s ease;}.user-menu.open .dropdown-menu{display:block !important;opacity:1;transform:translateY(0);}.user-menu .dropdown-menu a{text-decoration:none !important;transition:all 0.3s ease;}.user-menu .dropdown-menu a:hover{text-decoration:none !important;background:rgba(102, 126, 234, 0.1);}.user-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;}.dropdown-toggle{cursor:pointer;}.dropdown-toggle:focus{outline:none;}.dropdown.open .dropdown-toggle{background:rgba(255,255,255,0.1) !important;}.navbar-nav > .user-menu > .dropdown-menu{right:0;left:auto;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;}.navbar-nav > .user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px;}.dropdown-menu{display:none !important;visibility:hidden !important;opacity:0 !important;transform:translateY(-10px) !important;transition:all 0.3s ease !important;}.dropdown.open .dropdown-menu,.user-menu.open .dropdown-menu,.btn-group.open .dropdown-menu{display:block !important;visibility:visible !important;opacity:1 !important;transform:translateY(0) !important;}.navbar-nav > .user-menu.open > .dropdown-menu{display:block !important;visibility:visible !important;opacity:1 !important;transform:translateY(0) !important;}.navbar-nav > .user-menu:not(.open) > .dropdown-menu{display:none !important;visibility:hidden !important;opacity:0 !important;transform:translateY(-10px) !important;}body.hold-transition{background:#f4f4f4 !important;background-image:none !important;font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;}body.hold-transition #bilMainContent #formLogin{display:none !important;}.wrapper{background:transparent !important;}.enhanced-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;backdrop-filter:blur(10px) !important;position:relative !important;z-index:1000 !important;}.enhanced-logo{background:rgba(255,255,255,0.1) !important;border:none !important;transition:all 0.3s ease !important;}.enhanced-logo:hover{background:rgba(255,255,255,0.2) !important;transform:scale(1.02) !important;}.logo-icon{width:24px !important;height:24px !important;vertical-align:middle !important;margin-right:5px !important;}.logo-icon-lg{width:32px !important;height:32px !important;vertical-align:middle !important;margin-right:10px !important;}.logo-text{color:white !important;font-weight:600 !important;font-size:18px !important;}.enhanced-navbar{background:transparent !important;border:none !important;}.enhanced-toggle{background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:8px !important;color:white !important;transition:all 0.3s ease !important;padding:8px 15px !important;display:flex !important;align-items:center !important;gap:8px !important;}.enhanced-toggle:hover{background:rgba(255,255,255,0.2) !important;transform:translateY(-2px) !important;color:white !important;box-shadow:0 4px 15px rgba(0,0,0,0.2) !important;}.toggle-text{font-size:12px !important;font-weight:500 !important;}.navbar-center-info{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;gap:20px;color:rgba(255,255,255,0.9);}.server-status-card{background:rgba(255,255,255,0.1);padding:8px 12px;border-radius:8px;text-align:center;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);}.server-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;}.server-info{font-size:10px;opacity:0.8;margin-top:2px;}.time-card{background:rgba(255,255,255,0.1);padding:8px 12px;border-radius:8px;text-align:center;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);}.current-time{font-family:'Courier New', monospace;font-size:14px;font-weight:600;}.current-date{font-size:10px;opacity:0.8;margin-top:2px;}.enhanced-nav-item{color:rgba(255,255,255,0.9) !important;transition:all 0.3s ease !important;padding:10px 15px !important;border-radius:8px !important;margin:0 3px !important;position:relative !important;display:flex !important;align-items:center !important;gap:8px !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.1) !important;}.enhanced-nav-item:hover{color:white !important;background:rgba(255,255,255,0.15) !important;transform:translateY(-2px) !important;box-shadow:0 4px 15px rgba(0,0,0,0.2) !important;text-decoration:none !important;}.notification-badge,.message-badge{position:absolute !important;top:5px !important;right:5px !important;background:#ff6b6b !important;color:white !important;border-radius:10px !important;padding:2px 6px !important;font-size:10px !important;font-weight:600 !important;min-width:18px !important;text-align:center !important;animation:badgePulse 2s infinite !important;}.enhanced-user-menu{margin-right:15px !important;}.enhanced-user-toggle{display:flex !important;align-items:center !important;gap:12px !important;padding:8px 20px !important;background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:25px !important;color:white !important;transition:all 0.3s ease !important;}.enhanced-user-toggle:hover{background:rgba(255,255,255,0.2) !important;transform:translateY(-2px) !important;color:white !important;text-decoration:none !important;box-shadow:0 4px 15px rgba(0,0,0,0.2) !important;}.enhanced-avatar{width:36px !important;height:36px !important;border:2px solid rgba(255,255,255,0.3) !important;border-radius:50% !important;transition:all 0.3s ease !important;}.user-info{display:flex !important;flex-direction:column !important;text-align:left !important;}.user-name{font-weight:600 !important;font-size:14px !important;line-height:1.2 !important;}.user-role{font-size:11px !important;opacity:0.8 !important;line-height:1.2 !important;}.stats-dropdown,.notifications-dropdown,.messages-dropdown,.settings-dropdown{min-width:300px !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(20px) !important;border:none !important;border-radius:12px !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;padding:0 !important;margin-top:10px !important;}.stats-header,.notification-header,.message-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;padding:12px 20px !important;border-radius:12px 12px 0 0 !important;font-weight:600 !important;font-size:13px !important;}.stat-item,.notification-item,.message-item{padding:12px 20px !important;border-bottom:1px solid rgba(0,0,0,0.05) !important;display:flex !important;align-items:center !important;gap:12px !important;transition:all 0.3s ease !important;}.stat-item:hover,.notification-item:hover,.message-item:hover{background:rgba(0,0,0,0.02) !important;}.stat-icon{width:40px !important;height:40px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;color:white !important;font-size:16px !important;}.stat-info{flex:1 !important;}.stat-number{display:block !important;font-weight:700 !important;font-size:16px !important;color:#333 !important;}.stat-label{font-size:12px !important;color:#666 !important;}.notification-footer,.message-footer{padding:10px 20px !important;background:rgba(0,0,0,0.02) !important;border-radius:0 0 12px 12px !important;text-align:center !important;}.notification-footer a,.message-footer a{color:#667eea !important;font-weight:500 !important;font-size:12px !important;text-decoration:none !important;}@media (max-width:768px){.navbar-center-info{display:none !important;}.enhanced-nav-item span{display:none !important;}.user-info{display:none !important;}.enhanced-user-toggle{padding:8px 12px !important;}}@media (max-width:480px){.enhanced-toggle .toggle-text{display:none !important;}.stats-dropdown,.notifications-dropdown,.messages-dropdown{min-width:280px !important;right:10px !important;}}.navbar-center-info{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:flex;align-items:center;gap:20px;color:rgba(255,255,255,0.9);font-weight:500;}@media (max-width:768px){.navbar-center-info{display:none;}}@media (max-width:992px){.navbar-center-info{gap:10px;}.navbar-center-info .server-status span{display:none;}.current-time{font-size:12px;padding:2px 6px;}}.server-status{display:flex;align-items:center;gap:8px;}.pulse{animation:pulse 2s infinite;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.current-time{font-family:'Courier New', monospace;font-size:14px;background:rgba(255,255,255,0.1);padding:4px 8px;border-radius:4px;}.modern-nav-item{color:rgba(255,255,255,0.8) !important;transition:all 0.3s ease !important;padding:10px 12px !important;border-radius:8px !important;margin:0 2px !important;position:relative !important;}.modern-nav-item:hover{color:white !important;background:rgba(255,255,255,0.1) !important;transform:translateY(-2px) !important;}.notification-badge,.message-badge{position:absolute !important;top:6px !important;right:6px !important;min-width:18px !important;height:18px !important;border-radius:9px !important;font-size:10px !important;line-height:18px !important;text-align:center !important;}.pulse-animation{animation:badgePulse 0.5s ease-in-out;}@keyframes badgePulse{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}.modern-user-menu{margin-right:10px !important;}.modern-user-toggle{display:flex !important;align-items:center !important;gap:10px !important;padding:8px 15px !important;background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:25px !important;color:white !important;transition:all 0.3s ease !important;}.modern-user-toggle:hover{background:rgba(255,255,255,0.2) !important;transform:translateY(-2px) !important;color:white !important;text-decoration:none !important;}.user-avatar-wrapper{position:relative;display:flex;align-items:center;}.modern-avatar{width:32px !important;height:32px !important;border:2px solid rgba(255,255,255,0.3) !important;border-radius:50% !important;transition:all 0.3s ease !important;}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#00ff00;border:2px solid white;border-radius:50%;animation:pulse 2s infinite;}.user-name{font-weight:500;font-size:14px;}.dropdown-arrow{transition:transform 0.3s ease !important;font-size:12px !important;}.dropdown-arrow.rotated{transform:rotate(180deg) !important;}.modern-dropdown{min-width:320px !important;right:0 !important;left:auto !important;top:100% !important;margin-top:10px !important;border:none !important;border-radius:16px !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(20px) !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;z-index:1050 !important;overflow:hidden !important;animation:dropdownSlide 0.3s ease-out !important;}@keyframes dropdownSlide{from{opacity:0;transform:translateY(-20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.modern-user-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;padding:0 !important;border-bottom:none !important;}.user-profile-section{padding:25px 20px !important;display:flex !important;align-items:center !important;gap:15px !important;}.profile-avatar{width:60px !important;height:60px !important;border:3px solid rgba(255,255,255,0.3) !important;flex-shrink:0 !important;}.profile-info{color:white !important;flex:1 !important;}.profile-name{color:white !important;font-weight:600 !important;margin:0 0 5px 0 !important;font-size:18px !important;}.profile-role{color:rgba(255,255,255,0.8) !important;margin:0 0 5px 0 !important;font-size:13px !important;display:flex !important;align-items:center !important;gap:5px !important;}.profile-status{color:rgba(255,255,255,0.8) !important;margin:0 !important;font-size:12px !important;display:flex !important;align-items:center !important;gap:5px !important;}.modern-user-stats{padding:20px !important;background:rgba(248,249,250,0.5) !important;border-bottom:1px solid rgba(0,0,0,0.05) !important;}.stat-item{text-align:center;}.stat-item i{font-size:20px;color:#667eea;margin-bottom:5px;display:block;}.stat-number{display:block;font-weight:700;font-size:16px;color:#333;margin-bottom:2px;}.stat-label{display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:0.5px;}.modern-user-footer{background:rgba(248,249,250,0.8) !important;padding:20px !important;border-top:1px solid rgba(0,0,0,0.05) !important;}.footer-actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;}.btn-modern{flex:1 !important;border-radius:8px !important;padding:8px 16px !important;font-weight:500 !important;font-size:12px !important;transition:all 0.3s ease !important;border:none !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;min-width:80px !important;}.btn-modern:hover{transform:translateY(-2px) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;}.btn-modern.btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;}.btn-modern.btn-default{background:#f8f9fa !important;color:#666 !important;border:1px solid #dee2e6 !important;}.btn-modern.btn-danger{background:linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%) !important;color:white !important;}.logout-btn:hover{background:linear-gradient(135deg, #ff5252 0%, #d32f2f 100%) !important;}@media (max-width:768px){.modern-dropdown{min-width:300px !important;max-width:90vw !important;right:10px !important;}.user-profile-section{flex-direction:column !important;text-align:center !important;}.profile-avatar{margin-bottom:10px !important;}.footer-actions{flex-direction:column !important;}.btn-modern{width:100% !important;margin-bottom:5px !important;}.modern-nav-item{padding:8px 10px !important;}.notification-badge,.message-badge{top:4px !important;right:4px !important;min-width:16px !important;height:16px !important;line-height:16px !important;font-size:9px !important;}}@media (max-width:480px){.modern-dropdown{min-width:280px !important;right:5px !important;}.modern-user-toggle{padding:6px 12px !important;gap:8px !important;}.modern-avatar{width:28px !important;height:28px !important;}.user-name{font-size:13px !important;}}.dark-mode .modern-dropdown{background:rgba(33,37,41,0.95) !important;color:white !important;}.dark-mode .modern-user-stats{background:rgba(33,37,41,0.8) !important;}.dark-mode .modern-user-footer{background:rgba(33,37,41,0.9) !important;}.dark-mode .stat-number{color:white !important;}.dark-mode .stat-label{color:#adb5bd !important;}.dark-mode .btn-modern.btn-default{background:#495057 !important;color:#adb5bd !important;border-color:#6c757d !important;}@media (max-width:768px){.content-header{padding:15px;margin-bottom:15px;}.box{margin-bottom:15px;}.box-header,.box-body{padding:15px;}.main-sidebar{box-shadow:none;}.info-box{margin-bottom:15px;}}@media (max-width:480px){.content-header h1{font-size:24px;}.box-title{font-size:16px;}.info-box-number{font-size:20px;}}.login-box{margin:7% auto;width:420px;max-width:90%;}.timeline{position:relative;margin:0;padding:0;}.timeline:before{content:'';position:absolute;top:0;left:18px;bottom:0;width:2px;background:linear-gradient(180deg, #667eea 0%, #764ba2 100%);}.timeline > li{position:relative;margin-right:10px;margin-bottom:15px;}.timeline > li > .fa{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;text-align:center;line-height:36px;color:white;z-index:2;}.timeline > li > .timeline-item{background:white;border-radius:8px;margin-left:50px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-left:3px solid #667eea;}.timeline-header{color:#2c3e50;font-size:14px;margin:0 0 10px 0;font-weight:600;}.timeline-body{color:#7f8c8d;font-size:13px;line-height:1.4;}.time{color:#95a5a6;font-size:11px;font-weight:500;}.info-box.bg-aqua{background:linear-gradient(135deg, #3498db 0%, #2980b9 100%);color:white;}.info-box.bg-green{background:linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);color:white;}.info-box.bg-aqua .info-box-icon,.info-box.bg-green .info-box-icon{background:rgba(255,255,255,0.2);}.info-box.bg-aqua .info-box-number,.info-box.bg-aqua .info-box-text,.info-box.bg-green .info-box-number,.info-box.bg-green .info-box-text{color:white;}.label{border-radius:6px;font-weight:500;padding:4px 8px;}.label-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);}.lead{font-size:16px;font-weight:400;line-height:1.6;color:#5a6c7d;}.text-blue{color:#3498db !important;}.fade-in{animation:fadeIn 0.5s ease-in;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.slide-in-left{animation:slideInLeft 0.3s ease-out;}@keyframes slideInLeft{from{transform:translateX(-100%);}to{transform:translateX(0);}}.dark-mode .main-sidebar{background:#1a1a1a;}.dark-mode .content-wrapper{background:#121212;color:#e0e0e0;}.dark-mode .box{background:#1e1e1e;color:#e0e0e0;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.dropdown-menu{animation:slideDown 0.3s ease !important;}.enhanced-nav-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);transform:translateX(-100%);transition:transform 0.6s;border-radius:8px;}.enhanced-nav-item:hover::before{transform:translateX(100%);}.glass-effect{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255, 255, 255, 0.2) !important;border-radius:12px !important;}.status-online{background:#4CAF50 !important;}.status-busy{background:#FF9800 !important;}.status-offline{background:#F44336 !important;}.enhanced-tooltip{position:relative !important;}.enhanced-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:1000;}.enhanced-tooltip:hover::after{opacity:1;}.btn-enhanced{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;color:white !important;padding:10px 20px !important;border-radius:8px !important;font-weight:500 !important;transition:all 0.3s ease !important;position:relative !important;overflow:hidden !important;}.btn-enhanced:hover{transform:translateY(-2px) !important;box-shadow:0 5px 20px rgba(102, 126, 234, 0.4) !important;color:white !important;}.btn-enhanced::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left 0.5s;}.btn-enhanced:hover::before{left:100%;}.enhanced-nav-item:focus,.enhanced-user-toggle:focus{outline:2px solid rgba(255,255,255,0.5) !important;outline-offset:2px !important;}.navbar-custom-menu{display:flex !important;align-items:center !important;height:100% !important;margin:0 !important;padding:0 15px !important;}.navbar-custom-menu > .navbar-nav{display:flex !important;align-items:center !important;margin:0 !important;padding:0 !important;height:100% !important;}.navbar-custom-menu > .navbar-nav > li{display:flex !important;align-items:center !important;height:100% !important;margin:0 3px !important;}.navbar-custom-menu .dropdown-menu{margin-top:10px !important;border:none !important;box-shadow:0 10px 40px rgba(0,0,0,0.15) !important;border-radius:12px !important;overflow:hidden !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(20px) !important;}.navbar-custom-menu .dropdown-toggle::after{display:none !important;}@media (max-width:768px){.navbar-custom-menu{padding:0 10px !important;}.navbar-custom-menu > .navbar-nav > li{margin:0 1px !important;}}