@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-hover:#1f2937;--border:#ffffff0f;--border-hover:#3b82f64d;--text-primary:#f0f4ff;--text-secondary:#8892a8;--text-muted:#6b7590;--blue:#3b82f6;--blue-light:#60a5fa;--green:#22c55e;--green-light:#4ade80;--red:#ef4444;--red-light:#f87171;--orange:#f97316;--orange-light:#fb923c;--purple:#8b5cf6;--purple-light:#a78bfa;--cyan:#06b6d4;--yellow:#eab308}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e1a;background:var(--bg-primary);color:#f0f4ff;color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{background:#111827;background:var(--bg-secondary);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;padding:20px 0;position:fixed;top:0;width:260px;z-index:50}.sidebar-logo{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 20px 20px}.sidebar-logo h2{color:#60a5fa;color:var(--blue-light);font-size:16px;font-weight:700}.sidebar-logo p{color:#6b7590;color:var(--text-muted);font-size:11px;margin-top:4px}.sidebar-nav{padding:0 12px}.nav-section{margin-bottom:20px}.nav-section-title{color:#6b7590;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;padding:0 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;color:#8892a8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;margin-bottom:2px;padding:10px 12px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#1f2937;background:var(--bg-hover);color:#f0f4ff;color:var(--text-primary)}.nav-item.active{background:#3b82f61f;color:#60a5fa;color:var(--blue-light);font-weight:600}.nav-item svg{flex-shrink:0;height:18px;width:18px}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:24px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:22px;font-weight:700}.topbar-actions{align-items:center;display:flex;gap:10px}.card{background:#1a1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.card:hover{border-color:#3b82f64d;border-color:var(--border-hover)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{color:#f0f4ff;color:var(--text-primary);font-size:14px;font-weight:600}.card-subtitle{color:#6b7590;color:var(--text-muted);font-size:12px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#1a1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;padding:18px}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-label{color:#6b7590;color:var(--text-muted);font-size:12px;margin-top:4px}.stat-change{font-size:11px;font-weight:600;margin-top:6px}.stat-change.up{color:#22c55e;color:var(--green)}.stat-change.down{color:#ef4444;color:var(--red)}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px;margin-bottom:24px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.table-container{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{color:#6b7590;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}tbody td,thead th{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border)}tbody td{color:#8892a8;color:var(--text-secondary);padding:12px 14px}tbody tr:hover td{background:#ffffff05}.badge{border:1px solid;border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.badge-critical{background:#ef44441f;border-color:#ef44444d;color:#f87171;color:var(--red-light)}.badge-high{background:#f973161f;border-color:#f973164d;color:#fb923c;color:var(--orange-light)}.badge-medium{background:#eab3081f;border-color:#eab3084d;color:#eab308;color:var(--yellow)}.badge-low{background:#22c55e1f;border-color:#22c55e4d;color:#4ade80;color:var(--green-light)}.badge-info{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa;color:var(--blue-light)}.badge-A{background:#22c55e1f;border-color:#22c55e4d;color:#4ade80;color:var(--green-light)}.badge-B{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa;color:var(--blue-light)}.badge-C{background:#eab3081f;border-color:#eab3084d;color:#eab308;color:var(--yellow)}.badge-D{background:#f973161f;border-color:#f973164d;color:#fb923c;color:var(--orange-light)}.badge-F{background:#ef44441f;border-color:#ef44444d;color:#f87171;color:var(--red-light)}.badge-new{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa;color:var(--blue-light)}.badge-running{background:#eab3081f;border-color:#eab3084d;color:#eab308;color:var(--yellow)}.badge-completed{background:#22c55e1f;border-color:#22c55e4d;color:#4ade80;color:var(--green-light)}.badge-failed{background:#ef44441f;border-color:#ef44444d;color:#f87171;color:var(--red-light)}.btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#3b82f6;background:var(--blue);border-color:#3b82f6;border-color:var(--blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;background:var(--red);border-color:#ef4444;border-color:var(--red);color:#fff}.btn-ghost{background:#0000;border-color:#ffffff0f;border-color:var(--border);color:#8892a8;color:var(--text-secondary)}.btn-ghost:hover{background:#1f2937;background:var(--bg-hover);color:#f0f4ff;color:var(--text-primary)}.btn-sm{font-size:12px;padding:5px 10px}.form-group{margin-bottom:14px}.form-label{color:#8892a8;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.form-input,.form-select{background:#0a0e1a;background:var(--bg-primary);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:8px;color:#f0f4ff;color:var(--text-primary);font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;border-color:var(--blue)}.form-input::placeholder{color:#6b7590;color:var(--text-muted)}option{background:#111827;background:var(--bg-secondary)}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#1a1f2e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:14px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:24px;width:500px}.modal-title{font-size:16px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.loading{align-items:center;color:#6b7590;color:var(--text-muted);display:flex;justify-content:center;padding:40px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff0f;border-top-color:#3b82f6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--blue);height:24px;margin-right:10px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.alert{border:1px solid;border-radius:8px;font-size:13px;margin-bottom:16px;padding:12px 16px}.alert-danger{background:#ef444414;border-color:#ef444433;color:#f87171;color:var(--red-light)}.alert-success{background:#22c55e14;border-color:#22c55e33;color:#4ade80;color:var(--green-light)}.alert-warning{background:#eab30814;border-color:#eab30833;color:#eab308;color:var(--yellow)}.empty-state{color:#6b7590;color:var(--text-muted);padding:50px 20px;text-align:center}.empty-state svg{height:48px;margin-bottom:12px;opacity:.4;width:48px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}}
/*# sourceMappingURL=main.f0fc8aed.css.map*/