:root{--bg:#071a3d;--bg-2:#0a1f4a;--surface:#0757c8;--surface-2:#0a48a8;--surface-3:#0d3a82;--fg:#fff;--fg-muted:#c7d0df;--fg-faint:#8a99b5;--primary:#f5b800;--primary-soft:#f5b8001f;--primary-border:#f5b80040;--accent:#f5b800;--success:#4fe5b0;--warning:#f5b800;--error:#ec6b8e;--info:#4aa8ff;--hair:#ffffff14;--hair-2:#ffffff0d;--radius:16px;--radius-sm:10px;--radius-xs:8px;--shadow:0 8px 32px -12px #00000080;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--max-width:480px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden auto}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{max-width:var(--max-width);background:var(--bg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.app-chat{height:100dvh;max-width:var(--chat-max-width);overflow:hidden}.app-chat .app-content{flex-direction:column;flex:1;padding-bottom:0;display:flex;position:relative;overflow:hidden}.app-content{padding-bottom:calc(72px + var(--safe-bottom));flex:1}.bottom-nav{width:100%;max-width:var(--max-width);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--hair);padding:4px 0 calc(4px + var(--safe-bottom));z-index:100;background:#071a3deb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{border-radius:var(--radius-xs);color:var(--fg-faint);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:9px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-item svg{width:18px;height:18px}.app-header{border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#071a3d99;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.app-header h1{letter-spacing:-.02em;font-size:18px;font-weight:600}.header-back{color:var(--fg-muted);border-radius:var(--radius-xs);align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:14px;transition:color .2s;display:flex}.header-back:hover{color:var(--fg)}.header-back svg{width:18px;height:18px}audio{outline:none}audio::-webkit-media-controls-enclosure{overflow:hidden}audio::-webkit-media-controls-menu-button{display:none!important}audio::-internal-media-controls-download-button{display:none!important}audio::-webkit-media-controls-overlay-play-button{display:none!important}.page{padding:20px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{letter-spacing:-.03em;margin-bottom:6px;font-size:28px;font-weight:700}.page-subtitle{color:var(--fg-muted);margin-bottom:24px;font-size:15px}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);margin-bottom:14px;padding:18px}.card-title{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:600}.status-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.form-group{margin-bottom:20px}.form-label{color:var(--fg);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-label .required{color:var(--accent);margin-left:2px}.form-hint{color:var(--fg-faint);margin-top:6px;font-size:12px;line-height:1.4}.form-input,.form-textarea,.form-select{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);width:100%;color:var(--fg);outline:none;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--fg-faint)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239b948e' stroke-width='2'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-error{color:var(--error);border-radius:var(--radius-xs);background:#ec6b8e1a;border:1px solid #ec6b8e33;margin-top:8px;padding:8px 12px;font-size:13px}.btn{border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s,background .2s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#1a0f00}.btn-secondary{background:var(--surface-2);color:var(--fg);border:1px solid var(--hair)}.btn-outline{color:var(--primary);border:1px solid var(--primary-border);background:0 0}.btn-success{background:var(--success);color:#04140e}.btn-danger{background:var(--error);color:#fff}.btn-whatsapp{color:#04140e;background:#25d366}.chip{background:var(--surface-2);border:1px solid var(--hair);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.option-card{background:var(--surface-2);border:2px solid var(--hair);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.option-card.selected{border-color:var(--primary);background:var(--primary-soft)}.option-radio{border:2px solid var(--fg-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s,background .2s;display:flex}.option-card.selected .option-radio{border-color:var(--primary);background:var(--primary)}.option-card.selected .option-radio:after{content:"";background:#1a0f00;border-radius:50%;width:8px;height:8px}.option-label{font-size:15px;font-weight:500}.checkbox-row{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex}.checkbox-row.checked{border-color:var(--primary-border)}.checkbox{border:2px solid var(--fg-faint);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-row.checked .checkbox{border-color:var(--primary);background:var(--primary)}.checkbox-row.checked .checkbox:after{content:"✓";color:#1a0f00;font-size:13px;font-weight:700}.order-list{flex-direction:column;gap:12px;display:flex}.order-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:16px;transition:border-color .2s,transform .15s;position:relative}.order-card:active{transform:scale(.98)}.order-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.order-ref{font-family:var(--font-mono);color:var(--primary);font-size:13px;font-weight:600}.order-event{margin-bottom:4px;font-size:16px;font-weight:600}.order-person{color:var(--fg-muted);font-size:13px}.order-card-footer{border-top:1px solid var(--hair-2);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.order-delete-btn{border:1px solid var(--hair);color:var(--fg-faint);cursor:pointer;opacity:1;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s;display:inline-flex}.order-delete-btn:hover,.order-delete-btn:active{background:var(--error);border-color:var(--error);color:#fff}.order-delete-confirm{background:var(--error-soft,#f443361a);border:1px solid var(--error-border,#f443364d);color:var(--fg);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.btn-danger{background:var(--error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-danger:hover{opacity:.85}.order-price{font-size:15px;font-weight:600}.empty-state{text-align:center;color:var(--fg-muted);padding:48px 20px}.empty-state svg{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:var(--fg);margin-bottom:6px;font-size:18px;font-weight:600}.empty-state p{font-size:14px}.spinner{justify-content:center;align-items:center;padding:40px;display:flex}.spinner-circle{border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-row{border-bottom:1px solid var(--hair-2);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:10px 0 10px 12px;font-size:14px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.cat-client{border-left-color:#4aa8ff}.detail-row.cat-occasion{border-left-color:#f5b73a}.detail-row.cat-message{border-left-color:#ec6b8e}.detail-row.cat-music{border-left-color:#4fe5b0}.detail-label{flex-shrink:0;font-weight:600}.detail-row.cat-client .detail-label{color:#4aa8ff}.detail-row.cat-occasion .detail-label{color:#f5b73a}.detail-row.cat-message .detail-label{color:#ec6b8e}.detail-row.cat-music .detail-label{color:#4fe5b0}.detail-value{text-align:right;word-break:break-word;font-weight:500}.hero{text-align:center;padding:40px 20px 32px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#f5b73a14,#0000 60%);width:140%;height:120%;position:absolute;top:-40%;left:-20%}.install-banner{background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;animation:.4s installSlideIn;display:flex}@keyframes installSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.install-banner-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.install-banner-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.install-banner-title{color:var(--fg);font-size:14px;font-weight:700}.install-banner-desc{color:var(--fg-muted);font-size:12px}.install-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-btn{background:var(--primary);color:#1a0f00;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s;display:inline-flex}.install-btn:hover{opacity:.9;transform:translateY(-1px)}.install-btn:active{transform:translateY(0)}.install-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1;transition:color .2s}.install-close:hover{color:var(--fg)}.hero-logo{border-radius:var(--radius);object-fit:cover;width:160px;height:160px;margin:0 auto 10px;display:block;box-shadow:0 8px 32px -12px #0009}.hero-tagline{color:var(--fg-muted);text-align:center;max-width:360px;margin:0 auto 20px;font-size:15px;line-height:1.55}.hero-title-wide{letter-spacing:-.03em;text-align:center;margin-bottom:24px;font-size:32px;font-weight:700;line-height:1.2}.hero h1{letter-spacing:-.03em;margin-bottom:8px;font-size:32px;font-weight:700;position:relative}.hero p{color:var(--fg-muted);max-width:320px;margin:0 auto 24px;font-size:16px;position:relative}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:16px}.feature-icon{margin-bottom:8px;font-size:28px}.feature-icon-wa{color:#25d366;justify-content:flex-start;align-items:center;display:flex}.feature-card h3{margin-bottom:4px;font-size:14px;font-weight:600}.feature-card p{color:var(--fg-muted);font-size:12px;line-height:1.4}.section-divider{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--hair);flex:1;height:1px}.section-divider span{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.pricing-grid{grid-template-columns:1fr;gap:14px;margin-bottom:12px;display:grid}@media (width>=481px){.pricing-grid{grid-template-columns:1fr 1fr}}.pricing-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);text-align:center;padding:20px 18px;transition:border-color .25s,transform .25s;position:relative}.pricing-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.pricing-card-clickable{cursor:pointer;width:100%;font:inherit;color:inherit;flex-direction:column;display:flex}.pricing-card-clickable:active{transform:scale(.98)}.pricing-cta{background:var(--primary);color:#1a0f00;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;font-size:15px;font-weight:700;transition:opacity .2s;display:flex}.pricing-card-clickable:hover .pricing-cta{opacity:.9}.pricing-card-featured .pricing-cta{background:var(--primary)}.pricing-card-featured{border:2px solid var(--primary);background:var(--primary-soft);box-shadow:0 12px 40px -20px #f5b73a66}.pricing-badge{background:var(--primary);color:#1a0f00;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:10px;font-weight:700;display:inline-block}.pricing-icon{margin-bottom:8px;font-size:32px}.pricing-title{margin-bottom:8px;font-size:16px;font-weight:700}.pricing-price{color:var(--primary);letter-spacing:-.03em;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1}.pricing-currency{color:var(--fg-muted);font-size:14px;font-weight:600}.pricing-features{text-align:left;margin:0;padding:0;list-style:none}.pricing-features li{color:var(--fg);border-top:1px solid var(--hair-2);padding:6px 0 6px 22px;font-size:13px;line-height:1.4;position:relative}.pricing-features li:first-child{border-top:none}.pricing-features li:before{content:"✓";color:var(--primary);font-size:13px;font-weight:700;position:absolute;top:6px;left:0}.pricing-note{color:var(--fg-faint);text-align:center;margin-bottom:24px;font-size:12px}.plans-landing-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.plan-landing-card{background:var(--surface);border-radius:var(--radius-sm);text-align:left;cursor:pointer;font:inherit;color:inherit;border:1px solid #ffffff1a;flex-direction:column;padding:12px 10px;transition:transform .2s,border-color .2s;display:flex;position:relative}.plan-landing-card:active{transform:scale(.98)}.plan-landing-card:hover{border-color:#f5b8004d}.plan-landing-featured{border:2px solid var(--primary);box-shadow:0 8px 30px -12px #f5b80059}.plan-landing-badge{background:var(--primary);color:#071a3d;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-landing-name{color:var(--fg);margin-bottom:2px;font-size:13px;font-weight:700}.plan-landing-price{color:var(--primary);letter-spacing:-.03em;margin-bottom:4px;font-size:20px;font-weight:800;line-height:1}.plan-landing-desc{color:var(--fg-muted);margin-bottom:8px;font-size:11px;line-height:1.3}.plan-landing-features{margin:0 0 10px;padding:0;list-style:none}.plan-landing-features li{color:var(--fg-muted);align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.plan-landing-features li svg{color:var(--primary);flex-shrink:0}.plan-landing-cta{text-align:center;background:var(--primary);color:#071a3d;border-radius:var(--radius-xs);margin-top:auto;padding:7px;font-size:12px;font-weight:700;transition:opacity .2s}.plan-landing-card:hover .plan-landing-cta{opacity:.9}.payment-methods{text-align:center;margin-top:16px;margin-bottom:8px}.payment-label{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:600}.payment-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.payment-chip{background:var(--surface-2);border:1px solid var(--primary-border);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.payment-chip:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.step-indicator{justify-content:center;align-items:center;gap:6px;margin-bottom:24px;display:flex}.step-dot{background:var(--hair);border-radius:50%;width:8px;height:8px;transition:background .3s}.step-dot.active{background:var(--primary)}.step-dot.done{background:var(--success)}.step-bar{background:var(--hair);width:24px;height:2px;transition:background .3s}.step-bar.done{background:var(--success)}.phone-input-row{gap:8px;display:flex}.phone-input-row select{flex-shrink:0;width:130px}.phone-input-row input{flex:1}.upload-zone{border:2px dashed var(--hair);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:24px;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--primary-border);background:var(--primary-soft)}.upload-zone svg{width:32px;height:32px;color:var(--fg-muted);margin-bottom:8px}.upload-zone p{color:var(--fg-muted);font-size:14px}.audio-player{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius);text-align:center;padding:20px}.audio-player-timer{font-family:var(--font-mono);color:var(--primary);margin-bottom:16px;font-size:32px;font-weight:600}.audio-progress{background:var(--surface-3);border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.audio-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .1s linear}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.alert-warning{color:var(--warning);background:#f5b73a1a;border:1px solid #f5b73a40}.alert-info{color:var(--info);background:#4aa8ff1a;border:1px solid #4aa8ff40}.alert-success{color:var(--success);background:#4fe5b01a;border:1px solid #4fe5b040}.alert-error{color:#ec6b8e;background:#ec6b8e1a;border:1px solid #ec6b8e40}.profile-header{border-bottom:1px solid var(--hair);align-items:center;gap:14px;margin-bottom:20px;padding:24px 20px;display:flex}.profile-avatar-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:52px;height:52px}.profile-name{font-size:18px;font-weight:600}.profile-email{color:var(--fg-muted);font-size:13px}@media (width>=481px){:root{--max-width:520px}}@media (width>=768px){:root{--max-width:600px}}:root{--bottom-nav-height:72px;--chat-max-width:480px}@media (width>=768px){:root{--chat-max-width:680px}}@media (width>=1024px){:root{--chat-max-width:820px}}.chat-container{background-color:#efe0c5;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4c3a0' fill-opacity='0.25'%3E%3Cpath d='M40 20c-8 0-12 6-12 12 0 4 2 6 2 8 0 2-4 4-4 8 0 4 6 6 14 6s14-2 14-6c0-4-4-6-4-8 0-2 2-4 2-8 0-6-4-12-12-12z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px;flex-direction:column;flex:1;min-height:0;padding:0 20px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding:16px 0 8px;display:flex;overflow-y:auto}.chat-bubble{word-wrap:break-word;max-width:82%;animation:bubbleIn .3s var(--ease-spring);border-radius:12px;padding:8px 12px 6px;font-size:15px;line-height:1.45;position:relative}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble.assistant{color:#111;background:#fff;border:1px solid #e9e9e9;border-bottom-left-radius:2px;align-self:flex-start;box-shadow:0 1px .5px #00000014}.chat-bubble.user{color:#111;background:#d9fdd3;border:none;border-bottom-right-radius:2px;align-self:flex-end;font-weight:400;box-shadow:0 1px .5px #00000014}.chat-bubble.welcome{color:#111;background:#fff;border:1px solid #e9e9e9;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble-time{color:#8696a0;vertical-align:bottom;float:right;-webkit-user-select:none;user-select:none;margin-top:4px;margin-left:8px;font-size:10px;display:inline-block}.chat-typing{background:#fff;border:1px solid #e9e9e9;border-radius:12px 12px 12px 2px;align-self:flex-start;align-items:center;gap:4px;padding:12px 16px;display:flex;box-shadow:0 1px .5px #00000014}.chat-typing-dot{background:#909090;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.chat-typing-dot:nth-child(2){animation-delay:.16s}.chat-typing-dot:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-input-area{padding:8px 12px calc(8px + var(--bottom-nav-height) + var(--safe-bottom));background:#f0f0f0;border-top:none;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.chat-input{color:#111;resize:none;background:#fff;border:none;border-radius:24px;outline:none;flex:1;min-height:42px;max-height:120px;padding:10px 16px;font-size:15px;line-height:1.4;transition:box-shadow .2s;box-shadow:0 1px 2px #00000014}.chat-input:focus{box-shadow:0 0 0 2px #075e5433}.chat-input::placeholder{color:#8696a0}.chat-send-btn{color:#fff;background:#075e54;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .2s,transform .1s;display:flex}.chat-send-btn:active{transform:scale(.92)}.chat-send-btn:disabled{opacity:.35;background:#d1d7db}.chat-mic-btn{color:#54656f;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000014}.chat-mic-btn:hover{color:#075e54}.chat-mic-btn:disabled{opacity:.35}.chat-mic-btn.recording{color:#fff;background:#ef4444;animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{box-shadow:0 0 #ec6b8e66}50%{box-shadow:0 0 0 8px #ec6b8e00}}.chat-progress{color:var(--fg-faint);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.chat-progress-bar{background:var(--surface-3);border-radius:2px;flex:1;height:3px;overflow:hidden}.chat-progress-fill{background:var(--primary);height:100%;transition:width .4s var(--ease);border-radius:2px}.chat-progress-text{white-space:nowrap}.summary-scroll{-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + var(--safe-bottom));flex:1;overflow-y:auto}.summary-collapse-header{width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0;font-size:18px;font-weight:700;transition:opacity .2s;display:flex}.summary-collapse-header:hover{opacity:.7}.summary-collapse-body{animation:.3s fadeIn}.summary-chevron{transition:transform .3s var(--ease);color:var(--fg-muted);flex-shrink:0}.summary-chevron.rotated{transform:rotate(180deg)}.lyrics-edit-area{background:var(--surface-2);border:1px solid var(--hair);width:100%;color:var(--fg);resize:vertical;border-radius:10px;outline:none;min-height:200px;padding:14px;font-family:Georgia,serif;font-size:14px;line-height:1.6}.lyrics-edit-area:focus{border-color:var(--primary)}.lyrics-edit-hint{text-align:center;width:100%;color:var(--primary);background:var(--primary-soft);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px;font-size:12px;transition:opacity .2s;display:block}.lyrics-edit-hint:hover{opacity:.7}.pmethod-logo{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:6px;display:inline-block}.airtel-logo{background:#ed1c24;border-radius:50%}.vodacom-logo{background:#d50000;border-radius:4px}.orange-logo{background:#ff7900;border-radius:4px}.africell-logo{background:#019df4;border-radius:4px}.summary-card{background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius);margin-bottom:14px;padding:18px;animation:.4s fadeIn}.summary-title{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.summary-row{border-bottom:1px solid var(--hair-2);border-left:3px solid #0000;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0 10px 12px;font-size:14px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.cat-client{border-left-color:#4aa8ff}.summary-row.cat-occasion{border-left-color:#f5b73a}.summary-row.cat-message{border-left-color:#ec6b8e}.summary-row.cat-music{border-left-color:#4fe5b0}.summary-label{flex-shrink:0;min-width:110px;font-weight:600}.summary-row.cat-client .summary-label{color:#4aa8ff}.summary-row.cat-occasion .summary-label{color:#f5b73a}.summary-row.cat-message .summary-label{color:#ec6b8e}.summary-row.cat-music .summary-label{color:#4fe5b0}.summary-value{text-align:right;word-break:break-word;flex:1;font-weight:500}.summary-edit-btn{color:var(--primary);border-radius:6px;flex-shrink:0;align-self:center;padding:2px 8px;font-size:12px;transition:background .2s}.summary-edit-btn:hover{background:var(--primary-soft)}.edit-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.edit-modal{background:var(--bg-2,var(--bg));border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:var(--max-width);padding:24px 20px calc(24px + var(--safe-bottom));animation:slideUp .3s var(--ease-spring);max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.edit-modal-handle{background:var(--hair);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.edit-modal-title{margin-bottom:16px;font-size:18px;font-weight:600}.chat-header{z-index:50;background:#075e54;border-bottom:none;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex;position:relative;box-shadow:0 1px 3px #0000001f}.chat-header-logo{object-fit:cover;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;width:38px;height:38px}.chat-header-info{flex:1;min-width:0}.chat-header-name{color:#fff;font-size:16px;font-weight:600}.chat-header-status{color:#ffffffd9;align-items:center;gap:4px;font-size:12px;display:flex}.chat-header-status:before{content:"";background:#25d366;border-radius:50%;width:6px;height:6px}.chat-header-back{color:#fff;align-items:center;display:flex}.chat-header-back:hover{color:#fffc}.chat-header-menu-wrapper{flex-shrink:0;position:relative}.chat-header-menu{color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.chat-header-menu:hover{background:#ffffff26}.chat-menu-overlay{z-index:90;position:fixed;inset:0}.chat-menu-dropdown{z-index:100;background:#fff;border:none;border-radius:8px;min-width:180px;animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 24px #0003}.chat-menu-item{text-align:left;color:#111;border-bottom:1px solid #f0f0f0;width:100%;padding:14px 16px;font-size:14px;text-decoration:none;transition:background .15s;display:block}.chat-menu-item:last-child{border-bottom:none}.chat-menu-item:hover{background:#f5f5f5}.chat-action{max-width:90%;animation:bubbleIn .3s var(--ease-spring);background:#fff;border:1px solid #e9e9e9;border-radius:12px 12px 12px 2px;align-self:stretch;margin:2px 0;padding:12px 14px;box-shadow:0 1px .5px #00000014}.chat-action .btn{margin-top:4px}.lyrics-card{background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius);padding:16px}.lyrics-title{color:var(--primary);margin-bottom:10px;font-size:15px;font-weight:700}.lyrics-content{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--fg);margin:0;font-size:13px;line-height:1.6}.plans-title{text-align:center;margin:16px 0 12px;font-size:16px;font-weight:700}.plans-grid{flex-direction:column;gap:10px;display:flex}.plans-grid-3{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plans-grid-3>:nth-child(3){grid-column:1/-1;justify-self:center;max-width:calc(50% - 4px)}.plans-grid-4{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-card{background:var(--surface);border:2px solid var(--hair);border-radius:var(--radius);text-align:left;cursor:pointer;transition:all .25s var(--ease-spring);padding:10px 12px;animation:.3s fadeIn;position:relative}.plan-card:hover{border-color:var(--primary-border);transform:translateY(-1px)}.plan-card.selected{border-color:var(--primary);background:var(--primary-soft)}.plan-featured{border-color:var(--primary-border)}.plan-badge-mini{background:var(--primary);color:#071a3d;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:8px}.plan-name{letter-spacing:.05em;color:var(--fg);font-size:14px;font-weight:800}.plan-card.selected .plan-name{color:var(--primary)}.plan-price{color:var(--primary);margin:4px 0 2px;font-size:20px;font-weight:700}.plan-desc{color:var(--fg-muted);font-size:11px;line-height:1.3}.payment-form{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:16px;animation:.3s fadeIn}.payment-form-title{align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.pmethod-options{gap:10px;display:flex}.pmethod-btn{border-radius:var(--radius-sm);border:2px solid var(--hair);background:var(--bg);cursor:pointer;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.pmethod-btn:hover{border-color:var(--primary-border)}.pmethod-btn.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.payment-result{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;animation:.4s fadeIn;display:flex}.payment-result-icon{background:var(--success-soft,#4fe5b026);width:80px;height:80px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.payment-result-icon.failed{color:var(--error);background:#ec6b8e26}.payment-result-icon.pending{color:var(--warning);background:#f5b73a26}.payment-result h2{margin-bottom:12px;font-size:22px;font-weight:700}.payment-result p{color:var(--fg-muted);max-width:320px;font-size:15px;line-height:1.5}.lyrics-generating{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:12px}.sample-songs-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.sample-song-card{background:var(--surface);border-radius:var(--radius-sm);border:1px solid #ffffff1a;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.sample-song-card:hover{border-color:var(--primary-border)}.sample-play-btn{background:var(--primary);color:#071a3d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s;display:flex}.sample-play-btn:active{transform:scale(.92)}.sample-song-info{flex:1;min-width:0}.sample-song-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sample-song-meta{color:var(--fg-muted);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.sample-song-duration{color:var(--fg-faint);font-size:11px;font-family:var(--font-mono);flex-shrink:0}.sample-song-progress{background:#ffffff14;border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.sample-song-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .1s linear}.sample-empty{text-align:center;color:var(--fg-faint);padding:20px;font-size:13px}.admin-upload-form{flex-direction:column;gap:10px;display:flex}.admin-sample-row{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--hair);align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-sample-row-info{flex:1;min-width:0}.admin-sample-row-title{color:var(--fg);font-size:13px;font-weight:600}.admin-sample-row-meta{color:var(--fg-muted);font-size:11px}.admin-sample-delete{border-radius:var(--radius-xs);color:var(--error);border:1px solid #ec6b8e40;flex-shrink:0;padding:6px 10px;font-size:12px}.app-admin{background:var(--bg)}.admin-login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-login-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);text-align:center;width:100%;max-width:380px;padding:32px 24px}.admin-login-logo{border-radius:14px;width:56px;height:56px;margin:0 auto 16px;display:block}.admin-login-title{color:var(--fg);margin-bottom:4px;font-size:20px;font-weight:800}.admin-login-subtitle{color:var(--fg-muted);margin-bottom:24px;font-size:13px}.admin-login-form{text-align:left;flex-direction:column;gap:14px;display:flex}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.admin-field input,.admin-field textarea,.admin-field select{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);color:var(--fg);padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--primary);outline:none}.admin-field textarea{resize:vertical;min-height:60px}.admin-login-error{color:#ec6b8e;border-radius:var(--radius-sm);text-align:center;background:#ec6b8e1f;border:1px solid #ec6b8e4d;padding:10px 14px;font-size:13px}.admin-login-btn{background:var(--primary);color:#1a0f00;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s}.admin-login-btn:hover{opacity:.9}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}.admin-login-back{color:var(--fg-faint);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:8px;font-size:13px}.admin-login-back:hover{color:var(--fg-muted)}.admin-divider{text-align:center;color:var(--fg-faint);align-items:center;margin:20px 0 16px;font-size:12px;display:flex}.admin-divider:before,.admin-divider:after{content:"";background:var(--hair);flex:1;height:1px}.admin-divider span{padding:0 12px}.admin-google-btn{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);width:100%;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-google-btn:hover{border-color:var(--fg-muted)}.admin-google-btn:disabled{opacity:.5;cursor:not-allowed}.admin-login-info{color:#4aa8ff;border-radius:var(--radius-sm);text-align:center;background:#4aa8ff1a;border:1px solid #4aa8ff40;margin-bottom:14px;padding:10px 14px;font-size:13px}.admin-dashboard{max-width:1200px;margin:0 auto;padding:16px}.admin-loading{min-height:100vh;color:var(--fg-muted);justify-content:center;align-items:center;font-size:15px;display:flex}.admin-header{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;display:flex}.admin-header-left{align-items:center;gap:12px;display:flex}.admin-header-logo{border-radius:10px;width:40px;height:40px}.admin-header-title{color:var(--fg);font-size:17px;font-weight:700}.admin-header-name{color:var(--fg-muted);font-size:12px}.admin-logout-btn{border:1px solid var(--hair);color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;transition:all .2s}.admin-logout-btn:hover{border-color:var(--error);color:var(--error)}.admin-tabs{border-bottom:1px solid var(--hair);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--hair) transparent;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--hair);border-radius:2px}.admin-tab{color:var(--fg-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.admin-tab:disabled{opacity:.4;cursor:not-allowed}.admin-tab:hover:not(:disabled){color:var(--fg)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-tab-content{animation:.3s fadeIn}.admin-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-search{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);min-width:200px;color:var(--fg);flex:1;padding:10px 14px;font-size:14px}.admin-search:focus{border-color:var(--primary);outline:none}.admin-filters select{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;padding:10px 12px;font-size:13px}.admin-orders-list{flex-direction:column;gap:8px;display:flex}.admin-order-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-sm);overflow:hidden}.admin-order-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.admin-order-header:hover{background:var(--surface-2)}.admin-order-info{flex:1;min-width:0}.admin-order-ref{font-family:var(--font-mono);color:var(--primary);font-size:13px;font-weight:600}.admin-order-customer{color:var(--fg);margin-top:2px;font-size:15px;font-weight:600}.admin-order-meta{color:var(--fg-muted);margin-top:2px;font-size:12px}.admin-order-badges{flex-shrink:0;gap:6px;display:flex}.admin-status-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.admin-status-processing{color:#4aa8ff;background:#4aa8ff1f}.admin-order-details{border-top:1px solid var(--hair-2);padding:16px}.admin-detail-row{border-bottom:1px solid var(--hair-2);justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.admin-detail-row:last-child{border-bottom:none}.admin-detail-label{color:var(--fg-muted);flex-shrink:0;font-weight:500}.admin-detail-value{color:var(--fg);text-align:right;font-weight:500}.admin-tx-amount{color:var(--primary);font-weight:700}.admin-order-actions{border-top:1px solid var(--hair-2);margin-top:14px;padding-top:14px}.admin-status-changer{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-status-changer label{color:var(--fg-muted);font-size:13px;font-weight:600}.admin-status-changer select{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;padding:8px 12px;font-size:13px}.admin-upload-buttons{flex-wrap:wrap;gap:8px;display:flex}.admin-upload-btn{background:var(--surface-2);border:1px solid var(--primary-border);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.admin-upload-btn:hover{background:var(--primary-soft)}.admin-songs-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-section-title{color:var(--fg);font-size:18px;font-weight:700}.admin-add-btn{background:var(--primary);color:#1a0f00;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 16px;font-size:14px;font-weight:700;transition:opacity .2s}.admin-add-btn:hover{opacity:.9}.admin-songs-list{flex-direction:column;gap:8px;display:flex}.admin-song-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 14px;display:flex}.admin-song-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.admin-song-info{flex:1;min-width:0}.admin-song-title{color:var(--fg);font-size:15px;font-weight:600}.admin-song-desc{color:var(--fg-muted);margin-top:2px;font-size:12px}.admin-song-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.admin-song-tag{background:var(--surface-2);color:var(--fg-muted);border-radius:999px;padding:2px 8px;font-size:11px}.admin-song-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.admin-song-status.published{color:#4fe5b0;background:#4fe5b026}.admin-song-status.hidden{color:#626d7d;background:#626d7d26}.admin-song-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.admin-song-toggle,.admin-song-edit,.admin-song-delete{cursor:pointer;border:1px solid var(--hair);background:var(--surface-2);color:var(--fg);border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.admin-song-toggle{border-width:2px;padding:8px 16px;font-size:13px;font-weight:700}.admin-song-toggle.is-published{color:#4fe5b0;background:#4fe5b01f;border-color:#4fe5b0}.admin-song-toggle.is-published:hover{color:#ec6b8e;background:#ec6b8e1f;border-color:#ec6b8e}.admin-song-toggle.is-hidden{color:#9ba5b0;background:#626d7d1f;border-color:#626d7d}.admin-song-toggle.is-hidden:hover{color:#4fe5b0;background:#4fe5b01f;border-color:#4fe5b0}.admin-song-edit:hover{color:#4aa8ff;border-color:#4aa8ff}.admin-song-delete:hover{border-color:var(--error);color:var(--error)}.admin-delete-confirm{align-items:center;gap:4px;font-size:12px;display:flex}.admin-delete-confirm button{border:1px solid var(--hair);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.admin-delete-confirm button:first-of-type{background:var(--error);color:#fff;border-color:var(--error)}.admin-song-form{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:20px;overflow-y:auto}.admin-song-form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-song-form-header h3{color:var(--fg);font-size:18px;font-weight:700}.admin-form-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.admin-form-body{flex-direction:column;gap:14px;display:flex}.admin-checkbox-field label{text-transform:none;color:var(--fg);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.admin-checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.admin-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-summary-filters{gap:4px;display:flex}.admin-filter-btn{background:var(--surface-2);border:1px solid var(--hair);color:var(--fg-muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.admin-filter-btn.active{background:var(--primary);color:#1a0f00;border-color:var(--primary)}.admin-summary-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-sm);padding:16px}.admin-stat-revenue{border-color:var(--primary-border);background:#f5b73a0f}.admin-stat-pending{border-color:#f5b73a4d}.admin-stat-failed,.admin-stat-refunded{border-color:#ec6b8e4d}.admin-stat-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.admin-stat-value{color:var(--fg);font-size:22px;font-weight:800;line-height:1}.admin-stat-revenue .admin-stat-value{color:var(--primary)}.admin-subsection-title{color:var(--fg);margin-bottom:12px;font-size:15px;font-weight:700}.admin-plan-breakdown{flex-direction:column;gap:6px;display:flex}.admin-plan-row{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-plan-name{color:var(--fg);font-size:14px;font-weight:600}.admin-plan-revenue{color:var(--primary);font-size:16px;font-weight:800}.admin-empty{text-align:center;color:var(--fg-muted);padding:40px 20px;font-size:14px}@media (width<=600px){.admin-dashboard{padding:12px}.admin-summary-grid{grid-template-columns:1fr 1fr}.admin-tab{padding:10px 12px;font-size:13px}.admin-order-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-song-card{flex-direction:column;align-items:flex-start}.admin-song-actions{width:100%}.admin-stat-value{font-size:20px}.plans-grid-3{grid-template-columns:1fr}.pmethod-options{flex-wrap:wrap}.pmethod-btn{flex:calc(50% - 4px);min-width:0}}@media (width<=900px){.admin-dashboard{max-width:100%}}@media (width<=600px){.page-header h1{font-size:18px}.page-header button{padding:6px 10px;font-size:11px}.card{padding:14px}.card-title{font-size:15px}.summary-row{flex-wrap:wrap;gap:4px}.summary-value{word-break:break-word}.lyrics-content{font-size:13px;line-height:1.6}.edit-modal{width:92%;max-width:92%}.form-input,.form-textarea{font-size:15px}html,body,.page,.chat-container{overflow-x:hidden}.summary-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.plans-grid{grid-template-columns:1fr}.payment-form{overflow-x:hidden}audio{max-width:100%}}@media (width>=768px){.chat-bubble{max-width:75%}.chat-action{max-width:85%}.chat-container{padding:0 24px}.chat-input-area{padding-left:24px;padding-right:24px}}@media (width>=1024px){.chat-bubble{max-width:70%;font-size:16px}.chat-action{max-width:80%}.chat-container{padding:0 32px}.chat-input-area{padding-left:32px;padding-right:32px}}