:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#edf2f7;background:#08111c}
*{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#0c1726,#08111c 45%);min-height:100vh}
button,input,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #213146;background:rgba(8,17,28,.9);position:sticky;top:0;z-index:9;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:12px}.brand small{display:block;color:#8fa5bd;margin-top:2px}.logo{width:44px;height:44px;border-radius:12px;background:#21a366;display:grid;place-items:center;font-weight:900}
.tabs{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #1c2b3d;background:#0a1421;overflow:auto;position:sticky;top:72px;z-index:8}
.tab,.ghost,.link{background:transparent;border:0;color:#9fb2c8;cursor:pointer}.tab{padding:10px 14px;border-radius:10px}.tab.active{background:#17263a;color:#fff}
main{max-width:1050px;margin:auto;padding:22px}.view{display:none}.view.active{display:block}.hero{text-align:center;padding:44px 20px 32px}.hero h1{font-size:clamp(42px,8vw,72px);margin:0}.hero p{color:#9fb2c8}.eyebrow{font-size:12px;letter-spacing:.18em;color:#5bc58d;font-weight:800}
.scan-now,.primary,.secondary{border:0;border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer}.scan-now,.primary{background:#21a366;color:white}.scan-now{font-size:20px;padding:17px 28px}.secondary{background:#213146;color:#e8eef5}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.kpis article,.panel,.result-card{background:#0f1c2b;border:1px solid #23354a;border-radius:18px;padding:18px}.kpis span,.result-grid span{color:#8fa5bd;font-size:13px;display:block}.kpis strong{font-size:28px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel h2{margin:0 0 8px}.link{color:#6ed6a0}
.recent .row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px 0;border-top:1px solid #203146}.empty,.muted,.tiny{color:#8fa5bd}.tiny{font-size:12px}
.camera-box{min-height:180px;border:2px dashed #36506b;border-radius:16px;display:grid;place-items:center;text-align:center;overflow:hidden;margin:16px 0;background:#0a1522;cursor:pointer}.camera-box input{display:none}.camera-box img{width:100%;max-height:340px;object-fit:contain}.camera-box span{display:block;color:#8fa5bd;margin-top:4px}
.grid2,.grid3,.settings-grid{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}
label{display:block;color:#afc0d1;font-size:13px}input,select{width:100%;margin-top:6px;background:#08131f;color:#fff;border:1px solid #2b4057;border-radius:10px;padding:12px}.inline{display:flex;gap:8px}.inline button{margin-top:6px;border:1px solid #2b4057;background:#18283b;color:white;border-radius:10px;padding:0 14px}.details-pad{padding-top:12px}.scan-panel>.primary,.panel>.primary{margin-top:16px;width:100%}
.result-card{margin-top:16px}.hidden{display:none}.verdict{text-align:center;font-size:38px;font-weight:1000;letter-spacing:.08em;padding:12px;border-radius:14px}.verdict.BUY{background:#123b2b;color:#66e4a4}.verdict.MAYBE{background:#4a3b12;color:#ffd760}.verdict.PASS{background:#471c21;color:#ff8491}.result-main{text-align:center;padding:20px}.result-main p{margin:0;color:#8fa5bd}.result-main strong{font-size:46px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #23354a}th{color:#8fa5bd}.table-wrap{overflow:auto}
.toast{position:fixed;right:18px;bottom:18px;background:#17263a;color:white;border:1px solid #314b67;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
dialog{width:min(700px,92vw);background:#0f1c2b;color:#fff;border:1px solid #2a4058;border-radius:16px}dialog::backdrop{background:#0009}pre{white-space:pre-wrap;color:#9fdab9}
@media(max-width:700px){main{padding:14px}.kpis,.grid2,.grid3,.settings-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(3,1fr)}.kpis article{padding:12px}.kpis strong{font-size:21px}.kpis span{font-size:11px}.tabs{justify-content:flex-start}.hero{padding-top:28px}.result-main strong{font-size:38px}}


.market-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:14px;
}

.market-grid div{
  background:#0a1522;
  border:1px solid #22364b;
  border-radius:12px;
  padding:12px;
  text-align:center;
}

.market-grid span{
  display:block;
  color:#8fa5bd;
  font-size:12px;
  margin-bottom:4px;
}

.market-grid b{
  font-size:16px;
}

@media(max-width:700px){
  .market-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

.decision-reason{
  margin-top:10px;
  text-align:center;
  color:#a9bbce;
  font-size:14px;
  font-weight:700;
}


.quick-source{
  display:grid;
  gap:16px;
  margin:18px 0;
}

.big-cost{
  font-size:16px;
  font-weight:800;
}

.big-cost input{
  font-size:28px;
  font-weight:900;
  text-align:center;
  padding:16px;
}

.barcode-quick{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}

.barcode-quick input{
  font-size:18px;
}

.barcode-quick .primary{
  white-space:nowrap;
}

.more-details{
  margin-top:10px;
  border-top:1px solid #22364b;
  padding-top:10px;
}

.more-details summary{
  cursor:pointer;
  color:#8fa5bd;
  font-weight:800;
}

@media(max-width:700px){
  .barcode-quick{
    grid-template-columns:1fr;
  }

  .barcode-quick .primary{
    width:100%;
  }
}