:root{color:#0d1c24;background:#f5f7fb;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.4}*,*:before,*:after{box-sizing:border-box}body{color:inherit;background:radial-gradient(circle at 12% 10%,#f7d9b8 0%,#f7d9b800 34%),radial-gradient(circle at 88% 18%,#c8e8de 0%,#c8e8de00 30%),linear-gradient(165deg,#eef4fb 0%,#f9fafc 45%,#edf6f3 100%);min-height:100vh;margin:0}a{color:#005f7a}code,pre,table{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Consolas,monospace}.app-shell{max-width:1400px;margin:0 auto;padding:1.5rem 1rem 2rem}.hero{display:flex;justify-content:space-between;align-items: flex-end;gap:1rem;margin-bottom:1.25rem}.hero-kicker{letter-spacing:.11em;text-transform:uppercase;color:#0c6a60;margin:0 0 .4rem;font-size:.78rem;font-weight:700}h1{color:#0a2231;margin:0;font-size:clamp(1.5rem,1.2rem + 1.3vw,2.4rem);line-height:1.15}.hero-subtitle{color:#33596d;max-width:54ch;margin:.6rem 0 0}.refresh-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(120deg,#00425f,#006f7a);border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;box-shadow:0 8px 24px #083e5c38}.refresh-button:disabled{opacity:.7;cursor:wait}.error-panel{background:#fff2ec;border:1px solid #f2c7b6;border-radius:14px;margin-bottom:1rem;padding:1rem}.error-panel h2{margin:0 0 .35rem;font-size:1.05rem}.error-panel p{margin:.25rem 0}.loading-hint{color:#3d6276;margin:.4rem 0 1rem;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.stat-card{background:#ffffffdb;border:1px solid #b4c4ce99;border-radius:16px;padding:.8rem .9rem;box-shadow:0 6px 18px #143d4d14}.stat-card h2{text-transform:uppercase;letter-spacing:.06em;color:#3f6276;margin:0;font-size:.79rem}.stat-card p{color:#0d2a3a;margin:.35rem 0 0;font-size:1.12rem;font-weight:700}.controls{display:grid;grid-template-columns:2fr 1.05fr 1.25fr 1.2fr 1.35fr;align-items: end;gap:.6rem;margin-bottom:.9rem}.controls label{display:flex;color:#35576a;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:.35rem;font-size:.77rem;font-weight:700}.controls input,.controls select{color:#0c2737;font:inherit;text-transform:none;letter-spacing:normal;background:#fffffff0;border:1px solid #aec3d0;border-radius:10px;width:100%;padding:.56rem .65rem}.controls input:focus,.controls select:focus{outline:2px solid #6ba7c8;outline-offset:0;border-color:#6ba7c8}.checkbox-field{display:flex;background:#ffffffe0;border:1px solid #aec3d0;border-radius:10px;flex-direction:row;align-items: center;gap:.5rem;min-height:40px;padding:.58rem .7rem;font-size:.72rem}.checkbox-field input[type=checkbox]{width:auto;margin:0}.platform-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-bottom:.9rem}.platform-chip{color:#0f3244;display:grid;cursor:pointer;background:#ffffffe0;border:1px solid #b6c8d4;border-radius:11px;justify-items:start;gap:.18rem;padding:.55rem .65rem;transition:all .12s}.platform-chip span{text-transform:uppercase;letter-spacing:.05em;color:#3c657a;font-size:.74rem}.platform-chip strong{font-size:1.1rem}.platform-chip small{color:#50768a}.platform-chip:hover{border-color:#5f8ea8;transform:translateY(-1px)}.platform-chip.is-active{background:linear-gradient(125deg,#e4f6ff,#d9f5ed);border-color:#4f879b;box-shadow:0 8px 18px #35698124}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr)minmax(320px,.9fr);gap:.9rem}.table-panel,.detail-panel{background:#ffffffe6;border:1px solid #bfd0da;border-radius:16px;box-shadow:0 8px 24px #143a4d17}.panel-header{border-bottom:1px solid #dae4ea;padding:.8rem .9rem}.panel-header h2{color:#0b2636;margin:0;font-size:1rem}.panel-header p{color:#406272;margin:.35rem 0 0;font-size:.84rem}.table-wrap{overflow:auto;max-height:62vh}table{border-collapse:collapse;width:100%;font-size:.78rem}thead th{position:sticky;z-index:1;text-align:left;color:#34586c;letter-spacing:.04em;text-transform:uppercase;background:#edf3f8;border-bottom:1px solid #d0dce3;padding:.56rem .62rem;font-size:.69rem;top:0}tbody td{vertical-align:top;color:#18384a;border-bottom:1px solid #e1e9ee;padding:.5rem .62rem}tbody tr{cursor:pointer}tbody tr:hover td{background:#f5fafc}tbody tr.is-selected td{background:#e9f6ff}.row-select{color:#005f7a;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;padding:0}.empty-state{text-align:center;color:#547182;padding:1.5rem .5rem}.detail-body{display:grid;gap:.75rem;padding:.8rem .9rem}.detail-body dl{display:grid;gap:.38rem;margin:0}.detail-body dl div{display:grid;grid-template-columns:130px minmax(0,1fr);align-items: start;gap:.5rem}.detail-body dt{text-transform:uppercase;letter-spacing:.05em;color:#4a6c7d;font-size:.72rem;font-weight:700}.detail-body dd{color:#123142;word-break:break-word;margin:0}.detail-body h3{color:#173a4d;margin:0;font-size:.86rem}.detail-body pre{overflow:auto;color:#163444;background:#f5f9fc;border:1px solid #d8e4eb;border-radius:10px;max-height:32vh;margin:0;padding:.65rem;font-size:.74rem}.empty-detail{color:#4a6d80;margin:0;padding:.9rem}.footer-note{color:#395e70;margin-top:.9rem;font-size:.79rem}@media (max-width:1080px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field{grid-column:1/-1}.workspace{grid-template-columns:1fr}.table-wrap{max-height:48vh}}@media (max-width:720px){.hero{flex-direction:column;align-items:stretch}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:1fr}.detail-body dl div{grid-template-columns:1fr;gap:.2rem}}