/* =========================================================
   V17: INLINE-ФОРМЫ ФИНАНСОВ + ПЛАВНЫЙ MOTION UI
   ========================================================= */
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:hidden}
::selection{background:rgba(239,63,78,.25);color:#fff}

.inline-finance-form{
  display:grid;gap:8px;align-items:center;margin:0 0 15px;padding:10px;
  border:1px solid rgba(255,255,255,.08);border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease;
}
.inline-finance-form--payment{grid-template-columns:minmax(150px,1.35fr) 110px 140px minmax(110px,.75fr) 38px}
.inline-finance-form--debt{grid-template-columns:minmax(160px,1fr) 150px 38px;margin-bottom:18px}
.inline-finance-form:focus-within{
  border-color:rgba(239,63,78,.28);background:linear-gradient(145deg,rgba(239,63,78,.055),rgba(255,255,255,.018));
  box-shadow:0 0 0 1px rgba(239,63,78,.06),0 18px 50px rgba(0,0,0,.22),0 0 35px rgba(239,63,78,.045)
}
.inline-finance-form input{
  width:100%;min-width:0;border:1px solid rgba(255,255,255,.08);background:#0d1016;color:#fff;
  border-radius:10px;padding:10px 11px;font-size:11px;transition:.2s ease
}
.inline-finance-form input:focus{border-color:rgba(238,167,179,.32);background:#10141c;outline:none;box-shadow:0 0 0 3px rgba(238,167,179,.04)}
.inline-finance-form input::placeholder{color:#596171}
.inline-submit{
  width:38px;height:38px;border:1px solid rgba(239,63,78,.28);border-radius:11px;cursor:pointer;
  background:rgba(239,63,78,.1);color:var(--accent);font:700 20px/1 "Manrope",sans-serif;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease
}
.inline-submit:hover{transform:translateY(-2px) scale(1.04);background:var(--accent);color:#090b0d;box-shadow:0 10px 30px rgba(239,63,78,.16)}
.inline-submit:active{transform:translateY(0) scale(.96)}

.page.active:not(.page-leaving){animation:v17PageIn .24s cubic-bezier(.2,.78,.2,1)}
@keyframes v17PageIn{from{opacity:0;transform:translateY(13px) scale(.992);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

.nav__item{position:relative;overflow:hidden;transition:background .3s ease,color .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.nav__item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(239,63,78,.07),transparent);transform:translateX(-110%);transition:transform .55s ease;pointer-events:none}
.nav__item:hover{transform:translateX(4px)}
.nav__item:hover:before{transform:translateX(110%)}
.nav__item.active{box-shadow:inset 0 0 0 1px rgba(239,63,78,.12),0 8px 35px rgba(0,0,0,.12)}

.panel,.hero-card,.goal-card,.metric-card,.horizon-card,.task-column,.task-insight,.calendar-day-panel{
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
  will-change:transform
}
.panel:hover,.metric-card:hover,.horizon-card:hover,.task-column:hover,.task-insight:hover{
  border-color:rgba(238,167,179,.15);box-shadow:0 24px 70px rgba(0,0,0,.2),0 0 42px rgba(238,167,179,.025)
}
.hero-card:hover{box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 60px rgba(239,63,78,.035)}
.goal-card:hover{box-shadow:0 22px 55px rgba(0,0,0,.22),0 0 35px rgba(239,63,78,.035)}

.progress i,.load-meter i{transition:width .7s cubic-bezier(.22,.8,.22,1)}
.week-dot,.row-action,.ghost-btn,.primary-btn,.small-action-btn,.calendar-nav-btn,.calendar-add-small{transition:transform .2s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.row-action:hover,.week-dot:hover,.small-action-btn:hover{transform:translateY(-2px)}
.primary-btn:hover{box-shadow:0 10px 32px rgba(239,63,78,.16)}

.finance-entry-panel{position:relative;overflow:hidden}
.finance-entry-panel:before,.debt-panel:before,.expense-panel:before{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-110px;
  background:var(--accent-2);filter:blur(70px);opacity:.035;pointer-events:none;transition:opacity .35s ease,transform .6s ease
}
.finance-entry-panel:hover:before,.debt-panel:hover:before,.expense-panel:hover:before{opacity:.075;transform:translate(-16px,18px)}
.upcoming-payment-row,.debt-row,.expense-row{transition:transform .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease}
.upcoming-payment-row:hover,.debt-row:hover,.expense-row:hover{transform:translateX(4px);background:rgba(255,255,255,.03)}

@media(max-width:900px){.inline-finance-form--payment{grid-template-columns:1fr 1fr}.inline-finance-form--payment .inline-submit{grid-column:2;justify-self:end}.inline-finance-form--debt{grid-template-columns:1fr 1fr}.inline-finance-form--debt .inline-submit{grid-column:2;justify-self:end}}
@media(max-width:580px){.inline-finance-form--payment,.inline-finance-form--debt{grid-template-columns:1fr}.inline-finance-form--payment .inline-submit,.inline-finance-form--debt .inline-submit{grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page.active,.page.page-leaving{animation:none}.panel,.hero-card,.goal-card,.metric-card,.horizon-card,.nav__item,.upcoming-payment-row,.debt-row,.expense-row{transition:none!important;transform:none!important}}