@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,500&family=Work+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

.bpt-root{
  --bpt-flour:#FBF3E7;
  --bpt-card:#FFFDF8;
  --bpt-cocoa:#3A2A1F;
  --bpt-cocoa-soft:#7a6552;
  --bpt-jam:#A8322E;
  --bpt-jam-dark:#7c211e;
  --bpt-crust:#D89A3D;
  --bpt-sage:#6B7A5E;
  --bpt-line:rgba(58,42,31,0.14);
  --bpt-line-soft:rgba(58,42,31,0.08);
  --bpt-shadow: 0 2px 10px rgba(58,42,31,0.08), 0 1px 2px rgba(58,42,31,0.06);

  background:var(--bpt-flour);
  color:var(--bpt-cocoa);
  font-family:'Work Sans', sans-serif;
  -webkit-font-smoothing:antialiased;
  padding:20px 18px 60px;
  border-radius:14px;
  max-width:920px;
  margin:0 auto;
  box-sizing:border-box;
}
.bpt-root *{box-sizing:border-box;}
.bpt-root .bpt-num{font-family:'JetBrains Mono', monospace; font-variant-numeric: tabular-nums;}

.bpt-root .bpt-notice{
  background:#fff8e6; border:1px solid var(--bpt-crust); border-radius:10px;
  padding:10px 14px; margin-bottom:16px; font-size:12.5px; color:var(--bpt-cocoa-soft);
}

.bpt-root header.bpt-top{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; padding:6px 2px 18px; border-bottom:2px solid var(--bpt-cocoa);
  margin-bottom:16px;
}
.bpt-root header.bpt-top h1{
  font-family:'Fraunces', serif; font-weight:700; font-size:26px; margin:0; letter-spacing:-0.01em; line-height:1.1;
}
.bpt-root header.bpt-top .bpt-tagline{font-size:13px; color:var(--bpt-cocoa-soft); margin-top:4px;}
.bpt-root header.bpt-top .bpt-currency-pill{
  font-family:'JetBrains Mono', monospace; font-size:12px; background:var(--bpt-cocoa);
  color:var(--bpt-flour); padding:6px 12px; border-radius:100px; white-space:nowrap;
}

.bpt-root nav.bpt-tabs{display:flex; gap:4px; overflow-x:auto; margin-bottom:20px; border-bottom:1px solid var(--bpt-line);}
.bpt-root nav.bpt-tabs button{
  font-family:'Work Sans', sans-serif; font-weight:600; font-size:13px;
  background:none; border:none; color:var(--bpt-cocoa-soft); cursor:pointer;
  padding:9px 12px; border-bottom:3px solid transparent; white-space:nowrap;
}
.bpt-root nav.bpt-tabs button.active{color:var(--bpt-jam); border-bottom-color:var(--bpt-jam);}

.bpt-root section.bpt-view{display:none;}
.bpt-root section.bpt-view.active{display:block;}

.bpt-root .bpt-card{
  background:var(--bpt-card); border:1px solid var(--bpt-line); border-radius:10px;
  padding:16px; box-shadow:var(--bpt-shadow); margin-bottom:14px;
}
.bpt-root .bpt-grid-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin-bottom:18px;}
.bpt-root .bpt-stat-card .bpt-label{font-size:11px; color:var(--bpt-cocoa-soft); text-transform:uppercase; letter-spacing:.04em;}
.bpt-root .bpt-stat-card .bpt-value{font-family:'JetBrains Mono', monospace; font-size:19px; font-weight:700; margin-top:5px;}
.bpt-root .bpt-stat-card.bpt-profit .bpt-value{color:var(--bpt-sage);}
.bpt-root .bpt-stat-card.bpt-revenue .bpt-value{color:var(--bpt-jam);}

.bpt-root h2.bpt-section-title{font-family:'Fraunces', serif; font-weight:600; font-size:18px; margin:0 0 12px;}
.bpt-root h3.bpt-sub-title{font-family:'Fraunces', serif; font-weight:600; font-size:15px; margin:0 0 8px;}

