.installment-create-card,.installment-plan-card{border:1px solid color-mix(in srgb,var(--color-base-content) 11%,transparent);border-radius:1.6rem;background:var(--color-base-100);box-shadow:0 12px 30px #0f172a0d}.installment-create-card{padding:1.5rem}.installment-create-card header h2{font-size:1.25rem;font-weight:850}.installment-create-card header p,.installment-share-heading p{color:color-mix(in srgb,var(--color-base-content) 58%,transparent);font-size:.86rem}.installment-main-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;margin-top:1.3rem}.installment-main-grid .field-name{grid-column:span 2}.installment-main-grid label,.installment-edit-grid label,.installment-edit-shares label{display:flex;min-width:0;flex-direction:column;gap:.4rem}.installment-main-grid label>span,.installment-edit-grid label>span,.installment-edit-shares label>span{font-size:.82rem;font-weight:750}.installment-main-grid input,.installment-main-grid select,.installment-edit input,.installment-edit select,.installment-payment-row select{width:100%;height:2.75rem;border:1px solid color-mix(in srgb,var(--color-base-content) 20%,transparent);border-radius:.85rem;background:var(--color-base-200);padding:0 .8rem;outline:0}.installment-main-grid input:focus,.installment-main-grid select:focus,.installment-edit input:focus,.installment-edit select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.installment-share-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.5rem 0 .8rem}.installment-share-heading h3{font-weight:850}.installment-share-heading>strong{color:var(--color-primary)}.installment-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.installment-share-card{padding:.8rem;border-radius:1rem;background:var(--color-base-200)}.installment-share-card>span{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.installment-share-card input{min-width:0;width:100%;height:2.5rem;border:1px solid color-mix(in srgb,var(--color-base-content) 20%,transparent);border-radius:.75rem;background:var(--color-base-100);padding:0 .7rem}.installment-share-card i{font-style:normal;font-weight:800}.installment-share-card small{opacity:.6}.installment-summary{display:flex;justify-content:space-between;margin-top:1.2rem;padding:1rem 0;border-top:1px solid var(--color-base-300);font-weight:800}.installment-submit{display:flex;justify-content:flex-end}.installment-submit .btn,.installment-payment-row .btn{border-radius:.85rem}.installment-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.4rem}.installment-plan-card{padding:1.3rem}.installment-card-top{display:flex;justify-content:space-between;gap:1rem}.installment-card-top span,.installment-card-top p{font-size:.76rem;opacity:.58}.installment-card-top h2{font-size:1.15rem;font-weight:850}.installment-card-top>strong{color:var(--color-primary);font-size:1.2rem}.installment-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.installment-totals>div{padding:.75rem;border-radius:.9rem;background:var(--color-base-200)}.installment-totals small,.installment-totals b{display:block}.installment-totals small{opacity:.55}.installment-progress{height:.45rem;margin:1rem 0;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 13%,transparent);overflow:hidden}.installment-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.installment-section-title{margin:.9rem 0 .5rem;font-weight:850}.installment-payment-row{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(9rem,1fr) auto;align-items:center;gap:.7rem;padding:.7rem;border-radius:1rem;background:var(--color-base-200);margin-top:.5rem}.installment-payment-row small{display:block;opacity:.58}.installment-schedule,.installment-edit{margin-top:1rem;border:1px solid var(--color-base-300);border-radius:1rem;padding:.8rem}.installment-schedule summary,.installment-edit summary{cursor:pointer;color:var(--color-primary);font-weight:800}.installment-schedule p{display:flex;justify-content:space-between;padding:.45rem;border-bottom:1px solid var(--color-base-300);font-size:.82rem}.installment-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem}.installment-edit-shares{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.installment-delete{margin-top:.8rem}.installment-delete button{color:var(--color-error);font-weight:700}.installment-locked{margin-top:1rem;color:color-mix(in srgb,var(--color-base-content) 55%,transparent);font-size:.82rem}.installment-completed{margin-top:1rem;border-radius:1rem;background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success);padding:1rem;text-align:center;font-weight:850}.installment-plan-card.is-completed{opacity:.82}@media(max-width:1100px){.installment-main-grid{grid-template-columns:repeat(2,1fr)}.installment-main-grid .field-name{grid-column:auto}.installment-share-grid{grid-template-columns:repeat(3,1fr)}.installment-card-grid{grid-template-columns:1fr}}@media(max-width:700px){.installment-create-card,.installment-plan-card{padding:1rem;border-radius:1.25rem}.installment-main-grid,.installment-share-grid,.installment-edit-grid,.installment-edit-shares{grid-template-columns:1fr}.installment-payment-row{grid-template-columns:1fr auto}.installment-payment-row select,.installment-payment-row .btn{grid-column:1/-1}.installment-totals{grid-template-columns:1fr}.installment-submit .btn{width:100%}}

.installment-home-notice{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1rem;padding:.85rem 1rem;border-radius:1rem;background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:color-mix(in srgb,var(--color-warning) 72%,var(--color-base-content))}.installment-home-notice span{font-size:.8rem}@media(max-width:700px){.installment-home-notice{align-items:flex-start;flex-direction:column}}
