.package-card{display:flex;flex-direction:column;background:var(--color-white,#ffffff);border:1px solid var(--color-gray-200,#e4e4e7);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.06));overflow:hidden}.package-card__body{padding:20px;flex:1 1}.package-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.package-card__name{margin:0;font-family:var(--font-heading,inherit);font-size:1.05rem;font-weight:600;color:var(--color-gray-900,#18181b)}.package-card__price{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.package-card__amount{font-size:1.15rem;font-weight:700;color:var(--color-gray-900,#18181b)}.package-card__tax{font-size:.75rem;color:var(--color-gray-500,#71717a)}.package-card__desc{margin:8px 0 0;font-size:.875rem;color:var(--color-gray-600,#52525b);line-height:1.4}.package-card__groups{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.package-card__group{display:flex;align-items:baseline;gap:8px;font-size:.875rem}.package-card__group-credits{flex-shrink:0;min-width:28px;font-weight:700;color:var(--color-primary-9,#6d3c5e)}.package-card__group-label{color:var(--color-gray-700,#3f3f46)}.package-card__group-items{color:var(--color-gray-500,#71717a)}.package-card__meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px}.package-card__expiry,.package-card__terms-hint{font-size:.75rem;color:var(--color-gray-500,#71717a)}.package-card__terms-hint{padding:2px 8px;background:var(--color-gray-100,#f4f4f5);border-radius:var(--radius-md,8px)}.package-card__cta{width:100%;padding:14px 20px;border:none;background:var(--color-primary-9,#6d3c5e);color:var(--color-primary-button-foreground,#ffffff);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s}.package-card__cta:hover{opacity:.9}.package-composition{margin-top:24px}.package-composition__title{margin:0 0 12px;font-size:.95rem;font-weight:600;color:var(--color-gray-900,#18181b)}.package-composition__group{padding:12px 0;border-bottom:1px solid var(--color-gray-100,#f4f4f5)}.package-composition__group-head{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--color-gray-800,#27272a)}.package-composition__group-head span{flex-shrink:0;color:var(--color-primary-9,#6d3c5e);font-weight:600}.package-composition__group-items{margin-top:4px;font-size:.8rem;color:var(--color-gray-500,#71717a)}.package-composition__note{margin:12px 0 0;font-size:.8rem;color:var(--color-gray-500,#71717a)}.package-confirm{max-width:560px;margin:0 auto;padding:20px}.package-confirm__back{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:transparent;border:none;cursor:pointer;color:var(--color-gray-600,#52525b);font-size:.9rem}.package-confirm__title{margin:8px 0 0;font-family:var(--font-heading,inherit);font-size:1.35rem;font-weight:700;color:var(--color-gray-900,#18181b)}.package-confirm__desc{margin:6px 0 0;font-size:.9rem;color:var(--color-gray-600,#52525b);line-height:1.5}.package-confirm__price-box{margin-top:20px;padding:16px;background:var(--color-gray-50,#fafafa);border:1px solid var(--color-gray-200,#e4e4e7);border-radius:var(--radius-lg,16px)}.package-confirm__price-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-gray-700,#3f3f46);padding:4px 0}.package-confirm__price-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--color-gray-200,#e4e4e7);font-weight:700;font-size:1.05rem;color:var(--color-gray-900,#18181b)}.package-confirm__expiry{margin-top:16px;font-size:.8rem;color:var(--color-gray-500,#71717a)}.package-confirm__consent{display:flex;gap:10px;margin-top:20px;font-size:.85rem;color:var(--color-gray-700,#3f3f46);line-height:1.5;cursor:pointer}.package-confirm__consent input{margin-top:2px;flex-shrink:0}.package-confirm__terms{display:block;margin-top:6px;font-size:.75rem;color:var(--color-gray-500,#71717a)}.package-confirm__error{margin-top:16px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md,8px);color:#dc2626;font-size:.85rem}.package-confirm__cta{width:100%;margin-top:24px;padding:15px 20px;border:none;border-radius:var(--radius-lg,16px);background:var(--color-primary-9,#6d3c5e);color:var(--color-primary-button-foreground,#ffffff);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.package-confirm__cta:hover{opacity:.9}.package-confirm__cta:disabled{opacity:.6;cursor:not-allowed}.package-confirm__link-btn{display:block;width:100%;margin-top:12px;padding:10px;background:transparent;border:none;color:var(--color-gray-600,#52525b);font-size:.9rem;cursor:pointer}.package-confirm__pending{text-align:center;padding:40px 20px}.package-confirm__pending-check{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-success,#16a34a);color:#ffffff;font-size:2rem}.package-confirm__pending-title{margin:0;font-family:var(--font-heading,inherit);font-size:1.35rem;font-weight:700;color:var(--color-gray-900,#18181b)}.package-confirm__pending-sub{margin:10px 0 0;font-size:.95rem;color:var(--color-gray-600,#52525b);line-height:1.5}.package-confirm__pending-note{margin:20px 0 0;padding:12px 16px;background:var(--color-gray-50,#fafafa);border-radius:var(--radius-md,8px);font-size:.85rem;color:var(--color-gray-600,#52525b)}.pkg-details__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pkg-details__modal{display:flex;flex-direction:column;width:100%;max-width:440px;max-height:85vh;background:var(--color-white,#ffffff);border-radius:var(--radius-lg,16px);box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden}.pkg-details__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 12px;border-bottom:1px solid var(--color-gray-100,#f4f4f5)}.pkg-details__title{margin:0;font-family:var(--font-heading,inherit);font-size:1.05rem;font-weight:600;color:var(--color-gray-900,#18181b)}.pkg-details__subtitle{margin:4px 0 0;font-size:.8rem;color:var(--color-gray-500,#71717a)}.pkg-details__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--color-gray-100,#f4f4f5);color:var(--color-gray-600,#52525b);cursor:pointer;transition:background .15s}.pkg-details__close:hover{background:var(--color-gray-200,#e4e4e7)}.pkg-details__body{padding:0 20px 20px;overflow-y:auto}.pkg-details__body .package-composition{margin-top:12px}.purchased-package{background:var(--color-white,#ffffff);border:1px solid var(--color-gray-200,#e4e4e7);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg,0 4px 16px rgba(0,0,0,.06));padding:20px}.purchased-package__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.purchased-package__name{margin:0;font-family:var(--font-heading,inherit);font-size:1.05rem;font-weight:600;color:var(--color-gray-900,#18181b)}.purchased-package__status{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize;background:var(--color-gray-100,#f4f4f5);color:var(--color-gray-600,#52525b)}.purchased-package__status--active{background:#dcfce7;color:#15803d}.purchased-package__status--depleted,.purchased-package__status--expired{background:#fef2f2;color:#dc2626}.purchased-package__status--refunded{background:#fff7ed;color:#c2410c}.purchased-package__groups{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.purchased-package__group-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.purchased-package__group-label{font-size:.9rem;color:var(--color-gray-800,#27272a)}.purchased-package__group-balance{font-size:.85rem;font-weight:600;color:var(--color-primary-9,#6d3c5e)}.purchased-package__bar{margin-top:8px;height:6px;border-radius:999px;background:var(--color-gray-100,#f4f4f5);overflow:hidden}.purchased-package__bar-fill{height:100%;border-radius:999px;background:var(--color-primary-9,#6d3c5e);transition:width .3s ease}.purchased-package__group-used{display:inline-block;margin-top:6px;font-size:.75rem;color:var(--color-gray-500,#71717a)}.purchased-package__meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:14px;border-top:1px solid var(--color-gray-100,#f4f4f5);font-size:.78rem;color:var(--color-gray-500,#71717a)}.purchased-package__details-btn{display:inline-block;margin-top:12px;padding:0;border:none;background:none;font-size:.75rem;font-weight:600;color:var(--color-primary-9,#6d3c5e);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.pp-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.pp-panel__state{display:flex;align-items:center;justify-content:center;padding:48px 20px}.pp-panel__error{color:#dc2626;text-align:center}.pp-panel__empty{text-align:center;padding:48px 20px;color:var(--color-gray-500,#71717a)}.pp-panel__empty h3{margin:0 0 8px;color:var(--color-gray-800,#27272a)}.pp-panel__load-more{display:flex;justify-content:center;margin-top:20px}.pp-panel__load-more-btn{padding:8px 16px;background:var(--color-gray-100,#f4f4f5);border:none;border-radius:var(--radius-md,8px);color:var(--color-gray-800,#27272a);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.pp-panel__load-more-btn:hover:not(:disabled){background:var(--color-gray-200,#e4e4e7)}.pp-panel__load-more-btn:disabled{cursor:not-allowed;opacity:.6}