:root{--bp-blue:#2463e8;--bp-blue-soft:#eef4ff;--bp-dark:#0b1424;--bp-bg:#f5f7fa;--bp-border:#d9e1ec;--bp-border-strong:#c8d3e2;--bp-muted:#68758a;--bp-text-soft:#526176;--bp-success:#14804a;--bp-danger:#b42318}
*{box-sizing:border-box}
html{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bp-bg);color:var(--bp-dark);-webkit-text-size-adjust:100%}
body{font-weight:400;overflow-x:hidden}.font-medium,.font-semibold,.font-bold{font-weight:500!important}
input,select,textarea,button{font:inherit;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}
.bp-card{background:#fff;border:1px solid var(--bp-border);border-radius:14px}
.bp-input{display:block;width:100%;min-width:0;min-height:48px;border:1px solid var(--bp-border-strong);border-radius:11px;background:#fff;padding:.72rem .85rem;outline:none;color:var(--bp-dark);transition:border-color .15s,background-color .15s}
.bp-input:focus{border-color:var(--bp-blue)}
.bp-input::placeholder{color:#9aa6b6}
textarea.bp-input{line-height:1.5}
.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;border-radius:11px;padding:.72rem 1rem;font-weight:500;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s}
.bp-btn-primary{background:var(--bp-blue);border:1px solid var(--bp-blue);color:#fff}.bp-btn-primary:hover{background:#1e56ce}
.bp-btn-secondary{border:1px solid var(--bp-border-strong);background:#fff;color:var(--bp-dark)}.bp-btn-secondary:hover{border-color:#aebbcf;background:#fafbfd}
.bp-btn-danger{border:1px solid #efc7c4;background:#fff;color:var(--bp-danger)}
.bp-label{display:block;font-size:.8rem;line-height:1.35;color:var(--bp-text-soft);margin-bottom:.42rem}
.bp-nav a.active{color:var(--bp-blue);border-bottom-color:var(--bp-blue)}
.bp-nav a{transition:color .15s,border-color .15s}
.bp-date-picker,.bp-month-picker{width:100%;min-width:0}
.bp-date-picker .bp-input,.bp-month-picker .bp-input{padding-left:.62rem;padding-right:.62rem;min-width:0}
select.bp-input{appearance:auto}
.bp-quick-btn{min-height:44px;border:1px solid var(--bp-border-strong);background:#fff;color:var(--bp-dark);border-radius:10px;padding:.6rem .5rem;font-size:.875rem;font-weight:500;transition:.15s}
.bp-quick-btn.is-active{border-color:var(--bp-blue);background:var(--bp-blue-soft);color:var(--bp-blue)}
.bp-switch-row{display:flex;align-items:center;gap:.65rem;min-height:44px;color:var(--bp-dark);font-size:.9rem;cursor:pointer}
.bp-switch-row input{width:19px;height:19px;accent-color:var(--bp-blue);flex:0 0 auto}
.bp-stat{padding:1rem}.bp-stat-label{font-size:.78rem;color:var(--bp-muted);line-height:1.35}.bp-stat-value{margin-top:.4rem;font-size:1.28rem;font-weight:500;line-height:1.25}
.bp-note{border-left:2px solid var(--bp-border-strong);padding-left:.75rem;color:var(--bp-text-soft)}
.bp-mobile-stack{min-width:0}

@media(max-width:639px){
  main{padding-left:12px!important;padding-right:12px!important;padding-top:16px!important}
  header>div{height:60px!important;padding-left:12px!important;padding-right:12px!important}
  header img{height:30px!important;max-width:145px!important}
  .bp-nav>div{padding-left:12px!important;padding-right:12px!important;gap:1.15rem!important;scrollbar-width:none}.bp-nav>div::-webkit-scrollbar{display:none}
  .bp-card{border-radius:12px}
  .bp-input{min-height:46px;padding:.68rem .75rem;font-size:16px}
  .bp-btn{min-height:44px;border-radius:10px}
  .bp-date-picker{grid-template-columns:minmax(62px,.75fr) minmax(110px,1.35fr) minmax(82px,.9fr)!important;gap:6px!important}
  .bp-month-picker{grid-template-columns:minmax(0,1.35fr) minmax(88px,.8fr)!important;gap:7px!important}
  .bp-date-picker .bp-input,.bp-month-picker .bp-input{font-size:15px;padding-left:.45rem;padding-right:.35rem}
  .bp-stat{padding:.85rem}.bp-stat-value{font-size:1.1rem}
  .bp-hide-mobile{display:none!important}
  .bp-action-row{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.bp-action-row>*{width:100%}.bp-action-row .bp-btn{width:100%}
}
@media(max-width:639px){
  .bp-action-row details{grid-column:1/-1;width:100%!important}
  .bp-action-row details>summary{width:100%}
  .bp-action-row details form{min-width:0!important;width:100%}
}