*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#07101d;color:#eaf0f7}
.app{max-width:1100px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
h1{font-size:34px;margin:2px 0 4px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#7ed2ff;font-weight:800}.muted{color:#93a5ba}
header p{margin:0;color:#93a5ba}.badge{border:1px solid #264862;background:#0b1b2b;padding:10px 12px;border-radius:999px;font-size:12px;font-weight:800}
.panel{background:#0c1624;border:1px solid #1b2a3b;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 10px 30px #0004}
.panel h2{font-size:18px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
label{font-size:12px;color:#a9bacb;display:flex;flex-direction:column;gap:7px}input,select{width:100%;background:#08111d;border:1px solid #22384f;color:#fff;border-radius:10px;padding:11px}
.filebox{padding:16px;border:1px dashed #31536d;border-radius:12px;background:#0a1320}.row{display:flex;gap:10px;margin-top:14px}
button{border:0;border-radius:10px;padding:11px 15px;font-weight:800;background:#22b8f0;color:#04111a;cursor:pointer}.secondary{background:#142437;color:#cde9f7;border:1px solid #2b4a62}
.status{margin-top:12px;padding:10px;border-radius:10px;background:#08111d;color:#9bb0c4;font-size:13px}
.signal-card{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.signal-card>div,.stats>div{background:#08111d;border:1px solid #1a2a3a;border-radius:12px;padding:13px}
.label{font-size:11px;text-transform:uppercase;color:#7f94a8;margin-bottom:5px}.signal{font-size:23px;font-weight:900}.buy{color:#5fe39b}.sell{color:#ff7575}.wait{color:#ffcf6e}
.reasons{margin-top:12px;background:#08111d;border-left:3px solid #22b8f0;padding:12px;border-radius:8px;color:#c9d5df}
.family-box{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:#0a1320;border:1px solid #263b4f;border-radius:12px}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stats span{display:block;font-size:11px;color:#7f94a8}.stats strong{font-size:20px;margin-top:4px;display:block}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #1b2a3b;white-space:nowrap}th{color:#88a1b8}
footer{color:#8da0b2;font-size:12px;padding:10px 2px 30px}
@media(max-width:800px){header{flex-direction:column}.grid{grid-template-columns:1fr 1fr}.upload-grid{grid-template-columns:1fr}.signal-card{grid-template-columns:1fr 1fr 1fr}.stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:480px){.app{padding:12px}.grid{grid-template-columns:1fr}.signal-card{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.family-box{align-items:stretch;flex-direction:column}}