@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg: #f0f2f7;--surface: #ffffff;--surface-2: #f8f9fc;--surface-3: #f0f2f7;--text: #0d1117;--text-2: #374151;--muted: #6b7280;--muted-light: #9ca3af;--border: #e2e6ef;--border-2: #d1d5e0;--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fef3c7;--accent-subtle: #fffbeb;--green: #10b981;--green-bg: #ecfdf5;--green-border: #a7f3d0;--yellow: #f59e0b;--yellow-bg: #fffbeb;--yellow-border: #fde68a;--red: #ef4444;--red-bg: #fef2f2;--red-border: #fecaca;--blue: #3b82f6;--blue-bg: #eff6ff;--blue-border: #bfdbfe;--shadow-sm: 0 1px 2px rgba(13, 17, 23, .04), 0 1px 4px rgba(13, 17, 23, .04);--shadow: 0 1px 3px rgba(13, 17, 23, .06), 0 4px 16px rgba(13, 17, 23, .06);--shadow-md: 0 4px 6px rgba(13, 17, 23, .05), 0 10px 30px rgba(13, 17, 23, .08);--shadow-lg: 0 8px 16px rgba(13, 17, 23, .06), 0 20px 48px rgba(13, 17, 23, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--sidebar-w: 248px;--sidebar-bg: #0c111d;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-text: #e5e7eb;--sidebar-muted: #6b7280;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active-bg: rgba(245, 158, 11, .12);--sidebar-active-text: #fbbf24;--sidebar-active-border: #f59e0b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:0;color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-inner{padding:var(--space-5) var(--space-4);flex:1;display:flex;flex-direction:column}.brand{padding:var(--space-3) var(--space-2) var(--space-6);border-bottom:1px solid var(--sidebar-border);margin-bottom:var(--space-5)}.brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-1)}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.brand-title{font-weight:800;font-size:15px;letter-spacing:-.2px;color:#fff}.brand-subtitle{font-size:11px;color:var(--sidebar-muted);letter-spacing:.5px;text-transform:uppercase;font-weight:500;padding-left:42px}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted);padding:var(--space-3) var(--space-3) var(--space-2);margin-top:var(--space-3)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--sidebar-muted);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease;border-left:2px solid transparent}.nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text);text-decoration:none}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--sidebar-active-border);font-weight:700}.nav-link-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--sidebar-border);padding-bottom:var(--space-3)}.sidebar-foot-muted{font-size:11px;color:var(--sidebar-muted);padding:var(--space-2) var(--space-2)}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 var(--space-6);display:flex;align-items:center;gap:12px;height:60px;position:sticky;top:0;z-index:10}.topbar-title{font-weight:700;font-size:13.5px;color:var(--muted);letter-spacing:.02em}.topbar-divider{width:1px;height:18px;background:var(--border)}.content{padding:var(--space-6);flex:1}.page{max-width:1200px;width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-header h1{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.6px;color:var(--text);line-height:1.2}.page-header-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.muted{color:var(--muted);font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{padding:var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-header-left{min-width:0}.card-header-right{flex-shrink:0}.card-title{font-weight:700;font-size:15px;letter-spacing:-.2px;color:var(--text)}.card-subtitle{margin-top:3px;color:var(--muted);font-size:13px}.card-content{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 14px;background:var(--surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .15s ease}.kpi:hover{box-shadow:var(--shadow)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-2);border-radius:var(--radius) var(--radius) 0 0}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.kpi-value{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text);font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.kpi-subtext{margin-top:6px;font-size:11.5px;color:var(--muted);font-weight:500}.kpi-good:before{background:var(--green)}.kpi-good{background:linear-gradient(180deg,var(--green-bg),var(--surface))}.kpi-warn:before{background:var(--yellow)}.kpi-warn{background:linear-gradient(180deg,var(--yellow-bg),var(--surface))}.kpi-bad:before{background:var(--red)}.kpi-bad{background:linear-gradient(180deg,var(--red-bg),var(--surface))}.kpi-neutral:before{background:var(--blue)}.portfolio-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:var(--space-6)}@media(max-width:1100px){.portfolio-kpis{grid-template-columns:repeat(2,1fr)}}.portfolio-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.portfolio-kpi-icon{font-size:22px;line-height:1;margin-bottom:4px}.portfolio-kpi-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.portfolio-kpi-value{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.portfolio-kpi-sub{font-size:12px;color:var(--muted);font-weight:500}.portfolio-kpi-accent{border-top:3px solid var(--accent)}.portfolio-kpi-green{border-top:3px solid var(--green)}.portfolio-kpi-blue{border-top:3px solid var(--blue)}.portfolio-kpi-red{border-top:3px solid var(--red)}button,input,select{font:inherit}input,select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;background:var(--surface);outline:none;color:var(--text);font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1f}button{height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:0 14px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2);transition:all .15s ease}button:hover{background:var(--surface-2);border-color:var(--border-2)}button:disabled{opacity:.45;cursor:not-allowed}.btn{height:36px;border-radius:var(--radius-sm);padding:0 16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:700;font-size:13.5px;transition:all .15s ease}.btn:hover{background:var(--surface-2)}.btn-primary{background:#0c111d;border-color:#0c111d;color:#fff;font-weight:700}.btn-primary:hover{background:#1a2133;border-color:#1a2133}.btn-accent{background:var(--accent);border-color:var(--accent-dark);color:#0c111d;font-weight:800}.btn-accent:hover{background:var(--accent-dark)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:6px}.table-wrap{overflow:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:700px;background:var(--surface)}.table th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);padding:12px 16px;font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;font-size:13.5px;color:var(--text-2)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s ease}.table tbody tr:hover td{background:var(--surface-2)}.table .job-name-cell{font-weight:700;color:var(--text)}.table .job-name-cell a{color:var(--text)}.table .job-name-cell a:hover{color:var(--blue);text-decoration:none}.table .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.table th.t-right,.table td.t-right,.t-right{text-align:right}.table th.t-left,.table td.t-left,.t-left{text-align:left}.col-actions{width:110px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.pill-active{background:var(--green-bg);color:#065f46;border-color:var(--green-border)}.pill-active:before{background:var(--green);opacity:1}.pill-closed{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.pill-closed:before{background:#9ca3af;opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:600}.risk-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border-radius:999px;font-size:11.5px;font-weight:700}.risk-high{background:var(--red-bg);color:#b91c1c;border:1px solid var(--red-border)}.risk-moderate{background:var(--yellow-bg);color:#92400e;border:1px solid var(--yellow-border)}.risk-low{background:var(--green-bg);color:#065f46;border:1px solid var(--green-border)}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-5);align-items:start}@media(max-width:1100px){.grid-2{grid-template-columns:1fr}}.section-stack{display:grid;gap:var(--space-5)}.grid-2>*{min-width:0}.stack{display:grid;gap:var(--space-5)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}@media(max-width:1100px){.row-2{grid-template-columns:1fr}}.alerts-empty{display:flex;align-items:center;gap:10px;padding:var(--space-4);background:var(--green-bg);border:1px solid var(--green-border);border-radius:var(--radius-sm);color:#065f46;font-size:13.5px;font-weight:600}.row-risk-high td{background:#fff5f5!important}.stat-up{color:var(--green);font-weight:700;font-size:12px}.stat-down{color:var(--red);font-weight:700;font-size:12px}.stat-neutral{color:var(--muted);font-weight:700;font-size:12px}.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px;letter-spacing:.04em;text-transform:uppercase}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);color:var(--muted)}.empty-state-icon{font-size:36px;margin-bottom:var(--space-3)}.empty-state-title{font-weight:700;font-size:15px;color:var(--text-2);margin-bottom:var(--space-2)}.progress-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:6px}.progress-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.progress-bar-fill-good{background:var(--green)}.progress-bar-fill-warn{background:var(--yellow)}.progress-bar-fill-bad{background:var(--red)}