html{font-size:14px;position:relative;min-height:100%}@media(min-width:768px){html{font-size:16px}}body{background-color:#111827;color:#fff;font-family:Arial,sans-serif}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb}.custom-background{background-color:#111827}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:#1f2937;padding:1rem 0}.navbar-brand{font-size:1.5rem;font-weight:bold;color:#fff}.nav-link{font-family:'Arial',sans-serif;font-size:1rem;font-weight:500;color:#fff!important;transition:color .3s ease}.nav-link:hover{color:#10b981!important}.nav-link:focus{outline:0;color:#10b981!important}.hero{text-align:center;padding:4rem 0}.hero h1{font-size:3rem;font-weight:bold;margin-bottom:1rem}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.btn-primary{background-color:#dc2626;border-color:#dc2626;color:#fff;padding:.5rem 1rem;font-size:1rem;border-radius:.25rem;transition:background-color .3s ease}.btn-primary:hover{background-color:#b91c1c;border-color:#b91c1c}.features{background-color:#1f2937;padding:4rem 0}.features h2{text-align:center;font-size:2rem;margin-bottom:3rem}.feature-card{background-color:#374151;border-radius:.5rem;padding:1.5rem;text-align:center;height:100%}.feature-card .icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#00008b;opacity:10}.about{padding:4rem 0;text-align:center}.about h2{font-size:2rem;margin-bottom:1rem}.about p{max-width:800px;margin:0 auto;font-size:1.1rem}.contact{background-color:#1f2937;padding:4rem 0;text-align:center}.contact h2{font-size:2rem;margin-bottom:1rem}.contact p{margin-bottom:2rem}footer{background-color:#111827;color:#9ca3af;text-align:center;padding:1rem 0;position:absolute;bottom:0;width:100%}.text-green{color:#10b981}.text-red{color:#dc2626}.text-blue{color:#3b82f6}.nav-pills .nav-link{color:#fff;background-color:#374151;margin-bottom:5px;border-radius:.25rem;transition:background-color .3s ease,color .3s ease}.nav-pills .nav-link:hover,.nav-pills .nav-link.active{color:#fff;background-color:#dc2626}.manage-account-container{background-color:#1f2937;border-radius:.5rem;padding:2rem;margin-top:2rem}.manage-account-container h1,.manage-account-container h4{color:#fff;margin-bottom:1rem}.manage-account-container .form-control{background-color:#374151;border-color:#4b5563;color:#fff}.manage-account-container .form-control:focus{background-color:#4b5563;border-color:#6b7280;color:#fff}.manage-account-container label{color:#d1d5db}.manage-account-container .btn-primary{background-color:#dc2626;border-color:#dc2626}.manage-account-container .btn-primary:hover{background-color:#b91c1c;border-color:#b91c1c}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#f44336;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;min-width:20px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}.colored-toast{border-radius:10px!important}.colored-toast .swal2-title{color:#fff;font-size:1.1rem}.colored-toast .swal2-html-container{color:rgba(255,255,255,.9);font-size:.9rem;margin-top:5px}@keyframes notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.notification-badge-pulse{animation:notification-pulse .5s ease}.notification-panel{max-height:400px;overflow-y:auto;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:10px}.notification-list{list-style:none;padding:0;margin:0}.notification-item{padding:12px 15px;border-bottom:1px solid rgba(0,0,0,.1);transition:all .2s ease}.notification-item:hover{background-color:rgba(0,0,0,.03)}.notification-item:last-child{border-bottom:0}.notification-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.notification-item-title{font-weight:600;font-size:.9rem;margin:0}.notification-item-time{font-size:.8rem;color:#777}.notification-item-body{font-size:.85rem;color:#444}.severity-high{border-left:4px solid #f44336}.severity-medium{border-left:4px solid #ff9800}.severity-low{border-left:4px solid #4caf50}.severity-info{border-left:4px solid #2196f3}.notification-system-info{background-color:rgba(33,150,243,.05)}.notification-alert{background-color:rgba(255,152,0,.05)}.notification-command{background-color:rgba(76,175,80,.05)}.notification-error{background-color:rgba(244,67,54,.05)}.notification-empty{padding:20px;text-align:center;color:#777;font-style:italic}.notification-tabs .nav-link{padding:8px 15px;font-size:.9rem}.notification-tabs .nav-link.active{font-weight:600}.notification-tabs .badge{margin-left:5px;font-size:.7rem}.notification-settings{padding:15px;border-top:1px solid rgba(0,0,0,.1)}.notification-settings h6{margin-bottom:10px;font-size:.9rem}.notification-settings .form-check{margin-bottom:8px}.notification-settings .form-check-label{font-size:.85rem}