:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5;--secondary: #6366f1;--danger: #ef4444;--warning: #f59e0b;--bg: #f9fafb;--bg-card: #ffffff;--bg-main: #f8fafc;--bg-modal: #ffffff;--bg-input: #ffffff;--text: #111827;--text-main: #1e293b;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--border: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .1);--ghost-bg: rgba(0, 0, 0, .03)}[data-theme=dark]{--bg: #0f172a;--bg-card: #1e293b;--bg-main: #0f172a;--bg-modal: #1e293b;--bg-input: #334155;--text: #f8fafc;--text-main: #f1f5f9;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4);--glass-bg: rgba(15, 23, 42, .85);--glass-border: rgba(255, 255, 255, .1);--ghost-bg: rgba(255, 255, 255, .05)}[data-theme=grey]{--bg: #1f2937;--bg-card: #374151;--bg-main: #1f2937;--bg-modal: #374151;--bg-input: #4b5563;--text: #f3f4f6;--text-main: #f9fafb;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: #4b5563;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3);--glass-bg: rgba(31, 41, 55, .85);--glass-border: rgba(255, 255, 255, .1);--ghost-bg: rgba(255, 255, 255, .05)}@media(max-width:480px){.hide-on-mobile{display:none!important}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.main-content{flex:1;padding:100px 2rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:1024px){.main-content{padding:1.5rem}}@media(max-width:768px){.main-content{padding:80px 1rem 90px!important}.desktop-only,.mobile-hide{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 20px #00000008}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--text-muted);font-size:.65rem;font-weight:700;transition:all .2s ease;flex:1}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item i{transition:transform .2s ease}.mobile-nav-item:active i{transform:scale(.9)}@media(max-width:640px){.modal-content{width:95%!important;max-width:95%!important;padding:1.5rem!important;margin:10px!important}h1{font-size:1.75rem!important}h2{font-size:1.4rem!important}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}@media(max-width:640px){.card{padding:1rem;border-radius:.75rem}}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1024px){.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}button{cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #10b98163}.btn-primary:active{transform:scale(.98)}input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;box-sizing:border-box;background-color:var(--bg-input);color:var(--text-primary)}.app-footer{background:var(--bg-card);border-top:1px solid var(--border);padding-top:10px;margin-top:1.5rem;color:var(--text-secondary)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.footer-section h4{color:var(--text-primary);font-weight:700;margin-bottom:.75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.footer-logo{display:flex;align-items:center;gap:.4rem;color:var(--primary);font-size:1.1rem;font-weight:800;margin-bottom:.5rem}.footer-moto{max-width:400px;line-height:1.6;font-size:.75rem;margin:0}.footer-section ul{list-style:none;padding:0;margin:0;display:flex;gap:.6rem;flex-direction:column}.footer-section.links{width:300px}.footer-section ul li{margin-bottom:0}.footer-section ul li a{text-decoration:none;color:var(--text-muted);transition:color .2s ease;font-size:.75rem}.footer-section ul li a:hover{color:var(--primary)}.social-links-wrapper{display:flex;flex-direction:column;gap:.5rem}.contact-email,.footer-text-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.contact-email:hover,.footer-text-link:hover{color:var(--primary)}.social-links a{color:var(--text-muted);transition:all .2s ease}.social-links a:hover{color:var(--primary)}.footer-bottom{max-width:1200px;margin:0 auto 19px;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;font-size:.65rem;color:var(--text-muted)}.footer-bottom p{margin:0}@media(max-width:768px){.app-footer{padding:1rem}.footer-content{display:grid;grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-section.brand{display:flex;flex-direction:column;align-items:center}.footer-content:not(.footer-2-cols){grid-template-columns:repeat(2,1fr);text-align:left;align-items:start}.footer-content:not(.footer-2-cols) .footer-section.brand{grid-column:span 2;align-items:center;text-align:center;margin-bottom:.5rem}.footer-content:not(.footer-2-cols) .footer-section h4{font-size:.9rem;margin-bottom:1rem}.footer-section.links{width:auto}.footer-section ul{flex-direction:column;gap:.75rem}.social-links-wrapper{gap:.75rem}.footer-bottom{margin-top:1rem;padding-top:1.5rem;margin-bottom:0;flex-direction:column;gap:.75rem}}.footer-2-cols{display:grid!important;grid-template-columns:1.5fr 1fr;gap:4rem!important;text-align:left!important;max-width:1000px;margin:0 auto}.footer-2-cols .footer-section{align-items:flex-start!important;text-align:left!important}@media(max-width:640px){.auth-container{padding:1rem .5rem 4rem!important;width:100%!important;max-width:100%!important}.auth-container .card{padding:2.5rem 1.25rem!important;border-radius:0!important;border-right:none!important;border-left:none!important;box-shadow:none!important;background:var(--bg-card)!important}.auth-container{padding-left:0!important;padding-right:0!important}}@media(max-width:768px){.footer-landing .footer-2-cols{grid-template-columns:1fr;text-align:center!important;align-items:center!important}.footer-landing .footer-2-cols .footer-section{align-items:center!important;text-align:center!important}.footer-landing .footer-auth-links{justify-content:center}}.dashboard-header{margin-bottom:2rem}.dashboard-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-title-row h1{font-size:2rem;line-height:1;margin:0;font-weight:800}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1024px){.dashboard-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-summary-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.dashboard-title-row{align-items:center;text-align:center;justify-content:center}.dashboard-title-row h1{font-size:1.75rem}.dashboard-title-row .btn-primary{width:100%;margin-top:.5rem}}.summary-card-main,.card.summary-card-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);padding:1.25rem;position:relative;overflow:hidden;transition:all .4s ease}.summary-card-main.positive{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(16,185,129,.05) 100%);box-shadow:var(--shadow-md)}.summary-card-main.negative{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(239,68,68,.05) 100%);box-shadow:var(--shadow-md)}.summary-card-main:after,.card.summary-card-secondary:after{display:none}.summary-card-main:after{content:"";position:absolute;top:-20%;right:-10%;width:100px;height:100px;background:#ffffff1a;border-radius:50%}.summary-card-secondary{padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.group-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.group-card{padding:1.25rem;transition:all .2s ease;cursor:pointer;border:1px solid var(--border);position:relative;overflow:hidden}.group-card:active{transform:scale(.98)}.group-card-header{display:flex;justify-content:space-between;align-items:center}.group-icon-wrapper{position:relative}.group-icon{width:52px;height:52px;background:linear-gradient(135deg,#10b9811a,#6366f10d);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center}.group-balance-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 2px 4px #0000001a}.group-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.monthly-report-section{animation:fadeIn .8s ease-out}.report-grid{margin-bottom:2rem}@media(max-width:768px){.report-grid{grid-template-columns:1fr!important}}.profile-main-grid{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.profile-info-card{text-align:center}.profile-info-card h3,.profile-info-card p{margin-left:auto;margin-right:auto}.profile-settings-content{display:flex;flex-direction:column;gap:2rem}@media(max-width:1024px){.profile-main-grid{grid-template-columns:1fr}.profile-sidebar{max-width:400px;margin:0 auto;width:100%}}.premium-status-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:16px;font-size:.95rem;font-weight:800;justify-content:center;margin-bottom:1.25rem;transition:all .3s ease}.premium-status-card.free{background:var(--ghost-bg);color:var(--text-secondary);border:1px solid var(--border)}.premium-status-card.premium{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 20px -5px #10b9814d;border:none;position:relative;overflow:hidden}.premium-status-card.premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer-premium 3s infinite}@keyframes shimmer-premium{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.btn-upgrade-premium{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #10b98133;text-decoration:none}.btn-upgrade-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px #10b98166;background:linear-gradient(135deg,#34d399,#10b981)}.premium-info-box{width:100%;background:var(--ghost-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);padding:1.25rem;color:var(--text-secondary);font-size:.85rem;border-radius:18px;text-align:center}.premium-info-box .title{font-weight:800;color:var(--primary);margin-bottom:4px;font-size:.95rem}.premium-info-box .expiry{color:var(--text-muted);font-weight:500}.payment-methods-list{display:flex;flex-direction:column;gap:1rem}.payment-method-row{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.payment-method-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.payment-method-info{display:flex;align-items:center;gap:1.25rem;min-width:0;flex:1}.payment-method-icon{width:56px;height:56px;min-width:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;border:1px solid var(--border)}.payment-method-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.payment-method-provider{font-weight:800;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-method-identifier{font-size:.9rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-weight:500}.btn-remove-payment{padding:.6rem;color:var(--danger);background:#fee2e2;border:none;border-radius:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-remove-payment:hover{background:#fecaca;transform:scale(1.05)}@media(max-width:640px){.payment-method-row{padding:1rem;gap:.75rem}.payment-method-info{gap:.75rem}.payment-method-icon{width:48px;height:48px;min-width:48px;border-radius:12px}.payment-method-provider{font-size:.95rem}.payment-method-identifier{font-size:.8rem}}:root{--card-shadow: 0 10px 30px rgba(0, 0, 0, .04);--card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .08);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.main-content.is-group-page{max-width:1600px;padding-left:1.5rem;padding-right:1.5rem}.group-detail-page{width:100%}.group-main-card{background:var(--bg-card);border-radius:28px;border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:3rem;transition:var(--transition-smooth);width:100%}.group-header{margin-bottom:0;position:relative;background:var(--bg-card)}.group-banner{height:180px;width:100%;position:relative;background:var(--bg-input);overflow:hidden}.group-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.group-banner:hover img{transform:scale(1.05)}.banner-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.group-banner:hover .banner-overlay{opacity:1}.btn-upload-banner{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;padding:.6rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;color:#000}.group-header-content{padding:2rem 2.5rem;border-bottom:1px solid var(--border)}.group-content-wrapper{padding:2.5rem;background:var(--bg-main)}.group-layout-grid{display:grid;grid-template-columns:1fr 500px;gap:1.5rem;align-items:start}.back-link{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);text-decoration:none;margin-bottom:1.25rem;font-size:.85rem;font-weight:600;transition:var(--transition-smooth)}.back-link:hover{color:var(--primary);transform:translate(-4px)}.group-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.group-title h1{font-size:2rem;margin:0 0 .25rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.rental-badge{font-size:.65rem;color:#f59e0b;background:#f59e0b26;padding:4px 10px;border-radius:20px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.group-actions{display:flex;align-items:center;gap:1rem;margin-left:auto;justify-content:end}.btn-icon-only{width:42px;height:42px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:12px}.group-tabs{display:inline-flex;background:var(--bg-input);padding:4px;border-radius:14px;margin-bottom:2.5rem;position:relative;gap:2px;max-width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.tab-item{padding:.7rem 1.75rem;border:none;background:transparent;border-radius:11px;font-size:.875rem;font-weight:700;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:var(--transition-smooth);position:relative;z-index:1}.tab-item.active{color:var(--primary);background:var(--bg-card);box-shadow:var(--shadow-sm)}.tab-item:hover:not(.active){color:var(--text-main);background:#00000005}.expense-row{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;background:var(--bg-card);border-radius:18px;transition:var(--transition-smooth);border:1px solid var(--border)}.expense-row:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px #00000014;border-color:var(--primary-light)}.expense-icon-container{width:52px;height:52px;background:var(--bg-input);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;transition:var(--transition-smooth)}.expense-row:hover .expense-icon-container{background:var(--bg-card);box-shadow:var(--shadow-sm)}.expense-desc{margin:0;font-size:1rem;font-weight:700;color:var(--text-main)}.expense-meta{margin-top:.2rem;font-size:.75rem;color:var(--text-muted);font-weight:500;display:flex;gap:.5rem}.btn-icon{background:none;padding:8px;color:var(--text-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:var(--transition-smooth)}.btn-icon:hover{background:var(--bg-input);color:var(--text-primary)}.btn-icon.danger:hover{background:#ef44441a;color:var(--danger)}.stats-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}.stats-card{padding:1.75rem;border-radius:22px;background:var(--bg-card);border:1px solid var(--border);transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.stats-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.stats-card.highlight{background:var(--bg-card)!important;color:var(--text-primary)!important;border:2px solid var(--primary)!important;box-shadow:var(--shadow-md)!important}.stats-card.highlight span{color:var(--text-secondary)!important;font-weight:700}.stats-card.highlight h4{color:var(--text-primary)!important;font-weight:900!important}.stats-card.highlight h4{color:var(--text-primary)!important;font-size:1.75rem;font-weight:950!important}.stats-card.highlight h4.spending-amount{margin:0;font-size:1.75rem;font-weight:900}.stats-card-inner{display:flex;gap:1.25rem;align-items:center}.stats-card-icon{width:56px;height:56px;background:var(--bg-main);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--text-primary);border:1px solid var(--border)}.stats-card-icon.highlight{background:var(--primary-light);color:var(--primary);border:none}.stats-label{font-size:.85rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stats-value{margin:0;font-size:1.75rem;font-weight:800;color:var(--text-main)}.history-tip-card{margin-top:1.5rem;padding:1.25rem;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:20px;position:relative}.tip-content{display:flex;gap:.75rem;align-items:flex-start}.tip-icon{background:#6366f11a;padding:8px;border-radius:10px;color:var(--primary);display:flex}.tip-text h4{font-size:.9rem;color:var(--primary);margin-bottom:.35rem;font-weight:800;margin-top:0}.tip-text p{font-size:.825rem;color:var(--text-muted);line-height:1.5;margin-bottom:.75rem;margin-top:0}.btn-primary-small{background:var(--primary);color:#fff;padding:.5rem 1rem;font-size:.8rem;border-radius:10px;font-weight:700;box-shadow:0 4px 10px #10b98133;border:none}.btn-primary-small:hover{transform:translateY(-1px);box-shadow:0 6px 14px #10b9814d}.balance-card{background:var(--bg-card);padding:1.5rem;border-radius:24px;border:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem;transition:var(--transition-smooth);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:var(--transition-smooth)}.balance-card.outgoing:before{background:var(--danger);opacity:.6}.balance-card.incoming:before{background:var(--primary);opacity:.6}.balance-card.neutral:before{background:var(--text-muted);opacity:.3}.neutral-opacity{opacity:.8}.neutral-opacity:hover{opacity:1}.balance-summary-card{border-radius:20px;border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.balance-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000014}.balance-flow{display:flex;align-items:center;gap:1rem;width:100%}.balance-person{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:80px;flex-shrink:0}.balance-avatar{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:var(--shadow-sm);border:2px solid var(--bg-card);transition:var(--transition-smooth)}.balance-card:hover .balance-avatar{transform:scale(1.05)}.balance-name{font-size:.85rem;font-weight:700;color:var(--text-main);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.balance-divider{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.balance-amount-wrapper{margin-bottom:8px;position:relative;z-index:2}.balance-amount{font-weight:900;color:var(--text-main);font-size:1.1rem;background:var(--bg-input);padding:6px 14px;border-radius:12px;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.outgoing .balance-amount{color:var(--danger);background:#ef44440d;border-color:#ef44441a}.incoming .balance-amount{color:var(--primary);background:#10b9810d;border-color:#10b9811a}.balance-line-container{width:100%;display:flex;align-items:center;position:absolute;top:50%;transform:translateY(12px)}.balance-line{flex:1;height:3px;background:linear-gradient(90deg,var(--border) 0%,var(--primary) 50%,var(--border) 100%);opacity:.2;border-radius:4px}.balance-arrow-head{position:absolute;right:0;color:var(--primary);opacity:.6;display:flex;align-items:center;justify-content:center}.balance-actions-row{display:flex;gap:.75rem;width:100%}.balance-actions-row button{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem}.member-row{padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:var(--bg-input);border:1px solid transparent;transition:var(--transition-smooth);margin-bottom:.5rem}.member-row:hover{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-sm)}.dropdown-backdrop{position:fixed;inset:0;z-index:100;background:transparent}.actions-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--shadow-lg);padding:.6rem;z-index:101;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;width:100%;background:none;border:none;border-radius:12px;color:var(--text-main);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:var(--bg-input);color:var(--primary)}.dropdown-item.locked{opacity:.6;cursor:not-allowed;color:var(--text-muted)}.dropdown-item.locked:hover{background:transparent;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1.5rem}.modal-card{width:100%;max-width:480px;padding:2.5rem;border-radius:28px;box-shadow:var(--shadow-lg);background:var(--bg-modal)}@media(max-width:640px){.modal-card{padding:1.5rem;border-radius:20px}}@media(max-width:1024px){.group-header-content{padding:1.5rem 2rem}.group-content-wrapper{padding:2rem}}@media(max-width:900px){.group-layout-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-summary-grid{grid-template-columns:1fr;gap:1rem}.group-banner{height:140px}.group-title h1{font-size:1.5rem}.group-header-top{flex-direction:column;align-items:flex-start;gap:1.25rem}.group-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;margin-left:0}.group-actions>button,.group-actions>.more-actions-container{width:100%;justify-content:center;padding-left:.5rem;padding-right:.5rem}.expense-row{padding:1rem;flex-direction:column;align-items:stretch;gap:.75rem}.expense-row>div:last-child{border-top:1px solid #f1f5f9;margin-top:.5rem;padding-top:.75rem;justify-content:space-between!important;width:100%}}@media(max-width:480px){.group-main-card{border-radius:0;margin-bottom:0;border:none;box-shadow:none}.group-header-content{padding:1.25rem 1rem}.group-content-wrapper{padding:1rem;background:var(--bg-card)}.group-tabs{margin-bottom:1.5rem;width:100%}.tab-item{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.8rem}.group-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.more-actions-container{grid-column:span 2}.btn-icon-only{width:100%;height:40px}.balance-card{flex-direction:column;gap:1rem;padding:1.25rem;align-items:stretch}.balance-member{justify-content:space-between}.balance-flow{min-width:0}.balance-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.balance-card button{width:100%;padding:.6rem!important}.stats-card{padding:1.25rem}}.payment-selector-list{display:flex;gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding:.25rem .25rem 1rem;scrollbar-width:none;-ms-overflow-style:none}.payment-selector-list::-webkit-scrollbar{display:none}.payment-method-option{padding:.75rem 1.25rem;border-radius:16px;cursor:pointer;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.75rem;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;background:var(--bg-card);box-shadow:var(--shadow-sm);flex-shrink:0}.payment-method-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method-option.selected{transform:translateY(-2px)}.payment-method-option-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;flex-shrink:0}@media(max-width:640px){.payment-method-option{padding:.6rem 1rem;font-size:.85rem;border-radius:12px}.payment-method-option-icon{width:20px;height:20px;border-radius:6px}}.btn-export.locked{opacity:.7;cursor:not-allowed!important;background:var(--bg-card)!important;border:1px dashed var(--border)!important;color:var(--text-muted)!important;display:flex;align-items:center;gap:.5rem}.btn-export.locked:hover{transform:none!important;box-shadow:none!important;background:var(--bg-card)!important}@media print{.group-header,.group-tabs,.group-right-sidebar,.back-link,.group-actions,.confirm-modal,.modal-overlay,.toast,.onboarding-tour-overlay,.more-actions-container,.section-header-row,.expenses-section h3>div,button,.view-stats-btn,.filters,nav,footer,.rental-badge,.onboarding-btn{display:none!important}body,.group-detail-page,.group-main-card{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;box-shadow:none!important}.group-main-card{border:none!important;max-width:100%!important;width:100%!important}.group-content-wrapper{padding:0!important}.group-layout-grid{display:block!important}.group-main-col{width:100%!important}.expenses-section h3{font-size:24pt!important;margin-bottom:20pt!important;color:#111!important;border-bottom:2px solid #eee;padding-bottom:10pt}.expense-row{break-inside:avoid;border-bottom:1px solid #eee!important;padding:10pt 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:transparent!important;box-shadow:none!important;margin-bottom:0!important}.expense-info{display:flex!important;flex-direction:column!important;gap:2pt!important}.expense-desc{color:#000!important;font-weight:700!important;font-size:12pt!important}.expense-meta{font-size:10pt!important;color:#666!important}.expense-amount{font-size:13pt!important;font-weight:800!important;color:#000!important}.expenses-list:after{content:"Generated by SplitVie - Professional Group Expense Manager";display:block;margin-top:30pt;text-align:center;font-size:9pt;color:#999;font-style:italic}}.landing-container{width:100%;background:var(--bg);font-family:Inter,sans-serif;color:var(--text);position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 15px 5px #10b98133}}.hero-section{padding:160px 5% 6rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10;max-width:1200px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);color:var(--primary);padding:.5rem 1.2rem;border-radius:99px;font-size:.9rem;font-weight:600;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--border);animation:fadeInUp .6s ease-out}.hero-badge-text{color:var(--text-primary)}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 #10b981b3;animation:pulse-glow 2s infinite}.hero-title{font-size:4rem;font-weight:900;line-height:1.15;margin-bottom:1.5rem;max-width:900px;letter-spacing:-1.5px;animation:fadeInUp .8s ease-out forwards;opacity:0;color:var(--text-primary)}.hero-title-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-desc{font-size:1.25rem;color:var(--text-secondary);max-width:650px;margin-bottom:2.5rem;line-height:1.6;animation:fadeInUp 1s ease-out forwards;opacity:0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1.2s ease-out forwards;opacity:0}.btn-hero-primary{text-decoration:none;background:var(--primary);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:16px;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 10px 25px -5px #10b9814d;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hero-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px -5px #10b98166}.btn-hero-secondary{text-decoration:none;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-weight:600;padding:1rem 2.5rem;border-radius:16px;font-size:1.1rem;border:1px solid var(--border);display:flex;align-items:center;transition:all .3s ease}.btn-hero-secondary:hover{background:var(--bg-card);transform:translateY(-3px);box-shadow:var(--shadow-md)}.theme-showcase{margin-top:4rem;animation:fadeInUp 1.4s ease-out forwards;opacity:0}.theme-showcase-label{font-size:.9rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.theme-pills{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.theme-pill{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-pill:hover{background:var(--ghost-bg);transform:translateY(-2px);border-color:var(--primary);color:var(--text-primary)}.theme-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #10b98140}.theme-pill svg{transition:transform .3s ease}.theme-pill:hover svg{transform:rotate(15deg)}.features-section{background:var(--bg-main);padding:6rem 5%;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:10;width:100%;box-sizing:border-box}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.feature-card{padding:2.5rem;background:var(--bg-card);border-radius:24px;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}.icon-blue{background:#3b82f61a;color:#3b82f6}.icon-green{background:#10b9811a;color:#10b981}.icon-purple{background:#8b5cf61a;color:#8b5cf6}.feature-title{font-size:1.35rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.footer-cta{padding:7rem 5%;text-align:center;background:var(--bg);position:relative;z-index:10;max-width:1200px;margin:0 auto}.footer-title{font-size:3rem;font-weight:900;margin-bottom:2rem;color:var(--text-primary);letter-spacing:-1px}.btn-footer{display:inline-block;text-decoration:none;background:var(--text-primary);color:var(--bg);font-weight:600;padding:1.2rem 3.5rem;border-radius:16px;font-size:1.15rem;box-shadow:var(--shadow-md);transition:all .3s ease}.btn-footer:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);opacity:.9}.footer-copy{margin-top:5rem;color:var(--text-muted);font-size:.95rem}@media(max-width:768px){.hero-title{font-size:2.75rem}.hero-section{padding:120px 5% 4rem}.nav-actions{gap:1rem}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.footer-title{font-size:2.25rem}}:root{--premium-primary: #10b981;--premium-secondary: #059669;--premium-accent: #34d399;--premium-bg: var(--bg);--glass-bg: var(--glass-bg);--glass-border: var(--glass-border)}.premium-container{max-width:1200px;margin:100px auto;padding:20px;position:relative;min-height:400px;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top right,rgba(16,185,129,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(52,211,153,.05),transparent 40%);overflow-x:hidden}.premium-header{text-align:center;margin-bottom:80px;animation:fadeInDown .8s ease-out;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.premium-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;line-height:1.1}.premium-header p{color:var(--text-secondary);font-size:1.25rem;max-width:600px;margin:0 auto 32px}.trial-banner{background:linear-gradient(135deg,#10b9811a,#34d3991a);border:1px dashed var(--primary);border-radius:24px;padding:24px 32px;max-width:700px;margin:32px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trial-content{text-align:left}.trial-content h3{font-size:1.25rem;font-weight:800;color:var(--primary);margin-bottom:4px}.trial-content p{font-size:.95rem;color:var(--text-secondary);margin:0}.trial-btn{width:auto!important;padding:12px 24px!important;font-size:.95rem!important;flex-shrink:0}@media(max-width:640px){.trial-banner{flex-direction:column;text-align:center;padding:20px}.trial-content{text-align:center}.trial-btn{width:100%!important}}.premium-tag{display:inline-flex;padding:10px 20px;background:#ecfdf5;border-radius:30px;color:#059669;font-weight:700;font-size:.85rem;margin-bottom:24px;align-items:center;gap:8px;border:1px solid rgba(16,185,129,.2)}.save-tag{background:#dcfce7;color:#166534;padding:6px 16px;border-radius:12px;font-size:.8rem;font-weight:800;margin-bottom:24px;display:inline-block;align-self:flex-start}.premium-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:32px;max-width:1240px;margin:0 auto;padding:20px;width:100%}.premium-card.current{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);transform:scale(1.02);box-shadow:0 20px 40px rgba(var(--primary-rgb),.15);position:relative;overflow:hidden}.premium-card.current:before{content:"CURRENT";position:absolute;top:12px;right:-30px;background:var(--primary);color:#fff;padding:2px 40px;font-size:.7rem;font-weight:900;transform:rotate(45deg)}.title-crown{color:#f59e0b;margin-left:10px;vertical-align:middle;filter:drop-shadow(0 0 10px rgba(245,158,11,.5));animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}@media(max-width:768px){.premium-grid{grid-template-columns:1fr}}@media(min-width:1024px){.premium-grid{grid-template-columns:repeat(3,1fr)}}.premium-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:32px;padding:48px;border:1px solid var(--glass-border);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;position:relative}.premium-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px -12px #0000001a;border-color:#10b98133}.premium-card.featured{border:2px solid var(--primary);background:var(--bg-card) padding-box,linear-gradient(135deg,var(--primary),var(--primary-light)) border-box;z-index:2}.premium-card.featured:hover{transform:translateY(-12px)}.premium-card.featured:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:32px;z-index:-1;opacity:.2;filter:blur(20px)}.package-name{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#10b981;margin-bottom:16px}.package-price{font-size:clamp(2rem,3.2vw,3rem);font-weight:900;color:var(--text-primary);margin-bottom:32px;display:flex;align-items:baseline;gap:4px;letter-spacing:-.03em;flex-wrap:wrap;line-height:1.2}.package-price span{font-size:1.125rem;color:var(--text-muted);font-weight:500;letter-spacing:0;white-space:normal}.feature-list{list-style:none;padding:0;margin:0 0 48px;flex-grow:1}.feature-item{display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--text-secondary);font-size:1rem;font-weight:500}.feature-icon{flex-shrink:0;color:var(--primary);background:var(--ghost-bg);padding:4px;border-radius:8px}.premium-btn{width:100%;padding:18px;border-radius:20px;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.premium-btn.primary{background:#10b981;color:#fff;box-shadow:0 10px 15px -3px #10b9814d;position:relative;overflow:hidden}.premium-btn.primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 20px 25px -5px #10b98166}.premium-btn.primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.premium-btn.secondary{background:#f1f5f9;color:#475569}.premium-btn.secondary:hover{background:#e2e8f0}.glass-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:40px;padding:64px;margin-top:60px;box-shadow:0 20px 25px -5px #0000000d;max-width:1200px;margin-left:auto;margin-right:auto}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}.benefit-card{text-align:left}.benefit-card .icon-wrapper{width:60px;height:60px;background:#f0fdf4;color:#10b981;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .3s ease}.benefit-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.benefit-card h4{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin-bottom:12px}.benefit-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.payment-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.payment-modal{background:var(--bg-modal);width:100%;max-width:480px;border-radius:32px;padding:40px;position:relative;box-shadow:var(--shadow-lg);animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:24px;right:24px;background:#f1f5f9;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-modal:hover{background:var(--border);color:var(--text-primary)}.payment-modal h3{font-size:1.75rem;font-weight:900;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em}.payment-modal p{color:var(--text-secondary);margin-bottom:32px}.payment-options{display:flex;flex-direction:column;gap:16px}.payment-option-btn{display:flex;align-items:center;gap:20px;padding:20px;border:2px solid var(--border);border-radius:20px;background:var(--bg-card);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.payment-option-btn:hover{border-color:var(--primary);background:var(--ghost-bg);transform:translate(8px)}.option-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.payment-option-btn.payos .option-icon{background:#ecfdf5;color:#10b981}.payment-option-btn.lemonsqueezy .option-icon{background:#eff6ff;color:#3b82f6}.option-info{display:flex;flex-direction:column;text-align:left}.option-title{font-weight:800;color:var(--text-primary);font-size:1.1rem;margin-bottom:2px}.option-desc{font-size:.875rem;color:var(--text-secondary)}@media(max-width:768px){.premium-container{margin-top:39px;padding:40px 16px}.premium-header{margin-bottom:40px}.premium-header h1{font-size:2.25rem}.premium-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;margin:0 -16px 60px;padding:20px 20px 40px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.premium-grid::-webkit-scrollbar{display:none}.premium-card{flex:0 0 85%;padding:32px;scroll-snap-align:center;transform:scale(.95);opacity:.8;transition:all .4s ease}.package-price{font-size:2.25rem;margin-bottom:24px;flex-wrap:wrap}.package-price span{font-size:.95rem}.premium-grid:active .premium-card,.premium-grid:focus .premium-card{transform:scale(1);opacity:1}.premium-card.featured{transform:scale(1);opacity:1;margin-top:0}.premium-card.featured:hover{transform:translateY(-8px)}.glass-section{padding:32px}.benefits-grid{gap:32px}}.payment-option-btn.manual .option-icon{background:#fff7ed;color:#f97316}.manual-instructions-modal{max-width:520px;max-height:90vh;overflow-y:auto}.instructions-steps{margin-bottom:24px;font-size:.95rem;line-height:1.5}.instructions-steps p{margin-bottom:8px;color:var(--text-secondary)}.qr-container{background:#fff;padding:16px;border-radius:20px;display:flex;justify-content:center;margin-bottom:24px;border:1px solid var(--border)}.manual-qr-img{max-width:200px;height:auto}.transfer-details{background:var(--bg-card);border-radius:20px;padding:20px;margin-bottom:20px;border:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-muted);font-size:.9rem}.detail-row strong{color:var(--text-primary);font-weight:700}.detail-row.highlight{background:#10b9810d;margin:4px -20px;padding:12px 20px}.detail-row strong.amount{color:var(--primary);font-size:1.2rem}.detail-row strong.content{color:#ef4444;font-family:monospace;font-size:1.1rem;letter-spacing:1px}.manual-note{font-size:.85rem;color:#f59e0b;margin-bottom:24px!important;font-style:italic;text-align:center}.confirm-sent-btn{margin-top:10px}.pending-view{text-align:center;padding:20px 0}.success-icon-wrapper{width:80px;height:80px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}:root{--admin-primary: #3b82f6;--admin-secondary: #6366f1;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-danger: #ef4444}.admin-container{max-width:1400px;margin:40px auto;padding:0 24px;color:var(--text-primary);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-header-new{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.admin-header-content h1{font-size:2.75rem;font-weight:950;margin:8px 0;background:linear-gradient(135deg,var(--text-primary),var(--admin-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-header-content p{color:var(--text-muted);font-size:1.1rem}.btn-refresh-main{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);padding:12px 20px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--text-primary)}.btn-refresh-main:hover{background:var(--bg-main);border-color:var(--admin-primary);transform:translateY(-2px)}.admin-tabs{display:flex;gap:12px;background:var(--bg-input);padding:6px;border-radius:18px;margin-bottom:32px;width:fit-content;border:1px solid var(--border)}.tab-btn{display:flex;align-items:center;gap:10px;padding:10px 24px;border-radius:14px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--admin-primary);box-shadow:0 4px 12px #0000000d}.tab-badge{background:var(--admin-danger);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:6px}.stats-grid-admin{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card-admin{background:var(--bg-card);padding:24px;border-radius:24px;border:1px solid var(--border);display:flex;align-items:center;gap:20px;transition:all .3s}.stat-card-admin:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-card-admin.pink .stat-icon{background:#ec48991a;color:#ec4899}.stat-card-admin.gold .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card-admin.blue .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card-admin.green .stat-icon{background:#10b9811a;color:#10b981}.stat-label{display:block;color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:1.75rem;font-weight:900;margin:0}.chart-section-admin{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.chart-card{padding:24px}.shortcut-card h2{margin-bottom:24px}.shortcut-grid{display:flex;flex-direction:column;gap:12px}.shortcut-btn{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-main);border:1px solid var(--border);border-radius:16px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .2s}.shortcut-btn:hover{border-color:var(--admin-primary);background:var(--bg-card);transform:translate(5px)}.table-card{padding:0;overflow:hidden}.table-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.table-search{position:relative;flex:1;max-width:400px}.table-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.table-search input{width:100%;padding:12px 16px 12px 48px;background:var(--bg-main);border:1px solid var(--border);border-radius:14px;color:var(--text-primary);font-weight:600}.table-actions{display:flex;gap:12px}.btn-icon-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--text-primary)}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:16px 24px;background:var(--bg-input);font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.admin-table td{padding:20px 24px;border-bottom:1px solid var(--border)}.user-profile-cell{display:flex;align-items:center;gap:12px}.user-avatar-admin{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.user-name-info .name{display:block;font-weight:800;font-size:1rem}.admin-label{font-size:.65rem;padding:2px 6px;background:#ef44441a;color:#ef4444;border-radius:6px;font-weight:900;text-transform:uppercase}.contact-cell{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.status-cell{display:flex;flex-direction:column;gap:6px}.badge{padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:800;width:fit-content}.badge.premium{background:#f59e0b1a;color:#f59e0b}.badge.basic{background:#64748b1a;color:#64748b}.status-dot-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700}.status-dot-label .dot{width:8px;height:8px;border-radius:50%}.status-dot-label.verified{color:var(--admin-success)}.status-dot-label.verified .dot{background:var(--admin-success)}.status-dot-label.unverified{color:var(--text-muted)}.status-dot-label.unverified .dot{background:var(--text-muted)}.date-cell{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);font-weight:600}.admin-grid-layout{display:grid;grid-template-columns:400px 1fr;gap:32px}.left-col{position:sticky;top:40px;height:fit-content}.card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:20px}.approval-form{display:flex;flex-direction:column;gap:20px;background:var(--bg-card);padding:24px;border-radius:20px;border:1px solid var(--border)}.input-field-admin{position:relative}.input-field-admin .field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-field-admin input{width:100%;padding:14px 16px 14px 48px;background:var(--bg-main);border:2px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text-primary);font-weight:700;transition:all .2s}.input-field-admin input:focus{border-color:var(--admin-primary);outline:none;box-shadow:0 0 0 4px #3b82f61a}.btn-primary-admin{background:var(--admin-danger);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:900;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary-admin:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 16px #ef444433}.btn-primary-admin:disabled{opacity:.5;cursor:not-allowed}.queue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.queue-item-new{background:var(--bg-main);border:1px solid var(--border);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.queue-item-new:hover{border-color:var(--admin-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.queue-item-header{display:flex;justify-content:space-between;align-items:center}.user-info-mini{display:flex;align-items:center;gap:10px}.avatar-small{width:32px;height:32px;background:linear-gradient(135deg,var(--admin-primary),var(--admin-secondary));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.8rem}.user-details strong{display:block;font-size:.95rem}.user-details span{font-size:.75rem;color:var(--text-muted)}.payment-status-badge{background:#f59e0b1a;color:#f59e0b;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase}.queue-item-body{display:flex;flex-direction:column;gap:10px;background:var(--bg-card);padding:12px;border-radius:12px}.payment-metric{display:flex;justify-content:space-between;align-items:center}.payment-metric .label{font-size:.75rem;color:var(--text-muted);font-weight:700}.payment-metric .value{font-size:.85rem;font-weight:700}.payment-metric .value.success{color:var(--admin-success)}.code-wrapper{display:flex;align-items:center;gap:8px}.value-code{font-family:monospace;color:var(--admin-danger);font-weight:900}.btn-copy-mini{background:var(--bg-main);border:1px solid var(--border);padding:4px;border-radius:6px;cursor:pointer;color:var(--admin-primary);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-copy-mini:hover{background:var(--admin-primary);color:#fff}.queue-item-actions{margin-top:auto}.btn-approve-modern{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--admin-danger);color:#fff;border:none;padding:12px;border-radius:12px;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-approve-modern:hover:not(:disabled){background:#dc2626;transform:scale(1.02)}@media(max-width:1024px){.chart-section-admin,.admin-grid-layout{grid-template-columns:1fr}}@media(max-width:768px){.admin-header-new{flex-direction:column;align-items:flex-start;gap:20px}.admin-tabs{width:100%;overflow-x:auto;padding-bottom:2px}}@media print{.admin-header,.admin-header-new,.admin-tabs,.table-header,.table-actions,.btn-refresh-main,.admin-badge,.tab-btn,.btn-refresh-small{display:none!important}.admin-container{padding:0!important;margin:0!important;background:#fff!important}.admin-card{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}.admin-table{font-size:10pt;width:100%!important}.admin-table th,.admin-table td{border-bottom:1px solid #eee!important;padding:8px!important}h1,h2,h3,h4,h5,h6{color:#000!important;background:none!important;-webkit-text-fill-color:initial!important}}:root{--primary: #10b981;--primary-dark: #059669;--primary-light: #d1fae5;--secondary: #6366f1;--accent: #f59e0b;--danger: #ef4444;--success: #10b981;--fg: var(--text);--text-muted: var(--text-muted);--card-bg: var(--bg-card);--glass-bg: var(--glass-bg);--glass-border: var(--glass-border);--radius: 12px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Be Vietnam Pro,sans-serif;color:var(--fg);font-weight:700}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:80px 1.5rem 2rem}.group-detail-page.main-content{max-width:1440px}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button,.btn{font-family:Inter,sans-serif;font-weight:600;padding:.6rem 1.2rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background-color:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}input,select,textarea{width:100%;padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text-secondary)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-facebook{display:flex!important;align-items:center;justify-content:center;width:100%;padding:10px 14px;background-color:#1877f2;color:#fff;border:none;border-radius:4px;font-family:Inter,sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s;height:40px}.btn-facebook:hover{background-color:#166fe5}