:root{--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-red:#ef4444;--border-color:#334155;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--bg-dark:#f1f5f9;--bg-card:#fff;--text-main:#0a0f1e;--text-muted:#1e293b;--accent-blue:#1d4ed8;--accent-cyan:#0369a1;--accent-green:#047857;--accent-red:#b91c1c;--border-color:#cbd5e1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-main);background-color:var(--bg-dark)}[data-theme=light] .main-content{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}[data-theme=light] .input-field{color:#0a0f1e;background-color:#f8fafc}[data-theme=light] .input-field::placeholder{color:#475569}[data-theme=light] .nav-item{color:#1e293b}[data-theme=light] .nav-item.active{color:#0369a1;background-color:#0369a11f}[data-theme=light] .nav-item:hover:not(.active){color:#0a0f1e;background-color:#0000000f}[data-theme=light] .page-title{background:linear-gradient(90deg,#0369a1,#1d4ed8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .card{box-shadow:0 1px 4px #00000014}[data-theme=light] .badge{color:#1e293b;background-color:#00000012}[data-theme=light] code{color:#0a0f1e;background:#00000012}[data-theme=high-contrast]{--bg-dark:#000;--bg-card:#0a0a0a;--text-main:#fff;--text-muted:#ccc;--accent-blue:#59f;--accent-cyan:#00e5ff;--accent-green:#0f8;--accent-red:#f44;--border-color:#555;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}[data-theme=high-contrast] .input-field{color:#fff;background-color:#111;border-color:#888}[data-theme=high-contrast] .nav-item.active{color:#00e5ff;background-color:#00e5ff2e;border-right-color:#00e5ff}[data-theme=high-contrast] .page-title{background:linear-gradient(90deg,#00e5ff,#59f);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=solarized]{--bg-dark:#002b36;--bg-card:#073642;--text-main:#839496;--text-muted:#657b83;--accent-blue:#268bd2;--accent-cyan:#2aa198;--accent-green:#859900;--accent-red:#dc322f;--border-color:#2a4a54;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}[data-theme=solarized] .main-content{background:linear-gradient(135deg,#002b36 0%,#073642 100%)}[data-theme=solarized] .input-field{color:#93a1a1;background-color:#073642}[data-theme=solarized] .nav-item.active{color:#2aa198;background-color:#2aa19826;border-right-color:#2aa198}[data-theme=solarized] .page-title{background:linear-gradient(90deg,#2aa198,#268bd2);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=midnight]{--bg-dark:#0d0d2b;--bg-card:#14143a;--text-main:#e2e8f0;--text-muted:#8892b0;--accent-blue:#7c3aed;--accent-cyan:#a78bfa;--accent-green:#34d399;--accent-red:#f87171;--border-color:#1e1e50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}[data-theme=midnight] .main-content{background:linear-gradient(135deg,#0d0d2b 0%,#14143a 100%)}[data-theme=midnight] .input-field{color:#e2e8f0;background-color:#14143a}[data-theme=midnight] .nav-item.active{color:#a78bfa;background-color:#a78bfa26;border-right-color:#a78bfa}[data-theme=midnight] .page-title{background:linear-gradient(90deg,#a78bfa,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media print{.sidebar,.hamburger-btn,.sidebar-backdrop,.btn-primary,.page-info-panel,.input-group,button{display:none!important}.app-container{grid-template-columns:1fr!important}.main-content{padding:0!important}body{color:#000!important;background:#fff!important}.card{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.result-table th,.result-table td{color:#000!important}.print-show{display:block!important}}body{min-height:100vh;margin:0}*{box-sizing:border-box}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:20px 0;transition:all .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);color:var(--accent-cyan);align-items:center;gap:10px;margin-bottom:20px;padding:0 20px 20px;font-size:1.2rem;font-weight:700;display:flex}.nav-menu{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);align-items:center;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff0d}.nav-item.active{color:var(--accent-cyan);border-right:3px solid var(--accent-cyan);background-color:#06b6d41a}.main-content{background:radial-gradient(circle at 100% 0,#0f172a 0%,#020617 100%);flex:1;padding:30px 40px;overflow-y:auto}.page-header{margin-bottom:30px}.page-title{background:linear-gradient(to right, var(--accent-cyan), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:2rem;font-weight:700}.page-description{color:var(--text-muted);margin:0}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.input-group{gap:10px;margin-bottom:20px;display:flex}.input-field{border:1px solid var(--border-color);color:var(--text-main);background-color:#0f172a80;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-cyan)}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .2s;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.btn-primary:active{transform:translateY(1px)}.result-table{border-collapse:collapse;width:100%;margin-top:20px}.result-table th,.result-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.result-table th{color:var(--text-muted);width:30%;font-weight:600}.badge{color:var(--accent-cyan);background-color:#06b6d41a;border-radius:4px;padding:4px 8px;font-size:.85rem;font-weight:600;display:inline-block}.badge.safe{color:var(--accent-green);background-color:#10b9811a}.badge.danger{color:var(--accent-red);background-color:#ef44441a}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.dashboard-card{cursor:pointer;transition:transform .2s,border-color .2s}.dashboard-card:hover{border-color:var(--accent-cyan);transform:translateY(-5px)}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--accent-red);background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:12px}.hamburger-btn{z-index:1100;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--accent-cyan);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none;position:fixed;top:14px;left:14px}.hamburger-btn span{background:currentColor;border-radius:1px;width:20px;height:2px;transition:all .2s;display:block}.sidebar-backdrop{z-index:1050;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.hamburger-btn{display:flex}.sidebar{z-index:1060;width:250px;transition:left .25s;position:fixed;top:0;bottom:0;left:-260px}.sidebar.sidebar--open{left:0;box-shadow:4px 0 24px #00000080}.sidebar.sidebar--open~.sidebar-backdrop,.sidebar-backdrop.backdrop--open{display:block}.main-content{padding:64px 16px 20px}.page-title{font-size:1.4rem}.dashboard-grid{grid-template-columns:1fr}.input-group{flex-direction:column}.input-group .btn-primary{justify-content:center;width:100%}.result-table th{width:35%}.theme-btn{top:14px;right:14px}}@media (width<=480px){.main-content{padding:60px 12px 16px}.card{padding:16px}.page-title{font-size:1.2rem}}
