
.dash-nav{color:#39e1c0!important;font-weight:700}.dash-page{min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#12354a 0,transparent 45%),#070e1c;color:#eaf4ff;font-family:Inter,system-ui,-apple-system,sans-serif}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px max(22px,calc((100vw - 1260px)/2));border-bottom:1px solid #24334c;background:#0b1529;flex-wrap:wrap}.dash-logo{font-weight:900;font-size:21px;letter-spacing:1px;color:#fff;text-decoration:none}.dash-logo span{color:#37daba}.dash-header select,.dash-header a.back{background:#13243c;color:#eaf4ff;border:1px solid #34475d;border-radius:10px;padding:10px;text-decoration:none}.dash-shell{max-width:1260px;margin:auto;padding:38px 22px 70px}.dash-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.dash-intro h1{font-size:clamp(30px,4vw,50px);letter-spacing:-1.5px;margin:10px 0}.dash-intro p{color:#aabed4;max-width:700px}.demo-pill{display:inline-block;border:1px solid #3d9b92;color:#70e8d2;background:#123734;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.dash-stat,.dash-panel{border:1px solid #283b56;background:linear-gradient(155deg,#16283f,#101d31);border-radius:16px;padding:22px}.dash-stat small{color:#9fb4cd}.dash-stat strong{display:block;font-size:27px;margin:12px 0 4px}.dash-stat em{font-style:normal;color:#40dbbd;font-size:12px}.dash-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 18px}.dash-tabs button,.dash-filter{border:1px solid #33465d;border-radius:10px;background:#101e31;color:#d4e5f8;padding:12px 16px;cursor:pointer;font-weight:650}.dash-tabs button.active{background:#38d9b7;color:#061b25;border-color:#38d9b7}.dash-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0}.dash-toolbar input,.dash-toolbar select{background:#0c1729;border:1px solid #33465d;border-radius:9px;color:white;padding:12px;min-width:200px}.dash-panel h2{margin:0 0 8px}.dash-muted{color:#a5b9ce;font-size:14px}.dash-table{width:100%;border-collapse:collapse;margin-top:18px}.dash-table th{text-align:left;font-size:12px;color:#8ea6bf;text-transform:uppercase;letter-spacing:.6px;padding:13px 10px;border-bottom:1px solid #30425b}.dash-table td{padding:17px 10px;border-bottom:1px solid #25374f;font-size:14px}.dash-table tr:last-child td{border:0}.dash-table tr[data-row]{cursor:pointer}.dash-table tr[data-row]:hover{background:#1d344d}.score{font-weight:800;color:#4ee2c2}.risk{display:inline-block;padding:5px 8px;border-radius:6px;background:#273b55;color:#cbd9e9;font-size:12px}.risk.high{background:#482b35;color:#ffb0b7}.risk.low{background:#1c443e;color:#7de5c9}.dash-detail{margin-top:18px;border:1px solid #2c6c72;border-radius:12px;padding:18px;background:#112b39;line-height:1.7}.dash-visual{height:160px;width:100%;object-fit:cover;border-radius:12px;margin:12px 0}.dash-disclaimer{margin-top:26px;color:#99aec5;line-height:1.6;font-size:13px}.empty{padding:28px;color:#a6bbcf}.dash-status{font-size:13px;color:#92b0c7}.dash-footer{border-top:1px solid #24334c;text-align:center;color:#91a7bf;padding:25px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-action{color:#4ee2c2;font-weight:700}.dash-hero-img{width:240px;height:135px;object-fit:cover;border-radius:15px;border:1px solid #29475a}@media(max-width:800px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.dash-hero-img{display:none}.dash-panel{overflow-x:auto}.dash-table{min-width:620px}}@media(max-width:460px){.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stat{padding:13px}.dash-stat strong{font-size:22px}.dash-shell{padding:20px 12px}.dash-header{padding:14px}.dash-tabs button{padding:10px}}

/* V8.3: responsive data tables and accessible selection */
.dash-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dash-table-scroll .dash-table{min-width:690px}
.dash-table .interactive-row{cursor:pointer}
.dash-table .interactive-row:hover,.dash-table .interactive-row:focus-visible{background:#1d344d;outline:2px solid #38d9b7;outline-offset:-2px}
.dash-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:3px}
.dash-tabs button{flex-shrink:0}
.dash-detail .dash-table{min-width:780px}
@media(max-width:800px){.dash-panel{overflow-x:visible}.dash-table-scroll .dash-table{min-width:690px}}
