*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fa;--border:#e1e4e8;--text:#1a1d23;--text-2:#6b7280;--accent:#2563eb;--accent-light:#eff6ff;--critical:#dc2626;--critical-light:#fef2f2;--warn:#d97706;--warn-light:#fffbeb;--ok:#16a34a;--ok-light:#f0fdf4;--sidebar-w:220px;--radius:10px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a}body{background:#f4f5f7;background:var(--bg);color:#1a1d23;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e1e4e8;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;padding:0;position:fixed;top:0;width:220px;width:var(--sidebar-w);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border);color:#1a1d23;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:10px;padding:20px 20px 16px}.sidebar-logo svg{color:#2563eb;color:var(--accent)}.sidebar-section{color:#6b7280;color:var(--text-2);font-size:10px;font-weight:600;letter-spacing:.08em;padding:12px 10px 4px;text-transform:uppercase}.sidebar nav{flex:1 1;padding:8px 10px}.sidebar a{align-items:center;border-radius:7px;color:#6b7280;color:var(--text-2);display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:2px;padding:8px 10px;text-decoration:none;transition:background .15s,color .15s}.sidebar a:hover{background:#f8f9fa;background:var(--surface-2);color:#1a1d23;color:var(--text)}.sidebar a.active{background:#eff6ff;background:var(--accent-light);color:#2563eb;color:var(--accent)}.sidebar a svg{flex-shrink:0}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border);display:flex;height:56px;justify-content:space-between;left:220px;left:var(--sidebar-w);padding:0 24px;position:fixed;right:0;top:0;z-index:90}.topbar-title{font-size:15px;font-weight:600}.topbar-right{align-items:center;display:flex;gap:10px}.upload-select{background:#f8f9fa;background:var(--surface-2);border:1px solid #e1e4e8;border:1px solid var(--border);border-radius:7px;color:#1a1d23;color:var(--text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:6px 10px}.main{flex:1 1;margin-left:220px;margin-left:var(--sidebar-w);margin-top:56px;padding:24px}.card{background:#fff;background:var(--surface);border:1px solid #e1e4e8;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:20px}.card-title{color:#6b7280;color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.card-value{color:#1a1d23;color:var(--text);font-family:DM Mono,monospace;font-size:28px;font-weight:600}.card-sub{color:#6b7280;color:var(--text-2);font-size:12px;margin-top:4px}.grid-4{grid-gap:16px;grid-template-columns:repeat(4,1fr)}.grid-2,.grid-4{display:grid;gap:16px;margin-bottom:24px}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#6b7280;color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border);padding:10px 12px}td{font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#f8f9fa;background:var(--surface-2)}.tr-critical td{background:#fef2f2;background:var(--critical-light)}.tr-critical:hover td{background:#fde8e8}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-critical{background:#fef2f2;background:var(--critical-light);color:#dc2626;color:var(--critical)}.badge-high{background:#fffbeb;background:var(--warn-light);color:#d97706;color:var(--warn)}.badge-medium{background:#fff7ed;color:#c2410c}.badge-low{background:#f0fdf4;background:var(--ok-light);color:#16a34a;color:var(--ok)}.badge-default{background:#f8f9fa;background:var(--surface-2);color:#6b7280;color:var(--text-2)}.badge-blue{background:#eff6ff;background:var(--accent-light);color:#2563eb;color:var(--accent)}.dot{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.dot-critical{background:#dc2626;background:var(--critical)}.dot-high{background:#d97706;background:var(--warn)}.dot-medium{background:#f59e0b}.dot-low{background:#16a34a;background:var(--ok)}.section-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.upload-zone{border:2px dashed #e1e4e8;border:2px dashed var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:48px 24px;text-align:center;transition:border-color .2s,background .2s}.upload-zone.dragover,.upload-zone:hover{background:#eff6ff;background:var(--accent-light);border-color:#2563eb;border-color:var(--accent)}.upload-zone svg{color:#2563eb;color:var(--accent);margin-bottom:12px}.upload-zone p{color:#6b7280;color:var(--text-2);font-size:14px}.upload-zone strong{color:#1a1d23;color:var(--text)}.btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;gap:6px;padding:8px 16px;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#2563eb;background:var(--accent);color:#fff}.btn-secondary{background:#f8f9fa;background:var(--surface-2);border:1px solid #e1e4e8;border:1px solid var(--border);color:#1a1d23;color:var(--text)}.btn-danger{background:#dc2626;background:var(--critical);color:#fff}.empty{color:#6b7280;color:var(--text-2);padding:60px 24px;text-align:center}.empty svg{color:#e1e4e8;color:var(--border);margin-bottom:12px}.empty p{font-size:14px}.loading{color:#6b7280;color:var(--text-2);padding:48px;text-align:center}.bar-bg{background:#e1e4e8;background:var(--border);flex:1 1}.bar-bg,.bar-fill{border-radius:4px;height:6px}.bar-fill{background:#2563eb;background:var(--accent);transition:width .3s}.pill{background:#f8f9fa;background:var(--surface-2);border:1px solid #e1e4e8;border:1px solid var(--border);border-radius:100px;color:#6b7280;color:var(--text-2);display:inline-block;font-size:11px;margin:1px;padding:1px 7px}.upload-row{align-items:center;border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 0}.upload-row:last-child{border-bottom:none}.upload-row-info{display:flex;flex-direction:column;gap:2px}.upload-row-name{font-size:13.5px;font-weight:500}.rank,.upload-row-meta{color:#6b7280;color:var(--text-2);font-size:12px}.rank{font-family:DM Mono,monospace}.rank-1{color:#dc2626;font-weight:700}.rank-2{color:#d97706;font-weight:600}.rank-3{color:#ca8a04;font-weight:600}
/*# sourceMappingURL=main.77d4de1e.css.map*/