.modal:has(.package-manager){width:min(980px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border-radius:20px}.modal:has(.package-manager) .modal-close{z-index:5;top:20px;right:22px;width:34px;height:34px;background:#edf3f0;color:#36534c}.package-manager{display:flex;max-height:calc(100dvh - 32px);flex-direction:column;background:#f6f8f7}.package-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 64px 21px 28px;border-bottom:1px solid #e3e9e6;background:#fff}.package-manager-head h2{font-family:Inter,sans-serif!important;font-size:23px!important;letter-spacing:-.035em}.package-manager-head p{max-width:570px;margin:7px 0 0!important;font-size:10px!important;line-height:1.5}.package-mode-pill{flex:none;border-radius:999px;background:#edf5f2;padding:7px 10px;color:#28695d;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.package-patient-bar{display:grid;grid-template-columns:42px minmax(230px,1fr) auto;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid #dde6e2;background:#eef5f2}.package-patient-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1f6a5d;color:#fff;font-size:12px;font-weight:800}.package-patient-bar>label{display:grid;gap:4px}.package-patient-bar>label>span{color:#58716a;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.package-patient-bar select{width:min(100%,340px);border:1px solid #ccdcd6;border-radius:9px;background:#fff;padding:9px 11px;color:#20352f;font-size:10px;font-weight:650}.package-patient-metrics{display:flex;gap:8px}.package-patient-metrics span{min-width:82px;border-left:1px solid #d1dfda;padding:2px 11px;color:#698079;font-size:8px}.package-patient-metrics b{display:block;margin-bottom:2px;color:#193c34;font-size:16px}
.package-manager-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:14px;min-height:0;overflow:auto;padding:16px 28px}.package-form-card,.package-manager-side>section{border:1px solid #e0e6e3;border-radius:14px;background:#fff}.package-form-card{padding:18px}.package-section-title{display:flex!important;align-items:center!important;gap:10px!important;padding:0 0 12px!important;border-bottom:1px solid #e8ecea!important}.package-section-title>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:8px!important;background:#e4f2ed!important;color:#176253!important;font-size:9px!important;font-weight:800!important}.package-section-title strong,.package-section-title small{display:block}.package-section-title strong{font-size:11px!important}.package-section-title small{margin-top:2px;color:#7b8985;font-size:8px!important}.package-payment-title{margin-top:20px}.package-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.package-presets button{display:grid;place-items:center;gap:2px;min-height:56px;border:1px solid #dfe6e3;border-radius:10px;background:#fafcfb;color:#526660;cursor:pointer}.package-presets button:hover{border-color:#a8c7bd;background:#f4f9f7}.package-presets button.active{border-color:#579887;background:#eaf5f1;color:#165f51;box-shadow:inset 0 0 0 1px #579887}.package-presets strong{font-size:14px}.package-presets span{font-size:7px;font-weight:650}.package-form-grid{gap:10px!important;margin-top:13px!important}.package-form-grid .form-group label{font-size:9px}.package-form-grid .form-group input,.package-form-grid .form-group select{min-height:40px;background:#fff;font-size:10px}.package-number-input,.package-money-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.package-number-input button{width:40px;border:0;background:#f1f6f4;color:#176253;font-size:16px;cursor:pointer}.package-number-input input,.package-money-input input{min-width:0;flex:1;border:0!important;border-radius:0!important;text-align:center;box-shadow:none!important}.package-money-input>span{display:grid;place-items:center;min-width:48px;padding:0 8px;background:#f1f6f4;color:#315d53;font-size:8px;font-weight:800}.package-money-input input{text-align:left}.package-paid-toggle{position:relative;display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid #dce6e2;border-radius:10px;background:#f8fbfa;padding:11px 50px 11px 12px;cursor:pointer}.package-paid-toggle>input{position:absolute;opacity:0}.package-paid-toggle>span{display:grid;gap:2px}.package-paid-toggle strong{font-size:9px}.package-paid-toggle small{color:#778681;font-size:7px}.package-paid-toggle>i{position:absolute;right:12px;width:34px;height:20px;border-radius:999px;background:#cbd6d2;transition:.2s}.package-paid-toggle>i:after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.2s}.package-paid-toggle:has(input:checked){border-color:#bcd6cd;background:#f0f8f5}.package-paid-toggle:has(input:checked)>i{background:#277b6c}.package-paid-toggle:has(input:checked)>i:after{transform:translateX(14px)}
.package-manager-side{display:flex;min-height:0;flex-direction:column;gap:12px}.package-live-preview{padding:17px;background:linear-gradient(145deg,#173c36,#245b50)!important;color:#fff}.package-preview-label{color:#9dc8bc;font-size:7px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.package-preview-balance{display:flex;align-items:baseline;gap:8px;margin-top:12px}.package-preview-balance strong{font-size:34px;line-height:1}.package-preview-balance span{color:#c6dcd6;font-size:9px}.package-live-preview h3{margin:9px 0 13px;font-size:12px}.package-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.package-preview-facts span{border-radius:8px;background:rgba(255,255,255,.08);padding:8px}.package-preview-facts span:last-child{grid-column:1/-1}.package-preview-facts small,.package-preview-facts b{display:block}.package-preview-facts small{color:#a9c9c1;font-size:7px}.package-preview-facts b{margin-top:3px;font-size:9px}.package-preview-patient{margin-top:11px;border-top:1px solid rgba(255,255,255,.13);padding-top:10px;color:#bed5cf;font-size:8px}.package-preview-patient strong{color:#fff}.package-history{min-height:0;overflow:auto;border-left:0!important;padding:14px!important}.package-history-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecea;padding-bottom:10px}.package-history-head h3{margin:2px 0 0!important;font-size:11px!important}.package-history-head>b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf4f1;color:#21695d;font-size:9px}.package-empty{padding:24px 8px!important}.package-empty>span{background:#edf4f1!important}.package-empty p{max-width:230px;margin:6px auto 0;line-height:1.45}.package-history-item{padding:12px 0!important}.package-history-main{display:flex!important;align-items:flex-start;justify-content:space-between;gap:8px}.package-history-main>div{display:grid!important;max-width:none!important}.package-history-progress{height:5px;margin-top:9px;border-radius:99px;background:#e8eeeb;overflow:hidden}.package-history-progress i{display:block;height:100%;border-radius:inherit;background:#2b8978}.package-history-stats{justify-content:space-between!important;padding-top:8px!important}.package-history-stats b{color:#263d37}.package-history-action{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:9px;border:0;border-radius:8px;background:#f1f6f4;padding:8px 10px;color:#21695d;font-size:8px;font-weight:700;cursor:pointer}.package-history-action span{font-size:15px}.package-automation-note{margin:0 28px 0!important;border:1px solid #d7e6e1;background:#edf6f3!important}.package-manager-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 28px 18px;border-top:1px solid #e0e6e3;background:#fff}.package-manager-actions button{min-height:40px}.package-deactivate-button{border:0;background:transparent;color:#b2463f;font-size:9px;font-weight:700;cursor:pointer;margin-right:auto}
@media(max-width:820px){.modal:has(.package-manager){width:100%;height:calc(100dvh - 12px);max-height:none;border-radius:16px}.package-manager{height:100%;max-height:none}.package-manager-head{padding:20px 55px 17px 18px}.package-mode-pill{display:none}.package-patient-bar{grid-template-columns:38px 1fr;padding:12px 18px}.package-patient-avatar{width:38px;height:38px}.package-patient-metrics{grid-column:1/-1;justify-content:space-between}.package-patient-metrics span{min-width:0;flex:1}.package-manager-body{grid-template-columns:1fr;padding:12px 14px}.package-presets{grid-template-columns:repeat(2,1fr)}.package-manager-side{overflow:visible}.package-history{max-height:none}.package-automation-note{margin:0 14px!important}.package-manager-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.package-manager-actions .primary-button{flex:1}}
@media(max-width:480px){.package-manager-head h2{font-size:20px!important}.package-patient-metrics span{padding:2px 7px}.package-form-card{padding:14px}.package-form-grid{grid-template-columns:1fr!important}.package-preview-facts{grid-template-columns:1fr}.package-preview-facts span:last-child{grid-column:auto}.package-manager-actions{display:grid;grid-template-columns:auto 1fr}.package-manager-actions .primary-button{grid-column:2}.package-deactivate-button{grid-row:2;grid-column:1/-1}}