.vpcrm-new-page,
.vpcrm-new-page * { box-sizing:border-box; }

.vpcrm-new-page {
  --vpcrm-accent:#1769e8;
  --vpcrm-accent-dark:#0c56c8;
  --vpcrm-soft:#f4f8ff;
  --vpcrm-border:#d9e4f3;
  min-height:72vh;
  color:#10264a;
  background:#f7f9fc;
}

.vpcrm-new-container {
  width:min(calc(100% - 40px),1040px);
  margin:0 auto;
  padding:34px 0 70px;
}

.vpcrm-applications-header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}

.vpcrm-applications-kicker {
  display:block;
  margin-bottom:7px;
  color:#0b9b5f;
  font-size:12px;
  font-weight:800;
  letter-spacing:.07em;
}

.vpcrm-applications-header h1 {
  margin:0;
  color:#071c4a;
  font-size:clamp(32px,4vw,44px);
  line-height:1.08;
  letter-spacing:-.025em;
}

.vpcrm-applications-header p {
  margin:10px 0 0;
  color:#687792;
  font-size:15px;
}

.vpcrm-applications-year {
  color:#40516d;
  font-size:14px;
  font-weight:700;
}

.vpcrm-picker {
  position:relative;
  padding:24px;
  border:1px solid var(--vpcrm-border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(7,28,74,.045);
}

.vpcrm-picker-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}

.vpcrm-picker-topline h2 {
  margin:0;
  color:#071c4a;
  font-size:20px;
}

.vpcrm-filter-toggle {
  min-height:40px;
  padding:8px 16px;
  border:1px solid #b9c9df;
  border-radius:8px;
  color:#17355e;
  background:#fff;
  font-weight:700;
  cursor:pointer;
}

.vpcrm-filter-toggle:hover {
  border-color:var(--vpcrm-accent);
  color:var(--vpcrm-accent-dark);
  background:var(--vpcrm-soft);
}

.vpcrm-picker-filter {
  margin-bottom:14px;
  padding:14px;
  border:1px solid #e4ebf4;
  border-radius:9px;
  background:#f8fafc;
}

.vpcrm-picker-filter label {
  display:grid;
  grid-template-columns:110px minmax(0,320px);
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:700;
}

.vpcrm-picker-filter select {
  min-height:42px;
  padding:8px 12px;
  border:1px solid #cfdbea;
  border-radius:8px;
  background:#fff;
}

.vpcrm-combobox { position:relative; }

.vpcrm-combobox-input {
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 24px;
  align-items:center;
  min-height:52px;
  padding:0 14px;
  border:1px solid #cfdbea;
  border-radius:9px 9px 0 0;
  background:#fff;
}

.vpcrm-combobox-input:focus-within {
  border-color:var(--vpcrm-accent);
  box-shadow:0 0 0 3px rgba(23,105,232,.10);
}

.vpcrm-combobox-input > span {
  color:#40516d;
  font-size:22px;
}

.vpcrm-combobox-input input {
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#172440;
  background:transparent;
  font-size:15px;
}

.vpcrm-combobox-input input::placeholder { color:#9aa6ba; }
.vpcrm-combobox-input b { color:#687792; font-size:15px; text-align:center; }

.vpcrm-combobox-menu {
  max-height:390px;
  overflow:auto;
  border:1px solid #cfdbea;
  border-top:0;
  border-radius:0 0 9px 9px;
  background:#fff;
  box-shadow:0 12px 28px rgba(7,28,74,.10);
}

.vpcrm-combobox-option {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  min-height:46px;
  padding:11px 14px;
  border:0;
  border-bottom:1px solid #e8edf4;
  color:#1769e8;
  background:#fff;
  font-size:14px;
  text-align:left;
  cursor:pointer;
}

.vpcrm-combobox-option:last-of-type { border-bottom:0; }
.vpcrm-combobox-option:hover,
.vpcrm-combobox-option:focus {
  outline:0;
  color:#0c56c8;
  background:#f4f8ff;
}

.vpcrm-combobox-option small {
  color:#7a879b;
  font-size:11px;
  text-align:right;
}

.vpcrm-combobox-empty { padding:24px; color:#71809a; text-align:center; }
.vpcrm-picker-count { margin:14px 0 0; color:#71809a; font-size:12px; }
.vpcrm-picker-count strong { color:#1769e8; }

@media(max-width:700px){
  .vpcrm-new-container{width:min(calc(100% - 24px),1040px);padding-top:26px}
  .vpcrm-applications-header{align-items:flex-start;flex-direction:column}
  .vpcrm-picker{padding:18px}
  .vpcrm-picker-filter label{grid-template-columns:1fr}
  .vpcrm-combobox-option{align-items:flex-start;flex-direction:column;gap:3px}
  .vpcrm-combobox-option small{text-align:left}
}