.table{width:100%;border-collapse:collapse}.table-row{display:flex;flex-wrap:wrap;border-bottom:1px solid #f7f7f718;padding:1rem 0}.table-cell{flex:1 1 100%;padding:.5rem 1rem}@media (min-width:640px){.table-row{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem}.table-cell{flex:1 1 14.2857%}}.manage-button{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;text-align:center;cursor:pointer;transition:background-color .3s}.manage-button:hover{background-color:#0056b3}@media (max-width:640px){.manage-button{display:block;width:100%;margin:.5rem 0}.table-cell{text-align:center}}.table-row{cursor:pointer}.table-row:hover{background-color:#f4f4f41c}.manage-button-cell{text-align:right}.subscriptions-page{min-height:100vh;background-color:var(--bg-black,#0a0a0a);color:var(--text-white,#fff);font-family:var(--font-main,"Satoshi",sans-serif)}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-lavender,#a6f),var(--accent-purple,#8b2be5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:var(--text-gray,hsla(0,0%,100%,.7));max-width:600px;margin:0 auto;line-height:1.6}.subscriptions-container{width:100%}.loading-state{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.subscription-skeleton{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--bg-surface,#121212);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:12px;animation:pulse 2s infinite}.skeleton-image{width:80px;height:80px;background-color:var(--bg-surface-2,#1a1a1a);border-radius:8px;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:16px;background-color:var(--bg-surface-2,#1a1a1a);border-radius:4px}.skeleton-title{width:60%;height:20px}.skeleton-status{width:40%}.skeleton-price{width:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.subscription-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--bg-surface,#121212);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:12px;transition:all .2s ease;cursor:pointer;position:relative}.subscription-card:hover{border-color:var(--accent-purple,#8b2be5);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.subscription-image{flex-shrink:0}.store-image{width:80px;height:80px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.subscription-content{flex:1;min-width:0}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.store-name{font-size:1.125rem;font-weight:600;color:var(--text-white,#fff);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;flex-shrink:0}.subscription-details{margin-bottom:1rem}.price-info{display:flex;align-items:baseline;gap:.5rem}.price{font-size:1.25rem;font-weight:700;color:var(--text-white,#fff)}.billing-cycle{font-size:.875rem;color:var(--text-gray,hsla(0,0%,100%,.7))}.subscription-actions{flex-shrink:0}.manage-btn{padding:.5rem 1rem;font-size:.875rem}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.empty-state-content h3{font-size:1.5rem;font-weight:600;color:var(--text-white,#fff);margin-bottom:.5rem}.empty-state-content p{color:var(--text-gray,hsla(0,0%,100%,.7));margin-bottom:2rem;max-width:400px;line-height:1.6}.subscription-detail-page{min-height:100vh;background-color:var(--bg-black,#0a0a0a);color:var(--text-white,#fff);font-family:var(--font-main,"Satoshi",sans-serif)}.subscription-detail-container{max-width:1000px;margin:0 auto;padding:2rem}.subscription-detail-header{margin-bottom:3rem}.subscription-title{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.title-line{color:var(--text-white,#fff);margin-bottom:.5rem}.title-store{color:var(--text-gray,hsla(0,0%,100%,.7));font-size:1.5rem;font-weight:600}.subscription-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.info-card{padding:1.5rem;background-color:var(--bg-surface,#121212);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:12px;min-width:0}.info-card h4{font-size:.875rem;color:var(--text-gray,hsla(0,0%,100%,.7));margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.info-card p{font-size:1.125rem;font-weight:600;color:var(--text-white,#fff);margin:0;word-break:break-all;overflow-wrap:break-word;line-height:1.4}.actions-section{margin-bottom:3rem}.actions-table{background-color:var(--bg-surface,#121212);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:12px;overflow:hidden}.action-link{color:var(--accent-blue,#3a90ff);text-decoration:none;transition:color .2s ease}.action-link:hover{color:var(--accent-teal,#00e5ff);text-decoration:underline}.action-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.action-status.claimed{color:var(--accent-mint,#00f5c2);background-color:rgba(0,245,194,.1)}.action-status.unclaimed{color:var(--accent-coral,#ff6b81);background-color:rgba(255,107,129,.1)}.modal-actions{display:flex;gap:1rem;padding-top:1.5rem;justify-content:flex-end}.error-state,.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.error-state h2,.loading-state h2{color:var(--text-white,#fff);margin-bottom:.5rem}.error-state p{color:var(--text-gray,hsla(0,0%,100%,.7))}.page-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:3rem}@media (max-width:768px){.page-container,.subscription-detail-container{padding:1rem}.page-title{font-size:2rem}.subscriptions-grid{grid-template-columns:1fr}.subscription-card{flex-direction:column;text-align:center}.subscription-header{flex-direction:column;align-items:center;gap:.5rem}.subscription-info-grid{grid-template-columns:1fr}.modal-actions,.page-actions{flex-direction:column}}@media (max-width:480px){.subscription-card{padding:1rem}.page-title{font-size:1.75rem}}.subscription-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.subscription-info .store-name{margin:0}.subscription-info .price-info{margin-top:.25rem}.subscription-content-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media (max-width:900px){.subscription-content-grid{grid-template-columns:1fr}}.actions-card,.details-card{background-color:var(--bg-surface,#121212);border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:12px;padding:2rem}.details-heading{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.package-name{font-size:1.125rem;font-weight:600;color:var(--text-gray,hsla(0,0%,100%,.7));margin:0 0 1rem}.details-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:.875rem;color:var(--text-gray,hsla(0,0%,100%,.7))}.detail-value{font-size:1rem;font-weight:500}.actions-card{display:flex;flex-direction:column}.actions-card .actions-table{margin-top:1rem}