@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body,#root{width:100%;height:100%}body{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{color:#3b82f6;font-weight:700;animation:1s step-end infinite blink}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1a1a2e;background:#f8f9fb;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e8eaed;flex-direction:column;width:210px;min-width:210px;height:100vh;padding:0;display:flex}.sidebar-brand{text-align:center;padding:20px 16px 14px}.sidebar-logo{width:104px;margin:0 auto;display:block}.sidebar-title{color:#1f2937;letter-spacing:.02em;margin-top:6px;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex;overflow-y:auto}.nav-item{color:#5f6368;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#1a1a2e;background:#f1f3f4}.nav-item.active{color:#fff;background:#1f2937;font-weight:600}.nav-icon{text-align:center;width:22px;font-size:1.05rem}.sidebar-status{border-top:1px solid #e8eaed;padding:14px 14px 16px}.status-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.6rem;font-weight:600}.status-row{color:#5f6368;align-items:center;gap:6px;font-size:.68rem;line-height:1.9;display:flex}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.green{background:#34d399}.dot.red{background:#f87171}.main-content{background:#f8f9fb;flex:1;min-width:0;padding:30px;overflow-y:auto}.page-title{color:#111827;margin-bottom:6px;font-size:1.5rem;font-weight:700}.page-subtitle{color:#6b7280;margin-bottom:28px;font-size:.85rem}.card{background:#fff;border:1px solid #f0f1f3;border-radius:14px;margin-bottom:16px;padding:24px;box-shadow:0 1px 2px #0000000a}.card-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#1f2937}.btn-primary:hover{background:#374151;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-full{width:100%}.form-input,.form-select,.form-textarea{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1f2937}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-label{color:#4b5563;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.form-group{margin-bottom:14px}.tabs{border-bottom:2px solid #e5e7eb;gap:2px;margin-bottom:20px;padding-bottom:0;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-2px;padding:10px 22px;font-size:.88rem;font-weight:500;transition:all .15s}.tab:hover{color:#1f2937;background:#f3f4f6}.tab.active{color:#1f2937;border-bottom-color:#1f2937;font-weight:700}.scroll-y{overflow-y:auto}.scroll-h400{max-height:400px}.scroll-h500{max-height:500px}.scroll-h600{max-height:600px}.cols{gap:20px;display:flex}.cols-2>*{flex:1}.col-25{flex:0 0 22%}.col-33{flex:0 0 30%}.col-40{flex:0 0 38%}.col-50{flex:1}.col-60{flex:0 0 55%}.metric-row{flex-wrap:wrap;gap:12px;display:flex}.metric{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:1px solid #f0f1f3;border-radius:12px;flex:1;min-width:100px;padding:18px 20px}.metric .value{color:#111827;font-size:1.6rem;font-weight:700;line-height:1.2}.metric .label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:.7rem;font-weight:500}.sev-critical{color:#ef4444}.sev-warning{color:#f59e0b}.sev-pass{color:#10b981}.sev-info{color:#3b82f6}.result-md{color:#374151;font-size:.9rem;line-height:1.9}.result-md h1{color:#111827;margin:20px 0 10px;font-size:1.3rem}.result-md h2{color:#1f2937;margin:16px 0 8px;font-size:1.1rem}.result-md h3{color:#374151;margin:12px 0 6px;font-size:.95rem}.result-md table{border-collapse:collapse;width:100%;margin:10px 0}.result-md th,.result-md td{text-align:left;border:1px solid #e5e7eb;padding:8px 14px;font-size:.85rem}.result-md th{background:#f9fafb;font-weight:600}.empty-state{text-align:center;color:#9ca3af;padding:60px 20px}.empty-state .icon{margin-bottom:12px;font-size:3rem}.empty-state p{font-size:.9rem}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;padding:32px;transition:all .2s}.upload-zone:hover{background:#f9fafb;border-color:#1f2937}.list-item{cursor:pointer;color:#4b5563;border-radius:8px;padding:8px 12px;font-size:.85rem;transition:all .1s}.list-item:hover{background:#f3f4f6}.list-item.active{color:#fff;background:#1f2937;font-weight:600}.hr{border:none;border-top:1px solid #e5e7eb;margin:18px 0}.img-preview{border:1px solid #e5e7eb;border-radius:10px;width:100%}.badge{border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.badge-red{color:#dc2626;background:#fef2f2}.badge-yellow{color:#d97706;background:#fffbeb}.badge-green{color:#16a34a;background:#f0fdf4}