.subscription-dropdown .dropdown-menu{min-width:100%;width:-moz-max-content;width:max-content;max-width:500px;max-height:none;overflow:visible}.subscription-filter-tabs{display:flex;gap:.25rem;padding:.5rem;border-bottom:1px solid rgba(63,63,70,.5);background-color:hsla(0,0%,4%,.5)}.filter-tab{flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:500;border:1px solid rgba(63,63,70,.5);background-color:transparent;color:#9ca3af;border-radius:.375rem;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-tab:hover{background-color:rgba(63,63,70,.3);color:#d1d5db}.filter-tab.active{background-color:rgba(139,92,246,.15);border-color:rgba(139,92,246,.4);color:#a78bfa}.subscription-dropdown-content{padding:.5rem;max-height:250px;overflow-y:auto}.subscription-item{padding:.75rem;cursor:pointer;margin:.125rem;border-radius:.375rem;transition:all .15s;outline:none;border:1px solid transparent}.subscription-item:hover{background-color:rgba(63,63,70,.3);border-color:rgba(63,63,70,.5)}.subscription-item.selected{background-color:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3)}.subscription-item-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.subscription-name{font-size:.875rem;font-weight:500;color:#ececec}.subscription-item-dates{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#9ca3af}.subscription-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:.6875rem;font-weight:600;letter-spacing:.025em;line-height:1;white-space:nowrap}.subscription-pill--active{background-color:#10b981;color:#fff}.subscription-pill--cancelled{background-color:#ef4444;color:#fff}.subscription-pill--expired{background-color:#6b7280;color:#fff}.subscription-pill--past_due{background-color:#f59e0b;color:#fff}.subscription-display{display:flex;align-items:center;gap:.5rem}.subscription-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.75);display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000;padding:1.5rem}.modal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.75rem;padding:2rem;width:100%;position:relative}.new-conversation-modal{max-width:700px;display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.modal-overlay{padding:1rem}.modal{padding:1.5rem;max-height:95vh;overflow-y:auto}.new-conversation-modal{max-width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal{padding:1.25rem;border-radius:.5rem}}.new-conversation-modal h3{font-size:1.5rem;font-weight:600;color:#ececec;margin-bottom:1.5rem;text-align:center}.modal-error{background:#3a1e1e;color:#fca5a5;padding:.75rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;border:1px solid #4a2e2e}.new-conversation-modal .form-group select{width:100%;padding:.875rem;border:1px solid #2a2a2a;border-radius:.5rem;font-size:.9375rem;font-family:inherit;background:#0d0d0d;color:#ececec;cursor:pointer;transition:border-color .2s,box-shadow .2s}.new-conversation-modal .form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.new-conversation-modal .form-group option{background:#0d0d0d;color:#ececec}.subscription-select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9375rem;line-height:1.6;padding:.875rem}.subscription-select option{padding:.625rem;line-height:1.8}.subscription-option--active{background:rgba(16,185,129,.1)!important;color:#10b981!important;font-weight:500}.subscription-option--cancelled{background:rgba(239,68,68,.1)!important;color:#ef4444!important}.subscription-option--expired{background:rgba(156,163,175,.1)!important;color:#9ca3af!important}.subscription-option--past_due{background:rgba(245,158,11,.1)!important;color:#f59e0b!important}.modal__empty-state{text-align:center;padding:2rem 1rem}.modal__empty-state p{margin-bottom:.75rem;color:#d1d5db}.modal__empty-state p.text-sm{font-size:.875rem;color:#9ca3af;line-height:1.5}.modal__empty-state .mt-4{margin-top:1.5rem}.form-help-text{font-size:.8125rem;color:#9ca3af;line-height:1.4;margin-top:.25rem}.modal__content{gap:1.25rem}.form-group,.modal__content{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9375rem;font-weight:500;color:#ececec}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:1px solid #2a2a2a;border-radius:.5rem;font-size:.9375rem;font-family:inherit;background:#0d0d0d;color:#ececec;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-group textarea{resize:vertical;min-height:100px;max-height:200px;line-height:1.6}.modal__actions{display:flex;gap:.875rem;margin-top:1.5rem;justify-content:flex-end}.button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.button--primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.button--primary:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:#2a2a2a;color:#d1d5db;border:1px solid #3a3a3a}.button--secondary:hover:not(:disabled){background:#3a3a3a}