html,body{background-color:var(--background-color);color:#fff;font-family:Roboto,sans-serif}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard{padding:20px;background-color:var(--background-color)}.dashboard-container{display:flex;flex-direction:column;flex-grow:1;background-color:var(--background-color);color:var(--text-color)}.dashboard-content{flex-grow:1;padding:20px;display:flex;flex-direction:column;gap:20px;background-color:var(--background-color)!important}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);color:var(--text-color);overflow:hidden;text-align:center}.metric-card .card-content{width:100%}.metric-card .card-content .metric-title{color:var(--light-text-color)}.metric-card .card-content .metric-value{color:var(--text-color)}.metric-card .card-content .metric-change.positive{color:var(--accent-color)}.metric-card .card-content .metric-change.negative{color:var(--danger-color)}.metric-card .card-content .metric-critical{color:var(--warning-color)}.metric-card .card-content .metric-status.positive{color:var(--accent-color)}.metric-card .card-content .metric-status.negative{color:var(--danger-color)}.card-body .card-title,.card-body .card-text{color:#fff}.metric-title{font-size:.9em;color:var(--light-text-color);margin-bottom:5px}.metric-value{font-size:2em;font-weight:700;color:var(--text-color)}.metric-change{display:flex;align-items:center;justify-content:center;font-size:.85em}.metric-change.positive{color:var(--accent-color)}.metric-change.negative{color:var(--danger-color)}.metric-change .arrow{margin-right:5px}.metric-critical{font-size:.85em;color:var(--warning-color)}.metric-status{display:flex;align-items:center;justify-content:center;font-size:.85em}.metric-status.positive{color:var(--accent-color)}.metric-status .check{margin-right:5px}.metric-icon-container{padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.metric-icon-container.blue{background-color:#4299e133;color:var(--primary-color)}.metric-icon-container.red{background-color:#e53e3e33;color:var(--danger-color)}.metric-icon-container.yellow{background-color:#ecc94b33;color:var(--warning-color)}.metric-icon-container.green{background-color:#48bb7833;color:var(--accent-color)}.metric-icon{width:24px;height:24px}.user-profile{display:flex;align-items:center}.user-profile img{width:40px;height:40px;border-radius:50%;margin-left:10px}.metrics-overview{display:flex;justify-content:space-between}.metric{flex:1;padding:20px;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-right:10px}.metric:last-child{margin-right:0}.recent-alerts ul{list-style-type:none;padding:0}.recent-alerts li{padding:10px;border-bottom:1px solid var(--border-color)}.charts-and-graphs,.system-status{padding:20px;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.dashboard .card{transition:transform .2s ease-in-out}.dashboard .card:hover{transform:translateY(-5px)}.dashboard .card-title{font-weight:600}.dashboard .navbar{padding:10px;background-color:var(--header-background);border-bottom:1px solid var(--border-color)}.dashboard .container{max-width:1200px}.card-body{height:auto}.chart-container{position:relative;height:auto;min-height:180px;max-height:300px;width:100%}@media (max-width: 768px){.dashboard-content{padding:10px}.metric-cards{grid-template-columns:1fr;gap:10px}.metric-card{flex-direction:column;align-items:flex-start;padding:15px;overflow:visible}.metric-card .card-content{flex-grow:1}.charts-and-graphs,.system-status{padding:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.row.mt-5{display:flex;align-items:stretch;margin-top:15px}.row.mt-5>.col-md-6{width:100%;margin-bottom:15px}.row.mt-5 .card{height:100%}.row.mt-5 .card-body{height:100%;display:flex;flex-direction:column;justify-content:space-between}.recent-alerts-table,.top-threats-table{font-size:12px;overflow-x:auto;display:block;white-space:nowrap}.recent-alerts-table th,.top-threats-table th,.recent-alerts-table td,.top-threats-table td{padding:5px}.chart-container{height:auto;min-height:120px;max-height:180px}.card-body{height:auto}}@media (max-width: 480px){.page-title{font-size:20px}.metric-card .metric-title{font-size:.7em}.metric-card .metric-value{font-size:1.5em}.metric-card .metric-change,.metric-card .metric-critical,.metric-card .metric-status{font-size:.65em}.dashboard-section h2{font-size:18px}}@media (max-width: 480px){.metric-card h3{font-size:16px}.metric-card p,.dashboard-section h2{font-size:20px}}.logs-page{padding:20px;background-color:var(--background-color-light);min-height:calc(100vh - 60px);color:var(--text-color)}.logs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.log-card{background-color:var(--card-background);border-radius:12px;padding:20px;box-shadow:var(--shadow-elevation-medium);transition:transform .2s ease-in-out;border:1px solid var(--border-color)}.log-card:hover{transform:translateY(-5px)}.log-card h3{margin-top:0;color:var(--heading-color);font-size:1.3em;margin-bottom:10px}.log-card p{margin-bottom:8px;color:var(--text-color-secondary);font-size:.95em;line-height:1.5}.log-card p strong{color:var(--text-color)}.log-level-error{border-left:5px solid var(--color-danger)}.log-level-warn{border-left:5px solid var(--color-warning)}.log-level-info{border-left:5px solid var(--color-success)}@media (max-width: 768px){.logs-page{padding:15px}.search-input{width:100%;margin-bottom:15px}.logs-list{grid-template-columns:1fr}.log-card{padding:15px}.log-card p{font-size:14px}}@media (max-width: 480px){.logs-page h2{font-size:22px}.log-card strong{font-size:14px}}.navbar{padding:10px;background-color:#fff;border-bottom:1px solid #ddd}.form-control{margin-bottom:10px}.table{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.table th,.table td{text-align:center}.table th{background-color:#007bff;color:#fff}.table-striped tbody tr:nth-of-type(odd){background-color:#f9f9f9}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #ddd}.table-responsive{overflow-x:auto}.dashboard-content{flex-grow:1;padding:20px;background-color:#f8f9fa}.container{max-width:1200px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h2{font-size:24px;color:#333}.report-generation{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.report-generation h3{font-size:20px;margin-bottom:15px;color:#495057}.report-generation input.form-control{border-radius:4px;border:1px solid #ced4da}.report-generation .btn-primary{background-color:#007bff;border-color:#007bff;border-radius:4px;transition:background-color .3s}.report-generation .btn-primary:hover{background-color:#0056b3}.report-list{margin-top:30px}.report-list h3{font-size:20px;margin-bottom:15px;color:#495057}.report-list .list-group-item{cursor:pointer;transition:background-color .2s}.report-list .list-group-item:hover{background-color:#f1f1f1}.report-list .list-group-item.active{background-color:#007bff;color:#fff}.report-viewer{margin-top:30px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.report-viewer h4{font-size:22px;margin-bottom:10px;color:#343a40}.report-viewer p{font-size:16px;color:#6c757d}.export-options{margin-top:30px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.export-options h3{font-size:20px;margin-bottom:15px;color:#495057}.export-options .form-control{border-radius:4px;border:1px solid #ced4da}.export-options .btn-secondary{background-color:#6c757d;border-color:#6c757d;border-radius:4px;transition:background-color .3s}.export-options .btn-secondary:hover{background-color:#5a6268}.report-page{padding:20px}.report-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.report-card h3{margin-top:0;color:var(--text-color)}.report-card p{margin-bottom:5px;color:var(--light-text-color)}.report-status-completed{color:#2ecc71;font-weight:700}.report-status-pending{color:#f39c12;font-weight:700}.report-status-failed{color:#e74c3c;font-weight:700}@media (max-width: 768px){.report-page{padding:15px}.report-controls{flex-direction:column;gap:15px}.search-bar-container{width:100%}.filter-buttons{flex-wrap:wrap;justify-content:center}.filter-chip{margin:5px}.sort-dropdown{width:100%}.report-list{grid-template-columns:1fr}.report-card{padding:15px}.card-header{flex-direction:column;align-items:flex-start}.report-type-badge{margin-top:10px}}@media (max-width: 480px){.page-title{font-size:24px}.report-card h3{font-size:18px}.report-card p{font-size:14px}}.user-mgmt-page{padding:20px;background-color:var(--background-color)}.user-management-content{display:flex;gap:20px}.user-list-section{flex:2;background-color:var(--card-background);padding:20px;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.user-details-section{flex:1;background-color:var(--card-background);padding:20px;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.user-list-section h3,.user-details-section h3,.add-user h3{color:var(--text-color);margin-top:0;margin-bottom:15px}.list-group{list-style:none;padding:0}.list-group-item{padding:10px 15px;border-bottom:1px solid var(--border-color);color:var(--text-color);cursor:pointer;transition:background-color .2s ease;background-color:var(--card-background)}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background-color:var(--sidebar-hover-background)}.list-group-item.active{background-color:var(--primary-color);color:#fff}.user-details p{color:var(--light-text-color);margin-bottom:10px}.user-details strong{color:var(--text-color)}.user-details select{background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);padding:5px;border-radius:4px}.add-user{margin-top:20px;background-color:var(--card-background);padding:20px;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.add-user label{color:var(--text-color);margin-bottom:5px;display:block}.add-user input[type=text],.add-user input[type=email],.add-user select{width:100%;padding:8px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color)}.add-user button{width:100%;padding:10px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.add-user button:hover{background-color:darken(var(--primary-color),10%)}@media (max-width: 768px){.user-management-content{flex-direction:column}}@media (max-width: 768px){.user-list-container{grid-template-columns:1fr}}.dashboard{display:flex}.dashboard-content{flex-grow:1;padding:20px;background-color:var(--background-color)}.container{max-width:800px;margin:auto}.header{margin-bottom:20px}.header h2{font-size:24px;color:var(--text-color)}.profile-section{display:flex;margin-bottom:30px}.profile-picture{margin-right:20px;text-align:center}.profile-picture img{border-radius:50%;width:150px;height:150px;object-fit:cover}.profile-picture input{margin-top:10px}.profile-details{flex-grow:1}.profile-details h3{font-size:20px;margin-bottom:15px;color:var(--text-color)}.profile-details p{font-size:16px;color:var(--text-color-secondary)}.password-section{margin-bottom:30px}.password-section h3{font-size:20px;margin-bottom:15px;color:var(--text-color)}.password-section .form-group{margin-bottom:15px}.password-section .btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:4px;transition:background-color .3s}.password-section .btn-primary:hover{background-color:var(--primary-color-dark)}.notifications-section h3{font-size:20px;margin-bottom:15px;color:var(--text-color)}.form-check{margin-bottom:10px}.form-check-input{margin-right:10px}.profile-page{padding:20px}.profile-card{background-color:var(--card-background);border-radius:8px;padding:20px;box-shadow:var(--box-shadow);max-width:500px;margin-top:20px}.profile-card p{margin-bottom:10px;color:var(--text-color)}.profile-card strong{color:var(--text-color-secondary)}@media (max-width: 768px){.profile-section{flex-direction:column;align-items:center}.profile-picture{margin-right:0;margin-bottom:20px}.profile-details{text-align:center}.profile-card{max-width:100%;padding:15px}.password-section .form-group{flex-direction:column;align-items:flex-start}.password-section label{margin-bottom:5px}}@media (max-width: 480px){.header h2{font-size:22px}.profile-details h3,.password-section h3,.notifications-section h3{font-size:18px}.profile-details p,.password-section label,.form-check-label{font-size:14px}}body,.dashboard-content{background-color:#f8f9fa;font-family:Arial,sans-serif}.container{max-width:1200px}.help-page{background-color:var(--background-color);color:var(--text-color)}.header h2{color:var(--primary-color)}.header p{color:var(--light-text-color)}.search-section{position:relative;max-width:600px;margin:auto}.search-section input{padding:15px;font-size:1.1rem;border:2px solid var(--primary-color);border-radius:50px;transition:box-shadow .3s ease}.search-section input:focus{box-shadow:0 0 10px var(--primary-color)}.faq-section h3{color:var(--text-color)}.card{border:1px solid var(--border-color);box-shadow:0 4px 8px var(--shadow-color)}.card-header{background-color:var(--primary-color);color:var(--text-color)}.card-body{background-color:var(--card-background)}.faq-answer{color:var(--light-text-color)}.support-contact-section h3,.documentation-section h3{color:var(--text-color)}.support-contact-section p{color:var(--light-text-color)}.support-contact-section strong{color:var(--primary-color)}.documentation-section li{color:var(--light-text-color)}.documentation-section li i{color:var(--primary-color)}@media (max-width: 768px){.help-page{padding:15px}.search-section input{width:100%}.faq-section .card{margin-bottom:10px}.faq-question{font-size:16px}.faq-answer,.support-contact-section p,.documentation-section li{font-size:14px}}@media (max-width: 480px){.header h2{font-size:22px}.header p{font-size:14px}.faq-section h3,.support-contact-section h3,.documentation-section h3{font-size:18px}}.alerts-page{padding:20px;background-color:var(--background-color-light);min-height:calc(100vh - 60px);color:var(--text-color)}.alerts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.alert-card{background-color:var(--card-background);border-radius:12px;padding:20px;box-shadow:var(--shadow-elevation-medium);transition:transform .2s ease-in-out;border:1px solid var(--border-color)}.alert-card:hover{transform:translateY(-5px)}.alert-card h3{margin-top:0;color:var(--heading-color);font-size:1.3em;margin-bottom:10px}.alert-card p{margin-bottom:8px;color:var(--text-color-secondary);font-size:.95em;line-height:1.5}.alert-card p strong{color:var(--text-color)}.severity-low{color:var(--color-success);font-weight:700}@media (max-width: 768px){.alerts-list{grid-template-columns:1fr}.alerts-page{padding:15px}}@media (max-width: 480px){.alert-card{padding:15px}.alert-card h3{font-size:1.1em}}.malware-detector-page{padding:20px;color:var(--text-color)}.page-title{color:var(--heading-color);margin-bottom:30px;font-size:2em;text-align:center}.malware-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;align-items:center;justify-content:center}.search-bar-container{position:relative;flex-grow:1;max-width:400px}.search-input.pill-style{width:100%;padding:10px 15px 10px 40px;border:1px solid var(--border-color);border-radius:25px;background-color:var(--card-background);color:var(--text-color);font-size:1em;transition:all .3s ease}.search-input.pill-style::placeholder{color:var(--light-text-color)}.search-input.pill-style:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3);outline:none}.search-icon{position:absolute;left:10px!important;top:45%;transform:translateY(-50%);color:var(--light-text-color)}.filter-buttons{display:flex;gap:10px}.filter-chip{background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);padding:8px 15px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9em}.filter-chip:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}.filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color);box-shadow:var(--card-shadow)}.sort-dropdown{position:relative;display:inline-block}.sort-dropdown select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);padding:10px 30px 10px 15px;border-radius:25px;font-size:1em;cursor:pointer;outline:none;transition:all .3s ease}.sort-dropdown select:hover{border-color:var(--primary-color)}.sort-dropdown .dropdown-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--light-text-color);pointer-events:none}.malware-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.malware-card{background-color:var(--card-background);border-radius:12px;box-shadow:var(--card-shadow);padding:25px;display:flex;flex-direction:column;border-left:5px solid;transition:all .3s ease;overflow:visible}.malware-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.malware-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.malware-card .card-title{font-size:1.3em;color:var(--heading-color);margin:0}.threat-level-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:15px;font-size:.85em;font-weight:700;color:var(--white-color)}.card-meta{font-size:.9em;color:var(--light-text-color);margin-bottom:5px}.card-description{font-size:.95em;color:var(--text-color);line-height:1.5;margin-top:10px;margin-bottom:10px}.view-more-button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-align:left;padding:0;font-size:.9em;margin-top:5px}.malware-card[style*="border-left-color: var(--status-detected)"]{border-left-color:var(--status-detected)}.malware-card[style*="border-left-color: var(--status-quarantined)"]{border-left-color:var(--status-quarantined)}.malware-card[style*="border-left-color: var(--status-resolved)"]{border-left-color:var(--status-resolved)}.threat-level-badge[style*="background-color: var(--threat-high)"]{background-color:var(--threat-high)}.threat-level-badge[style*="background-color: var(--threat-medium)"]{background-color:var(--threat-medium)}.threat-level-badge[style*="background-color: var(--threat-low)"]{background-color:var(--threat-low)}@media (max-width: 768px){.malware-detector-page{padding:15px}.malware-controls{flex-direction:column;gap:15px}.search-bar-container{width:100%}.filter-buttons{flex-wrap:wrap;justify-content:center}.filter-chip{margin:5px}.sort-dropdown{width:100%}.malware-list{grid-template-columns:1fr}.malware-card{padding:15px;min-height:250px}.card-header{flex-direction:column;align-items:flex-start}.threat-level-badge{margin-top:10px}}@media (max-width: 480px){.page-title{font-size:24px}.malware-card h3{font-size:18px}.malware-card p{font-size:14px}}.card-description-container{height:80px;overflow:hidden;transition:height .3s ease-in-out}.card-description-container.expanded{height:auto;overflow:visible}.network-scanner-page{padding:20px}.scan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.scan-card h3{margin-top:0;color:var(--text-color)}.scan-card p{margin-bottom:5px;color:var(--light-text-color)}.scan-status-completed{color:#2ecc71;font-weight:700}.scan-status-in_progress{color:#f39c12;font-weight:700}.scan-status-failed{color:#e74c3c;font-weight:700}@media (max-width: 768px){.scan-list{grid-template-columns:1fr}}.network-scanner-dashboard{max-width:1200px;margin:0 auto;padding:20px;color:#e0e0e0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.dashboard-header{margin-bottom:30px;color:#fff}.search-bar-container{position:relative;margin-top:1.9rem;margin-right:1rem}.search-icon{position:absolute;left:-1px;top:40%;transform:translateY(-50%);color:#9e9e9e}.search-input{width:100%;padding:12px 20px 12px 45px;border-radius:25px;border:1px solid #3a3a3a;background-color:#212121;color:#e0e0e0;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 0 0 2px #2196f380,inset 0 1px 3px #0006;background-color:#2c2c2c;border-color:#2196f3}.filter-sort-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;flex-wrap:wrap}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-chip{padding:8px 16px;border-radius:8px;border:1px solid #3a3a3a;background-color:#2c2c2c;color:#e0e0e0;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-chip.active{background-color:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 2px 5px #2196f34d}.filter-chip:hover{background-color:#3a3a3a;border-color:#2196f3;color:#2196f3}.sort-dropdown-container{flex:1;max-width:300px;min-width:180px}.sort-dropdown{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #3a3a3a;background-color:#2c2c2c;color:#e0e0e0;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%20viewBox%3D%220%200%20292.4%20292.4%22%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M287%20197.2L159.9%2069.8c-4.8-4.8-12.5-4.8-17.3%200L5.4%20197.2c-4.8%204.8-4.8%2012.5%200%2017.3l8.5%208.5c4.8%204.8%2012.5%204.8%2017.3%200l118.2-118.2c4.8-4.8%2012.5-4.8%2017.3%200l118.2%20118.2c4.8%204.8%2012.5%204.8%2017.3%200l8.5-8.5c4.7-4.8%204.7-12.5%200-17.3z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:12px auto}.network-scan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:30px}.scan-card{position:relative;background-color:#1a1a1a;border-radius:10px;padding:20px;box-shadow:0 5px 15px #00000080,0 1px 3px #0000004d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border:1px solid #282828}.scan-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0009,0 3px 10px #0006}.status-border{position:absolute;top:0;left:0;width:5px;height:100%}.status-border.completed{background-color:#4caf50}.status-border.in-progress{background-color:#ffeb3b}.status-border.failed{background-color:#f44336}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title{margin:0;font-size:18px;display:flex;align-items:center;gap:8px;color:#fff}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.status-badge.completed{background-color:#4caf5033;color:#4caf50}.status-badge.in-progress{background-color:#ffeb3b33;color:#ffeb3b}.status-badge.failed{background-color:#f4433633;color:#f44336}.card-content{font-size:14px;line-height:1.6}.card-content p{margin:8px 0;display:flex;align-items:center;gap:8px;color:#bdbdbd}.results-summary{margin-top:15px;padding-top:15px;border-top:1px solid #3a3a3a}.results-summary h4{margin-top:0;margin-bottom:10px;font-size:15px;color:#fff}.results-summary ul{margin:0;padding-left:20px}.results-summary li{margin-bottom:5px;color:#bdbdbd}.view-more-button{display:flex;align-items:center;gap:6px;margin-top:15px;padding:8px 12px;background-color:#2c2c2c;border:1px solid #424242;border-radius:8px;color:#9e9e9e;font-size:13px;cursor:pointer;transition:all .2s ease}.view-more-button:hover{background-color:#3a3a3a;color:#e0e0e0;border-color:#2196f3}@media (max-width: 768px){.network-scanner-dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px}.search-bar-container{width:100%}.filter-sort-controls{flex-direction:column;width:100%;gap:10px}.filter-buttons{flex-wrap:wrap;justify-content:center}.filter-chip{margin:5px}.sort-dropdown-container{width:100%}.network-scan-cards{grid-template-columns:1fr}.scan-card{padding:15px}.card-header{flex-direction:column;align-items:flex-start}.status-badge{margin-top:10px}}@media (max-width: 480px){.dashboard-header h2{font-size:22px}.scan-card h3{font-size:18px}.scan-card p{font-size:14px}}.vulnerability-checker-page{padding:20px;background-color:var(--background-color-light);min-height:calc(100vh - 60px);color:var(--text-color)}.vulnerability-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.vulnerability-card{background-color:var(--card-background);border-radius:12px;padding:20px;box-shadow:var(--shadow-elevation-medium);transition:transform .2s ease-in-out;border:1px solid var(--border-color)}.vulnerability-card:hover{transform:translateY(-5px)}.vulnerability-card h3{margin-top:0;color:var(--heading-color);font-size:1.3em;margin-bottom:10px}.vulnerability-card p{margin-bottom:8px;color:var(--text-color-secondary);font-size:.95em;line-height:1.5}.vulnerability-card p strong{color:var(--text-color)}.severity-high{color:var(--color-danger);font-weight:700}.severity-medium{color:var(--color-warning);font-weight:700}.severity-low,.vuln-status-resolved{color:var(--color-success);font-weight:700}.vuln-status-pending{color:var(--color-warning);font-weight:700}.vuln-status-new{color:var(--color-danger);font-weight:700}@media (max-width: 768px){.vulnerability-list{grid-template-columns:1fr}.vulnerability-checker-page{padding:15px}}@media (max-width: 480px){.vulnerability-card{padding:15px}.vulnerability-card h3{font-size:1.1em}}.data-collector-page{padding:20px;background-color:var(--background-color);color:var(--text-color)}.search-input{width:100%;padding:10px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-background);color:var(--text-color)}.data-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.data-source-card{background-color:var(--card-background);border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease-in-out;border:1px solid var(--border-color)}.data-source-card:hover{transform:translateY(-5px)}.data-source-card h3{margin-top:0;color:var(--primary-color);font-size:1.2em;margin-bottom:10px}.data-source-card p{margin-bottom:5px;color:var(--light-text-color);font-size:.9em}.data-source-card p strong{color:var(--text-color)}.completed{color:#2ecc71;font-weight:700}.in-progress{color:#f39c12;font-weight:700}.failed{color:#e74c3c;font-weight:700}@media (max-width: 768px){.data-collector-page{padding:15px}.summary-cards{flex-direction:column;gap:10px}.summary-card{width:100%;padding:15px}.search-input{width:100%;margin-bottom:15px}.data-source-list{grid-template-columns:1fr}.data-source-card{padding:15px}}@media (max-width: 480px){.page-header h2{font-size:22px}.summary-card h3{font-size:16px}.summary-card p{font-size:20px}.data-source-card h3{font-size:18px}.data-source-card p{font-size:14px}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.page-header h2{font-size:2em;color:var(--text-color);margin:0}.summary-cards{display:flex;gap:20px;flex-wrap:wrap}.summary-card{background-color:var(--card-background);border-radius:10px;padding:15px 20px;box-shadow:0 2px 5px var(--shadow-color);text-align:center;min-width:180px}.summary-card h3{font-size:1em;color:var(--light-text-color);margin-bottom:5px}.summary-card p{font-size:1.5em;font-weight:700;color:var(--primary-color);margin:0}.sidebar{width:250px;background-color:var(--sidebar-background);color:var(--sidebar-text-color);padding:20px 0;display:flex;flex-direction:column;height:100vh;box-shadow:2px 0 5px var(--shadow-color)}.sidebar-scroll-container{flex-grow:1;overflow-y:auto;padding-right:10px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:10px}.sidebar-link{display:flex;align-items:center;padding:10px 20px;color:var(--sidebar-text-color);text-decoration:none;border-radius:8px;transition:background-color .3s ease,color .3s ease}.sidebar-link:hover{background-color:var(--sidebar-hover-background);color:#fff}.sidebar-link svg{margin-right:15px}.sidebar-link span{font-size:1.1em}.sidebar-user-info{display:flex;align-items:center;padding:15px 20px;margin-top:20px;border-top:1px solid var(--border-color);color:var(--sidebar-text-color)}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);margin-right:15px}.user-details{flex-grow:1}.user-name{font-weight:600;font-size:1em}.user-email{font-size:.85em;color:var(--light-text-color)}.logout-icon{cursor:pointer;transition:color .3s ease}.logout-icon:hover{color:var(--danger-color)}.logo{max-width:100%;height:auto;margin-bottom:20px;padding:0 20px}.sidebar-link.active{background-color:var(--primary-color);color:#fff}.sidebar-link.active svg{color:#fff}.sidebar-link.active:hover{background-color:var(--primary-color);color:#fff}.mobile-navbar-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:var(--primary-color);color:var(--white-color);padding:10px;border-radius:8px;cursor:pointer;box-shadow:0 2px 5px #0003}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;z-index:1000;transition:left .3s ease-in-out;box-shadow:2px 0 5px #0003;background-color:var(--sidebar-background)}.sidebar.open{left:0}.mobile-navbar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-scroll-container{padding-top:70px}}.dashboard-header{background-color:var(--header-background);border-bottom:1px solid var(--border-color)}.header-title{flex-grow:1}.user-greeting{font-size:.875rem;color:var(--light-text-color)}.user-greeting-text{color:var(--text-color);font-size:1.1em;font-weight:500}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;border:3px solid var(--background-color)}::-webkit-scrollbar-thumb:hover{background:#0056b3}@media (max-width: 768px){.dashboard-header{flex-direction:column;padding:10px}.header-title h1{font-size:22px;margin-bottom:10px}.user-greeting{margin-top:10px}}@media (max-width: 480px){.header-title h1{font-size:18px}.user-greeting-text{font-size:14px}}:root{--primary-color: #4299E1;--secondary-color: #A0AEC0;--accent-color: #48BB78;--background-color: #1A202C;--card-background: #2D3748;--text-color: #E2E8F0;--light-text-color: #A0AEC0;--border-color: #4A5568;--shadow-color: rgba(0, 0, 0, .2);--header-background: #2D3748;--sidebar-background: #1A202C;--sidebar-text-color: #E2E8F0;--sidebar-hover-background: #4A5568;--danger-color: #E53E3E;--warning-color: #ECC94B}body{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.app-container{display:flex;min-height:100vh;background-color:var(--background-color)}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;padding:20px;background-color:var(--background-color)}.search-input{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;box-shadow:0 2px 4px var(--shadow-color);transition:all .3s ease;background-color:var(--card-background);color:var(--text-color)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff40}.card{background-color:var(--card-background);border-radius:10px;box-shadow:0 4px 12px var(--shadow-color);padding:20px;margin-bottom:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid var(--border-color)}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:0;margin-bottom:15px;font-weight:600}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#0056b3;transform:translateY(-1px)}.text-primary{color:var(--primary-color)}.text-success{color:var(--accent-color)}.text-danger{color:#dc3545}.text-warning{color:#ffc107}@media (max-width: 768px){.app-container{flex-direction:column}.main-content{width:100%;padding:15px;margin-left:0}.search-input{padding:10px}.card{padding:15px}}@media (max-width: 480px){.header h1{font-size:20px}.user-greeting-text{font-size:14px}.card{margin-bottom:10px}}html,body,#root,.app-container{height:100%}#root{display:flex;flex-direction:column}.content-wrapper{flex-grow:1;display:flex}.page-title{font-size:2.5em;margin-bottom:25px;color:var(--text-color);text-align:center}.section-title{font-size:1.8em;margin-top:30px;margin-bottom:20px;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:10px}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-color);background-color:var(--card-background);background-clip:padding-box;border:1px solid var(--border-color);border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .25rem #007bff40}.form-group{margin-bottom:1rem}.form-label{margin-bottom:.5rem;font-weight:600;color:var(--text-color)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instagram-icon-link{position:fixed;bottom:20px;right:20px;z-index:1000;color:#e1306c;transition:transform .3s ease-in-out}.instagram-icon-link:hover{transform:scale(1.1)}.instagram-icon{background-color:#fff;border-radius:50%;padding:5px}