body { font-family: 'Poppins', system-ui, sans-serif; background: #f3f6f9; color: #495057; }
        .card { background: #fff; border: 1px solid #e9ebec; border-radius: 0.75rem; box-shadow: none; transition: transform .4s ease, box-shadow .4s ease; }
        .card:hover { transform: translateY(-0.2rem); box-shadow: rgba(30,32,37,0.12) 0px 5px 10px; }
        .card-hover { transition: transform .4s ease, box-shadow .4s ease; }
        .card-hover:hover { transform: translateY(-0.3rem); box-shadow: rgba(30,32,37,0.12) 0px 5px 10px; }
        .panel { background: #fff; border: 1px solid #e9ebec; border-radius: 0.75rem; box-shadow: none; }
        .nav-item {
            padding: .55rem 1.25rem !important;
            margin: 0 .5rem;
            border-radius: .75rem;
            color: #6d7080;
            white-space: nowrap;
            position: relative;
            font-size: .875rem;
            font-family: "Poppins", sans-serif;
            transition: color .15s ease, background-color .15s ease;
        }
        .nav-item.active { color: #25a0e2; background: rgba(37,160,226,0.15); border-radius: 0; }
        .nav-item:hover:not(.active) { color: #25a0e2; background: rgba(37,160,226,0.08); }
        .nav-item .nav-icon {
            opacity: 0.35;
            transition: opacity .15s ease, filter .15s ease, color .15s ease;
            filter: grayscale(100%);
        }
        .nav-item:hover .nav-icon {
            opacity: 0.7;
            filter: grayscale(50%);
        }
        .nav-item.active .nav-icon {
            opacity: 1;
            filter: grayscale(0%);
            color: #25a0e2;
        }
        .threat-dot { animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
        @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
        .scrollbar { scrollbar-width: thin; scrollbar-color: #dee2e6 #f8f9fa; }
        .scrollbar::-webkit-scrollbar { width: 6px; }
        .scrollbar::-webkit-scrollbar-track { background: #f8f9fa; }
        .rounded-3xl, .rounded-2xl, .rounded-xl, .rounded-lg, .rounded-md, .rounded, .rounded-sm { border-radius: 0.75rem !important; }
        .rounded-full, .rounded-circle { border-radius: 9999px !important; }
        .gradient-bg { background: linear-gradient(135deg, #25a0e2, #1c80b5); }
        .nav-badge { background: #f06548; }
        .card-header { padding: 1rem 1.25rem; border-bottom: 1px solid #e9ebec; display: flex; align-items: center; justify-content: space-between; font-weight: 600; color: #495057; }
        .card-title { font-size: .95rem; font-weight: 600; color: #495057; }
        table { border-collapse: collapse; width: 100%; }
        table thead th { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #878a99; padding: .75rem 1rem; border-bottom: 1px solid #e9ebec; background: #f3f6f9; }
        table tbody td { padding: .75rem 1rem; border-bottom: 1px solid #f3f6f9; color: #495057; font-size: .875rem; }
        table tbody tr:last-child td { border-bottom: none; }
        .badge { display: inline-flex; align-items: center; padding: .35em .65em; font-size: .75em; font-weight: 600; line-height: 1; border-radius: .75rem; color: #fff; background: #878a99; }
        input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], select, textarea { background: #fff; border: 1px solid #ced4da; border-radius: .75rem; color: #212529; font-size: .875rem; padding: .5rem .9rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
        input:focus, select:focus, textarea:focus { border-color: #80c6ef; outline: none; box-shadow: 0 0 0 .15rem rgba(37,160,226,.25); }
        input::placeholder, textarea::placeholder { color: #adb5bd; font-size: .75rem; font-weight: 400; }
        button, .btn { font-size: .875rem; font-weight: 500; border-radius: .75rem; padding: .5rem .9rem; transition: all .15s ease-in-out; }
        button:active, .btn:active { transform: translateY(1px); }
        .btn-primary, button[class*="bg-primary-500"], button[class*="bg-primary-600"], button[class*="bg-[#25a0e2]"] { background: #25a0e2; border: 1px solid #25a0e2; color: #fff; }
        .btn-success, button[class*="bg-[#00bd9d]"] { background: #00bd9d; border: 1px solid #00bd9d; color: #fff; }
        .btn-danger, button[class*="bg-[#f06548]"] { background: #f06548; border: 1px solid #f06548; color: #fff; }
        .btn-warning, button[class*="bg-[#ffbc0a]"] { background: #ffbc0a; border: 1px solid #ffbc0a; color: #fff; }
        .btn-secondary, button[class*="bg-gray-100"] { background: #f3f6f9; border: 1px solid #f3f6f9; color: #495057; }
        .page-title-box { padding: 1rem 1.5rem; background: #f6f8fa; border-bottom: 1px solid #e9ebec; margin: 0; }
        .scrollbar::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 3px; }
        .codeblock { background: #f8f9fa; border: 1px solid #e9ecef; font-family: 'Fira Code', monospace; color: #212529; }
        ::selection { background: rgba(37,160,226,0.15); }
        .help-icon-btn { display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; border-radius:50%; color:#adb5bd; cursor:pointer; transition:all .15s ease; margin-left:.5rem; vertical-align:middle; background:#f3f6f9; }
        .help-icon-btn:hover { color:#25a0e2; background:rgba(37,160,226,0.12); }
        .help-icon-btn svg { width:1rem; height:1rem; }
        .nav-badge { display:inline-flex; align-items:center; justify-content:center; min-width:1.25rem; height:1.25rem; padding:0 .35rem; border-radius:9999px; background:#f06548; color:#fff; font-size:.65rem; font-weight:700; line-height:1; margin-left:auto; }
        .help-modal-overlay { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.4); backdrop-filter:blur(4px); padding:1rem; }
        .help-modal { background:#fff; border-radius:0.75rem; box-shadow:0 20px 60px rgba(0,0,0,0.15); max-width:42rem; width:100%; max-height:85vh; display:flex; flex-direction:column; }
        .help-modal-header { padding:1rem 1.25rem; border-bottom:1px solid #e9ecef; display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
        .help-modal-body { padding:1.25rem; overflow-y:auto; font-size:.875rem; line-height:1.65; color:#495057; }
        .help-modal-body h4 { font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; color:#adb5bd; font-weight:700; margin:1.25rem 0 .5rem; }
        .help-modal-body h4:first-child { margin-top:0; }
        .help-modal-body p { margin-bottom:.75rem; }
        .help-modal-body ul { margin-bottom:.75rem; padding-left:1.25rem; }
        .help-modal-body li { margin-bottom:.35rem; }
        .help-modal-body code { background:#f8f9fa; border:1px solid #e9ecef; border-radius:0.75rem; padding:.1rem .35rem; font-size:.8em; font-family:'Fira Code',monospace; }
        .readme-content h1 { font-size:1.75rem; font-weight:800; color:#111827; margin:2rem 0 1rem; padding-bottom:.5rem; border-bottom:2px solid #e5e7eb; }
        .readme-content h2 { font-size:1.4rem; font-weight:700; color:#1f2937; margin:1.5rem 0 .75rem; padding-bottom:.25rem; border-bottom:1px solid #e9ecef; }
        .readme-content h3 { font-size:1.15rem; font-weight:600; color:#374151; margin:1.25rem 0 .5rem; }
        .readme-content p { margin-bottom:.75rem; line-height:1.65; }
        .readme-content ul { list-style-type:disc; padding-left:1.25rem; margin-bottom:.75rem; }
        .readme-content ol { list-style-type:decimal; padding-left:1.25rem; margin-bottom:.75rem; }
        .readme-content li { margin-bottom:.35rem; }
        .readme-content code { background:#f3f4f6; padding:.15rem .35rem; border-radius:.75rem; font-family:'Fira Code',monospace; font-size:.85em; color:#111827; }
        .readme-content pre { background:#111827; color:#e5e7eb; padding:1rem; border-radius:.75rem; overflow-x:auto; margin-bottom:1rem; }
        .readme-content pre code { background:transparent; color:inherit; padding:0; }
        .readme-content table { width:100%; border-collapse:collapse; margin-bottom:1rem; }
        .readme-content th, .readme-content td { border:1px solid #e5e7eb; padding:.5rem .75rem; text-align:left; }
        .readme-content th { background:#f9fafb; font-weight:600; }
        .readme-content tr:nth-child(even) { background:#f9fafb; }
        .readme-content a { color:#25a0e2; text-decoration:underline; }
        .readme-content a:hover { color:#1c80b5; }
        .readme-content blockquote { border-left:4px solid #25a0e2; padding-left:1rem; color:#4b5563; margin-bottom:1rem; font-style:italic; }
        .readme-content hr { border:0; border-top:1px solid #e5e7eb; margin:1.5rem 0; }