.bpt-root .bpt-form-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:10px;}
.bpt-root label.bpt-field{display:flex; flex-direction:column; gap:4px; font-size:12px; color:var(--bpt-cocoa-soft); font-weight:600;}
.bpt-root label.bpt-field span.bpt-hint{font-weight:400; font-size:10.5px; opacity:.85;}
.bpt-root input, .bpt-root select{
  font-family:'Work Sans', sans-serif; font-size:13px; padding:8px 9px;
  border:1px solid var(--bpt-line); border-radius:7px; background:#fff; color:var(--bpt-cocoa); width:100%;
}
.bpt-root .bpt-btn{
  font-family:'Work Sans', sans-serif; font-weight:600; font-size:13px; cursor:pointer;
  padding:9px 16px; border-radius:100px; border:none;
}
.bpt-root .bpt-btn-primary{background:var(--bpt-jam); color:#fff;}
.bpt-root .bpt-btn-primary:hover{background:var(--bpt-jam-dark);}
.bpt-root .bpt-btn-ghost{background:none; border:1px solid var(--bpt-line); color:var(--bpt-cocoa);}
.bpt-root .bpt-btn-danger-text{background:none; border:none; color:var(--bpt-jam); font-size:11px; font-weight:600; cursor:pointer; padding:3px 5px;}
.bpt-root .bpt-btn-link-text{background:none; border:none; color:var(--bpt-sage); font-size:11px; font-weight:600; cursor:pointer; padding:3px 5px; text-decoration:none; display:inline-block;}
.bpt-root .bpt-btn-row{display:flex; gap:8px; margin-top:2px; flex-wrap:wrap;}

.bpt-root .bpt-item-card{display:flex; gap:14px; align-items:flex-start; padding:14px; flex-wrap:wrap;}
.bpt-root .bpt-item-info{flex:1 1 220px; min-width:180px;}
.bpt-root .bpt-item-info h3{font-family:'Fraunces', serif; font-size:16px; margin:0 0 6px;}
.bpt-root .bpt-cost-line{display:flex; justify-content:space-between; font-size:12px; color:var(--bpt-cocoa-soft); padding:2px 0; border-bottom:1px dashed var(--bpt-line-soft);}
.bpt-root .bpt-cost-line.bpt-total{color:var(--bpt-cocoa); font-weight:700; border-bottom:none; padding-top:5px;}

.bpt-root .bpt-price-tag{
  position:relative; flex:0 0 120px; background:var(--bpt-crust); color:var(--bpt-cocoa);
  padding:12px 12px 10px 18px; border-radius:2px 10px 10px 2px;
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
  box-shadow:var(--bpt-shadow);
}
.bpt-root .bpt-price-tag .bpt-tag-label{font-size:9.5px; text-transform:uppercase; letter-spacing:.05em; opacity:.75;}
.bpt-root .bpt-price-tag .bpt-tag-price{font-family:'JetBrains Mono', monospace; font-weight:700; font-size:18px; display:block; margin-top:2px;}
.bpt-root .bpt-price-tag .bpt-tag-profit{font-size:10.5px; display:block; margin-top:3px; opacity:.85;}

.bpt-root table{width:100%; border-collapse:collapse; font-size:12.5px;}
.bpt-root th{text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; color:var(--bpt-cocoa-soft); padding:7px; border-bottom:1px solid var(--bpt-line);}
.bpt-root td{padding:8px 7px; border-bottom:1px solid var(--bpt-line-soft);}
.bpt-root td.bpt-num, .bpt-root th.bpt-num{text-align:right; font-family:'JetBrains Mono', monospace;}

.bpt-root .bpt-empty{padding:22px 10px; text-align:center; color:var(--bpt-cocoa-soft); font-size:13px;}
.bpt-root .bpt-empty .bpt-big{font-family:'Fraunces', serif; font-size:15px; color:var(--bpt-cocoa); display:block; margin-bottom:4px;}

.bpt-root .bpt-settings-row{display:flex; flex-direction:column; gap:5px; margin-bottom:14px; max-width:320px;}
.bpt-root .bpt-settings-row label{font-size:12px; font-weight:600; color:var(--bpt-cocoa-soft);}

.bpt-root footer.bpt-note{font-size:11px; color:var(--bpt-cocoa-soft); text-align:center; margin-top:24px; line-height:1.6;}