@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-0: #070b12;--bg-1: #0d1422;--bg-2: #111a2c;--line: #203048;--line-soft: #18253a;--text-0: #eaf1fb;--text-1: #b7c4d4;--text-2: #7f8ea1;--good: #14c784;--bad: #ff5f5f;--warn: #f7a52e;--accent: #0ea5e9;--mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--sans: "Space Grotesk", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);color:var(--text-0);background:radial-gradient(1200px 500px at 95% -15%,rgba(14,165,233,.16),transparent 60%),radial-gradient(900px 600px at -10% -20%,rgba(20,199,132,.12),transparent 65%),linear-gradient(180deg,#05070c,#0a111e 42%,#0a1322)}a{color:inherit;text-decoration:none}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:1720px;margin:0 auto;padding:20px;gap:14px}.app-header{border:1px solid var(--line);border-radius:16px;padding:16px 20px;background:linear-gradient(180deg,#182234f2,#101827e6);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.app-header h1{margin:2px 0 0;font-size:30px;line-height:1.1;letter-spacing:.02em}.brand-kicker{margin:0;color:#7cccf5;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.header-meta{font-family:var(--mono);color:var(--text-1);font-size:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.locale-switch{display:inline-flex;gap:6px}.locale-switch button{border:1px solid #2a3d56;border-radius:7px;padding:4px 8px;font-family:var(--mono);font-size:11px;color:var(--text-1);background:#122238}.locale-switch button.active{color:#def4ff;border-color:#1f8cbf;background:linear-gradient(150deg,#0f91c5e6,#0b6a92d9)}.locale-switch button:hover:not(.active){color:var(--text-0);background:#193455}.app-nav{display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line-soft);border-radius:12px;background:#080e1ab8;padding:8px}.app-nav a{padding:9px 12px;border-radius:8px;color:var(--text-1);font-size:14px;transition:.2s ease}.app-nav a:hover{color:var(--text-0);background:#23395873}.app-nav a.active{color:#def4ff;background:linear-gradient(160deg,#107fade6,#105e8ad9)}.app-content{flex:1}.terminal-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#131d2cf2,#0d1421eb);overflow:hidden}.panel-header{padding:14px 16px 12px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-header h2{margin:0;font-size:18px}.panel-header p{margin:6px 0 0;color:var(--text-2);font-size:13px}.panel-body{padding:14px 16px 18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.kpi-card{border:1px solid var(--line-soft);border-radius:10px;padding:10px;background:#0a121fb3;display:flex;flex-direction:column;gap:4px}.kpi-card span{color:var(--text-2);font-size:12px}.kpi-card strong{font-family:var(--mono);font-size:16px}.kpi-good strong{color:var(--good)}.kpi-bad strong{color:var(--bad)}.kpi-warn strong{color:var(--warn)}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:6px;color:var(--text-1);font-size:12px;letter-spacing:.02em}input,select,button{font-family:var(--sans)}input,select{width:100%;border:1px solid #2a3d56;background:#0b1524;color:var(--text-0);border-radius:8px;padding:8px 10px;font-size:13px}input:focus,select:focus{outline:none;border-color:#1f8cbf;box-shadow:0 0 0 1px #0ea5e959}button{border:none;border-radius:8px;padding:9px 12px;color:#e5f8ff;background:linear-gradient(140deg,#0f91c5,#0b6a92);cursor:pointer;font-size:13px}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:#1a2a3e}.filter-actions{display:flex;align-items:flex-end;gap:8px}.inline-info,.inline-error,.inline-warning,.inline-success{border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:10px}.inline-info{color:#d6e8f8;background:#192f46cc;border:1px solid #28496e}.inline-error{color:#ffd3d3;background:#4a1c1cd1;border:1px solid #823737}.inline-warning{color:#ffe7bb;background:#493513d9;border:1px solid #8f6620}.inline-success{color:#c8f8df;background:#18452cdb;border:1px solid #2f8557}.table-wrap{border:1px solid var(--line-soft);border-radius:10px;overflow:auto;max-height:430px}.table-wrap.compact{max-height:260px}table{width:100%;border-collapse:collapse;min-width:660px}th,td{border-bottom:1px solid rgba(24,37,56,.9);padding:9px 10px;text-align:left;font-size:12px;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#102035;color:#84a2c5;font-weight:600}tbody tr{cursor:pointer;transition:background .15s ease}tbody tr:hover{background:#122338d9}tbody tr.selected{background:#123750d6}.right{text-align:right}.cell-stack{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.cell-stack small{font-size:10px;line-height:1.2}.muted{color:var(--text-1);margin:10px 0;font-size:13px}.priority-block{border:1px solid var(--line-soft);border-radius:10px;padding:10px;margin-bottom:10px}.priority-block:last-child{margin-bottom:0}.priority-critical{border-color:#1f8cbf9e;background:linear-gradient(180deg,#0e293db8,#091522a6)}.priority-important{border-color:#2a3d56;background:#0e1826bd}.priority-reference{border-color:#3a495dcc;background:#0a121db8}.priority-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.priority-header h3{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fd5f2}.priority-header p{margin:4px 0 0;color:var(--text-2);font-size:12px}.priority-note{margin:0;color:var(--text-1);font-size:13px;line-height:1.4}.detail-grid,.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.detail-grid>div,.breakdown-grid>div{border:1px solid var(--line-soft);border-radius:8px;padding:8px 10px;background:#09101cd9;display:flex;flex-direction:column;gap:4px}.detail-grid span,.breakdown-grid span{color:var(--text-2);font-size:11px}.detail-grid strong,.breakdown-grid strong{font-family:var(--mono);font-size:13px}.detail-grid small,.breakdown-grid small{color:var(--text-1);font-size:11px;line-height:1.35}h3{margin:12px 0 8px;font-size:14px;color:#9ec9e5}.execute-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}.execute-row label{flex:1}.pill{font-family:var(--mono);font-size:11px;border-radius:999px;padding:3px 8px;display:inline-flex;align-items:center}.pill-neutral{color:#d0deee;background:#2d4058c7}.pill-good{color:#d5fce9;background:#177449b3}.pill-bad{color:#ffd8d8;background:#862d2db3}.pill-warn{color:#ffe8bf;background:#7a5414b8}.timeline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.timeline-list li{border:1px solid var(--line-soft);border-radius:8px;padding:7px 9px;display:grid;grid-template-columns:180px 100px 1fr;gap:8px;align-items:center}.mono{font-family:var(--mono)}.text-good{color:var(--good)}.text-bad{color:var(--bad)}.text-neutral{color:var(--text-0)}.text-warn{color:var(--warn)}@media(max-width:1200px){.terminal-grid{grid-template-columns:1fr}.kpi-grid,.filter-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-list li{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:12px}.app-header{flex-direction:column;align-items:flex-start}.header-meta{align-items:flex-start;text-align:left}.kpi-grid,.filter-grid,.compact-grid,.detail-grid,.breakdown-grid{grid-template-columns:1fr}.priority-header{flex-direction:column;align-items:flex-start}.execute-row{flex-direction:column;align-items:stretch}}