.report-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 24px;
}
.report-summary article {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 23px 18px;
  background: white;
  border: 1px solid var(--border);
  border-radius: 16px;
}
.report-summary p {
  font-size: 11px;
  color: var(--muted);
  margin: 0 0 8px;
}
.report-summary strong {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.5px;
}
.report-symbol {
  display: grid;
  place-items: center;
  background: #e9f5f5;
  border-radius: 14px;
  width: 46px;
  height: 46px;
  color: var(--teal);
  flex-shrink: 0;
}
.report-table th {
  white-space: nowrap;
}
.report-table td {
  font-size: 11px;
  white-space: nowrap;
}
.report-table td:first-child {
  min-width: 190px;
}
.report-table td small {
  display: block;
  padding-right: 18px;
  font-size: 9px;
}
.report-table .ghost {
  padding-right: 0;
}
.action-workspace {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 24px;
  margin-bottom: 26px;
}
.action-workspace > .surface {
  padding: 24px;
}
.action-workspace h2 {
  font-size: 17px;
  margin: 0 0 17px;
}
.action-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
.work-action {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  justify-content: space-between;
  background: white;
  text-align: right;
}
.work-action:hover {
  border-color: var(--teal);
  background: #f3fbfb;
}
.work-action span {
  font-size: 11px;
}
.work-action strong {
  display: grid;
  place-items: center;
  border-radius: 9px;
  min-width: 29px;
  height: 29px;
  background: #e5f3f3;
  color: var(--teal);
  font-size: 14px;
}
.work-trend {
  display: flex;
  align-items: end;
  justify-content: space-between;
  height: 120px;
  gap: 12px;
  padding: 0 5px;
}
.work-trend-column {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  gap: 7px;
}
.work-trend-column i {
  display: block;
  width: 22px;
  max-width: 100%;
  background: var(--teal);
  border-radius: 5px 5px 0 0;
  animation: trend-grow 0.65s ease-out;
  transform-origin: bottom;
}
.work-trend-column span {
  font-size: 9px;
  color: var(--muted);
}
.work-trend-column b {
  font-size: 10px;
}
.work-trend-note {
  font-size: 10px;
  color: var(--muted);
  margin-top: 12px;
}
.quick-goal {
  padding: 22px;
  border: 1px solid #cae2df;
  background: #f0f8f6;
  border-radius: 13px;
  color: var(--teal);
  font-size: 12px;
}
@keyframes trend-grow {
  from {
    transform: scaleY(0.05);
  }
  to {
    transform: scaleY(1);
  }
}
@media (max-width: 1000px) {
  .report-summary {
    grid-template-columns: 1fr 1fr;
  }
  .action-workspace {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .report-summary {
    gap: 10px;
  }
  .report-summary article {
    padding: 15px 12px;
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .report-summary strong {
    font-size: 15px;
  }
  .action-list {
    grid-template-columns: 1fr;
  }
  .action-workspace > .surface {
    padding: 19px;
  }
}
.account-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.account-profile{padding:32px 24px;text-align:center}.profile-monogram{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 17px;border-radius:28px;background:var(--navy);color:white;font-size:38px;box-shadow:0 10px 0 #e1edf0}.account-profile h2{font-size:20px;margin-top:23px}.account-profile>p{font-size:12px;margin:7px 0 15px}.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:right;padding:27px 0;margin-top:20px;border-top:1px solid var(--border);font-size:11px}.profile-details span{color:var(--muted)}.profile-details strong{text-align:left;font-weight:500}.account-security{padding:27px}.account-security h2{font-size:17px;margin-bottom:8px}.session-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--border);margin-top:16px}.session-row>div{flex:1}.session-row strong{font-size:12px}.session-row p{font-size:10px;color:var(--muted);margin-top:5px}.session-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf4f6;color:var(--teal)}.block{display:block}@media(max-width:900px){.account-layout{grid-template-columns:1fr}.account-profile{max-width:none}.profile-details{max-width:450px;margin-left:auto;margin-right:auto}.account-security>.row{flex-wrap:wrap;gap:15px}.session-row{flex-wrap:wrap}.session-row>div{min-width:180px}}
.load-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:16px 0 6px}.load-progress span{display:flex;align-items:center;flex-direction:column;gap:7px;color:#8b969f;font-size:11px;position:relative;text-align:center}.load-progress span:before{content:"";height:3px;background:#e5e9ec;position:absolute;top:12px;left:50%;width:100%;z-index:0}.load-progress span:first-child:before{display:none}.load-progress i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf0f2;z-index:1}.load-progress i svg{width:14px;height:14px}.load-progress .done,.load-progress .current{color:#087f8c;font-weight:700}.load-progress .done i{background:#087f8c;color:white}.load-progress .current i{background:#d2f3ee;outline:3px solid #f0faf7}.load-progress .done:before{background:#087f8c}.load-next-step{display:flex;gap:7px;align-items:center;background:#f2f8f8;padding:11px;border-radius:10px;font-size:12px;line-height:1.9;min-height:64px}.load-next-step svg{width:17px;min-width:17px}.load-card .load-card-top{justify-content:flex-start}.load-card{transition:border-color .2s,box-shadow .2s}.load-card:hover{border-color:#71b3b4;box-shadow:0 10px 28px #103c4412}
.timeline{overflow-x:auto;display:flex;gap:16px;padding:16px 8px 24px;scrollbar-width:thin}.timeline-step{min-width:92px;flex:1;text-align:center;font-size:12px;line-height:1.8}.timeline-step.current{font-weight:800;color:#087f8c}.timeline-step.current b{box-shadow:0 0 0 6px #087f8c14}.dialog input[type=range]{accent-color:#087f8c;width:100%;min-height:40px}.dialog .field input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}
.price-selector{--price-color:#13885c;padding:22px;margin-top:20px;border:1px solid #d8e4e6;border-radius:18px;background:#fff;transition:border-color .2s}.price-selector[data-band=low]{--price-color:#cf3447;border-color:#f0b7bf}.price-selector[data-band=high]{--price-color:#2671cc;border-color:#b1cff2}.price-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.price-selection-heading strong{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--price-color);transition:color .2s}.price-selection-heading h3{margin:0 0 6px}.price-selection-heading p{color:var(--price-color);font-size:13px;margin:0}.price-selector input[type=range]{appearance:none;-webkit-appearance:none;height:10px!important;min-height:10px!important;margin:20px 0;border:0;border-radius:10px;background:linear-gradient(to left,#d84458 0% 10%,#1f9c6d 10% 39%,#3785d9 39% 100%);direction:rtl}.price-selector input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border:5px solid white;border-radius:50%;background:var(--price-color);box-shadow:0 1px 8px #173d4550;cursor:grab;transition:background .2s}.price-selector input[type=range]::-moz-range-thumb{width:18px;height:18px;border:4px solid white;border-radius:50%;background:var(--price-color);box-shadow:0 1px 8px #173d4550;cursor:grab}.price-range-labels{display:flex;justify-content:space-between;gap:10px;color:#7b8995;font-size:11px;margin:2px 0 24px}.price-selector input[type=text]{font-size:20px;font-weight:700;color:var(--price-color)}@media(max-width:600px){.price-selection-heading{align-items:flex-start;flex-direction:column;gap:8px}.price-selector{padding:16px}}
