.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:100;margin-bottom:0}.header-left{display:flex;align-items:center;gap:1rem}.menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:all .2s}.menu-button:hover{background:hsl(var(--muted));border-color:hsl(var(--primary))}.menu-icon{width:18px;height:18px}.header-logo{display:flex;align-items:center;height:40px;width:40px}.logo-image{height:100%;width:auto;object-fit:contain;border-radius:50%;aspect-ratio:1;object-fit:cover}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}.sidebar:not(.open){transform:translate(-100%)}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:hsl(var(--sidebar-bg));border-right:1px solid hsl(var(--sidebar-border));z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar.open{transform:translate(0)}@media (min-width: 769px){.sidebar{position:fixed;height:100vh}.sidebar.open{transform:translate(0)}.sidebar:not(.open){transform:translate(-100%)}.sidebar-overlay{display:none!important}}.sidebar-content{padding:1rem 0}.sidebar-section{margin-bottom:2rem}.sidebar-section-title{padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:.5rem}.sidebar-nav{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem;color:hsl(var(--muted-foreground));text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;border-left:2px solid transparent}.sidebar-item:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.sidebar-item:active,.sidebar-item:focus{color:hsl(var(--primary));background:hsl(var(--accent));border-left-color:hsl(var(--primary))}.sidebar-icon{width:18px;height:18px;flex-shrink:0}.message{padding:.875rem 1rem;border-radius:var(--radius);margin-top:1.5rem;margin-bottom:1rem;font-size:.875rem;border:1px solid}.message-success{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary));color:hsl(var(--primary))}.message-error{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive));color:hsl(var(--destructive))}.playlist-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.playlist-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.playlist-header{margin-bottom:1rem}.playlist-name{font-size:1.3rem;font-weight:600;color:hsl(var(--foreground))}.playlist-info{color:hsl(var(--muted-foreground));font-size:.9rem;margin-bottom:1rem}.playlist-link{color:hsl(var(--primary));text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.playlist-link:hover{color:hsl(var(--primary) / .8)}.tier-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.tier-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tier-name{font-size:1.3rem;font-weight:600;text-transform:capitalize;color:hsl(var(--foreground))}.tier-price{font-size:1.5rem;color:#16a249;font-weight:700}.tier-info{color:hsl(var(--muted-foreground));font-size:.9rem;margin-bottom:1rem}.positions-list{margin-top:1rem;max-height:200px;overflow-y:auto}.position-item{background:hsl(var(--muted));padding:.75rem;margin-bottom:.5rem;border-radius:var(--radius);font-size:.9rem;border:1px solid hsl(var(--border))}.position-number{color:hsl(var(--primary));font-weight:600}.playlist-badge{color:hsl(var(--muted-foreground));font-size:.8rem;margin-left:.5rem}.tier-metrics{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:hsl(var(--muted));border-radius:var(--radius);border:1px solid hsl(var(--border))}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metric-value{color:hsl(var(--foreground));font-size:.875rem;font-weight:600}.no-positions{color:hsl(var(--muted-foreground));margin-top:1rem}.song-result{background:hsl(var(--muted));padding:1rem;border-radius:var(--radius);margin-top:1rem;display:flex;align-items:center;gap:1rem;border:1px solid hsl(var(--border))}.song-result img{width:64px;height:64px;border-radius:var(--radius);object-fit:cover}.song-info{flex:1}.song-title{font-weight:600;margin-bottom:.25rem;color:hsl(var(--foreground))}.song-artist{color:hsl(var(--muted-foreground));font-size:.875rem}.song-actions{display:flex;gap:.5rem;align-items:center}.confirm-button,.reject-button{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.confirm-button{background:#16a249;color:#fff}.confirm-button:hover{background:#1abc55;transform:scale(1.05)}.reject-button{background:#7f1d1d;color:#fff}.reject-button:hover{background:#a62626;transform:scale(1.05)}.action-icon{width:18px;height:18px}.song-result.confirmed{border-color:#16a249;background:#16a2491a}.song-confirmed{display:flex;align-items:center;gap:.5rem;color:#16a249;font-weight:500;font-size:.875rem}.confirmed-icon{width:20px;height:20px;color:#16a249}.payment-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payment-modal.active{display:flex;align-items:center;justify-content:center}.payment-modal-content{background:hsl(var(--card));padding:2rem;border-radius:calc(var(--radius) + 4px);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid hsl(var(--border));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.payment-modal-header h3{margin:0;color:hsl(var(--foreground));font-weight:600;font-size:1.25rem}.close-modal{background:none;border:none;color:hsl(var(--muted-foreground));font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1)}.close-modal:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}#card-element{background:hsl(var(--background));padding:1rem;border-radius:var(--radius);border:1px solid hsl(var(--input));margin-bottom:1rem}#card-errors{color:hsl(var(--destructive));font-size:.875rem;margin-bottom:1rem;min-height:20px}.payment-amount{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:hsl(var(--muted));border-radius:var(--radius);border:1px solid hsl(var(--border))}.payment-amount .amount{font-size:2rem;font-weight:700;color:hsl(var(--primary))}.payment-amount .label{color:hsl(var(--muted-foreground));font-size:.875rem;margin-top:.5rem}.payment-button{width:100%;padding:.875rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.payment-button:hover:not(:disabled){background:hsl(var(--primary) / .9)}.payment-button:disabled{opacity:.5;cursor:not-allowed}.request-form{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;color:hsl(var(--foreground));font-weight:500;font-size:.875rem}input,select{width:100%;padding:.625rem .875rem;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:var(--radius);color:hsl(var(--foreground));font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}input::placeholder{color:hsl(var(--muted-foreground))}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-primary:hover:not(:disabled){background:hsl(var(--primary) / .9)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.btn-secondary:hover:not(:disabled){background:hsl(var(--secondary) / .8)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}select:disabled{opacity:.5;cursor:not-allowed}option:disabled{color:hsl(var(--muted-foreground));font-style:italic}.tier-unavailable-message{margin-top:.5rem;padding:.5rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive));border-radius:var(--radius);color:hsl(var(--destructive));font-size:.875rem}.song-result+.btn{margin-top:1.5rem}.app-layout{display:flex;min-height:100vh;background:hsl(var(--background))}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-layout.sidebar-open .app-main{margin-left:240px}.app-content{flex:1;max-width:1400px;margin:0 auto;padding:0 2rem 2rem;width:100%;padding-top:0}h2{font-size:1.5rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1rem;letter-spacing:-.025em}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:hsl(var(--background))}.hourglass{position:relative;width:60px;height:60px}.hourglass-top,.hourglass-bottom{position:absolute;width:60px;height:30px;border:3px solid hsl(var(--foreground));border-top:none;border-bottom:none}.hourglass-top{top:0;border-radius:0 0 30px 30px;background:hsl(var(--foreground));animation:hourglass-top 1.5s ease-in-out infinite}.hourglass-bottom{bottom:0;border-radius:30px 30px 0 0;background:transparent;animation:hourglass-bottom 1.5s ease-in-out infinite}@keyframes hourglass-top{0%,50%{background:hsl(var(--foreground));transform:scaleY(1)}50%,to{background:transparent;transform:scaleY(0)}}@keyframes hourglass-bottom{0%,50%{background:transparent;transform:scaleY(0)}50%,to{background:hsl(var(--foreground));transform:scaleY(1)}}@media (min-width: 769px){.app-layout{flex-direction:row}}@media (max-width: 768px){.app-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 7%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 142 76% 36%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 12%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 18%;--input: 0 0% 18%;--ring: 142 76% 36%;--radius: .5rem;--sidebar-bg: 0 0% 8%;--sidebar-border: 0 0% 15%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;font-feature-settings:"rlig" 1,"calt" 1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}#root{min-height:100vh}