*{box-sizing:border-box;margin:0;padding:0}
  body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f4f3ee;color:#2c2c2a;min-height:100vh;padding:1rem}
  h1{font-size:18px;font-weight:500;margin-bottom:1.25rem;color:#2c2c2a}
  .card{background:#fff;border:1px solid #e0dfd8;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}
  .sec-title{font-size:11px;font-weight:600;color:#888780;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
  .form-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
  .field{display:flex;flex-direction:column;gap:3px}
  .field label{font-size:12px;color:#5f5e5a}
  .field input{padding:8px 10px;font-size:15px;border:1px solid #d3d1c7;border-radius:8px;background:#f9f9f7;color:#2c2c2a;width:145px;-webkit-appearance:none}
  .field input:focus{outline:none;border-color:#888780;background:#fff}
  .add-btn{padding:9px 18px;font-size:14px;font-weight:500;border:1px solid #d3d1c7;border-radius:8px;background:#2c2c2a;color:#fff;cursor:pointer;align-self:flex-end;-webkit-tap-highlight-color:transparent}
  .add-btn:active{opacity:.8}
  .err{font-size:12px;color:#a32d2d;min-height:16px;margin-top:6px}
  .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:1rem}
  .mc{background:#fff;border:1px solid #e0dfd8;border-radius:8px;padding:.75rem 1rem}
  .mc-label{font-size:11px;color:#888780;margin-bottom:3px}
  .mc-val{font-size:20px;font-weight:500;color:#2c2c2a}
  .mc-val.danger{color:#a32d2d}
  .nav-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}
  .nav-btn{padding:6px 14px;font-size:13px;border:1px solid #d3d1c7;border-radius:8px;background:#f9f9f7;color:#2c2c2a;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .nav-btn:active{background:#e8e6de}
  .nav-btn:disabled{opacity:.35;cursor:default}
  .nav-info{font-size:12px;color:#888780;flex:1;text-align:center}
  svg.candle-svg{width:100%;display:block}
  .legend{display:flex;gap:14px;font-size:11px;color:#888780;margin-top:8px;flex-wrap:wrap;align-items:center}
  .legend span{display:flex;align-items:center;gap:4px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{width:100%;border-collapse:collapse;font-size:13px}
  th{text-align:left;padding:5px 8px;color:#888780;border-bottom:1px solid #e0dfd8;font-weight:400;font-size:11px;white-space:nowrap}
  td{padding:7px 8px;border-bottom:1px solid #f0ede8;white-space:nowrap}
  tr:last-child td{border-bottom:none}
  .del{background:none;border:none;cursor:pointer;color:#b4b2a9;font-size:15px;padding:2px 6px;border-radius:4px;-webkit-tap-highlight-color:transparent}
  .del:active{color:#a32d2d}
  .badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:600;margin-right:3px}
  .b1{background:#faeeda;color:#633806}
  .b2{background:#fcebeb;color:#a32d2d}
  .empty{text-align:center;color:#888780;font-size:13px;padding:1.5rem 0}

  @media(max-width:480px){
    body{padding:.75rem}
    .form-row{flex-direction:column}
    .field input{width:100%}
    .add-btn{width:100%;text-align:center;padding:11px}
    .metrics{grid-template-columns:repeat(2,1fr)}
    .mc-val{font-size:18px}
  }