@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap";:root{--font-prompt:"Prompt", sans-serif;--font-sarabun:"Sarabun", sans-serif}body{box-sizing:border-box;margin:0;padding:0}#root{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;min-height:100vh;display:flex}:root{--font-prompt:"Prompt", sans-serif;--font-sarabun:"Sarabun", sans-serif;--bg-color:#0b0c16;--text-primary:#fff;--text-secondary:#9ca3af;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-border-hover:#ffffff2e;--glass-glow:#6366f11a;--primary-gradient:linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);--install-gradient:linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--success-color:#10b981}body{color:var(--text-primary);font-family:var(--font-prompt);background:radial-gradient(circle at 50% 30%,#151833 0%,#080914 100%);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.ambient-glow-1{z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f152 0%,#0000 70%);width:70%;height:70%;position:fixed;top:-20%;left:-15%}.ambient-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#a855f752 0%,#0000 70%);width:70%;height:70%;position:fixed;bottom:-20%;right:-15%}.ambient-glow-3{z-index:-2;pointer-events:none;background:radial-gradient(circle,#6366f138 0%,#0000 60%);width:80%;height:40%;position:absolute;top:15%;left:10%}.ambient-glow-4{z-index:-2;pointer-events:none;background:radial-gradient(circle,#a855f738 0%,#0000 60%);width:80%;height:45%;position:absolute;bottom:20%;right:10%}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1100px;min-height:100vh;margin:0 auto;padding:64px 24px;display:flex}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:14px 24px;display:flex;box-shadow:0 8px 32px #0000004d}.brand-section{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--install-gradient);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 15px #a855f766}.brand-name{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 60%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:600}.search-section{flex-grow:1;max-width:480px;position:relative}.search-input-wrapper{width:100%;position:relative}.search-icon{color:var(--text-secondary);opacity:.7;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-prompt);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;outline:none;padding:10px 16px 10px 44px;transition:all .3s}.search-input:focus{background:#ffffff12;border-color:#6366f180;box-shadow:0 0 15px #6366f126}.user-section{align-items:center;gap:16px;display:flex}.notification-bell{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-bell:hover{background:#ffffff14;border-color:#ffffff26}.bell-badge{background-color:#ff3b30;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:10px}.user-avatar-wrapper{cursor:pointer;align-items:center;gap:6px;display:flex}.user-avatar{object-fit:cover;border:1.5px solid #fff3;border-radius:50%;width:38px;height:38px}.avatar-chevron{color:var(--text-secondary)}.tabs-navigation{border-bottom:1px solid #ffffff0d;justify-content:flex-start;gap:8px;margin-bottom:32px;padding-bottom:8px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font-prompt);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14.5px;font-weight:500;transition:all .3s;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);box-shadow:none;background:0 0}.tab-btn.active:after{content:"";background:var(--install-gradient);border-radius:2px;height:3px;position:absolute;bottom:-9px;left:16px;right:16px}.main-title-section{text-align:left;margin-bottom:24px}.main-title{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;display:flex}.app-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}@media (width<=990px){.app-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=680px){.app-grid{grid-template-columns:1fr;gap:16px}}.app-card{-webkit-backdrop-filter:blur(20px)saturate(120%);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 20px 20px -20px #ffffff38,0 8px 24px #00000059}.app-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff14,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.app-card:hover:before{left:150%}.app-card:hover{box-shadow:inset 0 20px 20px -20px #ffffff59, 0 16px 40px var(--glow-color,#6366f140);background:#ffffff0d;border-color:#ffffff29;transform:translateY(-6px)}.app-card-top{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.app-icon-wrapper{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.app-info{flex-direction:column;gap:6px;min-width:0;display:flex}.app-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:600;overflow:hidden}.app-desc{font-family:var(--font-sarabun);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.app-card-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.app-price{color:var(--text-primary);font-size:16px;font-weight:500}.app-price-free{color:var(--text-secondary)}.install-btn{background:var(--install-gradient);color:#fff;font-family:var(--font-prompt);cursor:pointer;text-align:center;border:none;border-radius:20px;min-width:100px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .3s;box-shadow:0 4px 15px #3b82f64d}.install-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px #a855f780}.install-btn.downloading{color:var(--text-secondary);box-shadow:none;cursor:default;background:#ffffff14;border:1px solid #ffffff26;position:relative;overflow:hidden}.install-btn.downloading:after{content:"";background:#ffffff1a;width:40%;height:100%;animation:1.2s ease-in-out infinite pulse-loader;position:absolute;top:0;left:0}@keyframes pulse-loader{0%{left:-50%}to{left:150%}}.install-btn.installed{color:var(--success-color);box-shadow:none;background:#10b98126;border:1px solid #10b98166}.install-btn.installed:hover{background:#10b98140}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:left;box-sizing:border-box;background:#0f111cf2;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:580px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;position:relative;box-shadow:0 20px 50px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.close-modal-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.modal-app-title{margin:0;font-size:22px;font-weight:600}.modal-app-desc{font-family:var(--font-sarabun);color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.modal-actions{gap:12px;margin-bottom:24px;display:flex}.action-btn-primary{background:var(--install-gradient);color:#fff;font-family:var(--font-prompt);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 15px #3b82f659}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.terminal-window{color:#a7b5cc;background:#06070d;border:1px solid #ffffff0d;border-radius:12px;height:200px;padding:16px;font-family:Courier New,Courier,monospace;font-size:13px;overflow-y:auto;box-shadow:inset 0 2px 8px #000c}.terminal-line{word-break:break-all;margin-bottom:6px;line-height:1.5}.term-info{color:#51afef}.term-success{color:#98be65}.term-warn{color:#ecbe7b}.term-error{color:#ff6c6b}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.light-theme{--bg-color:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--glass-bg:#fff9;--glass-border:#00000014;--glass-border-hover:#00000026}.light-theme .terminal-window{color:#e5e7eb;background:#111827}.light-theme .app-card,.light-theme .glass-header{box-shadow:0 4px 20px #0000000d}.light-theme .screenshot-mock{border-color:#00000014!important}.hero-carousel-container{text-align:left;margin-bottom:32px}.hero-carousel{box-sizing:border-box;border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;width:100%;min-height:220px;padding:40px;transition:background .8s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 20px 20px -20px #ffffff26,0 10px 30px #00000059}@media (width<=768px){.hero-carousel{grid-template-columns:1fr;padding:32px 24px}.banner-decor-wrapper{display:none}}.hero-carousel-text{z-index:5}.hero-badge{color:#fff;text-transform:uppercase;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-block}.hero-title{color:#fff;text-shadow:0 2px 4px #00000040;margin:0 0 12px;font-size:26px;font-weight:700}.hero-desc{font-family:var(--font-sarabun);color:#ffffffd9;margin:0;font-size:14.5px;line-height:1.5}.banner-decor-wrapper{justify-content:center;align-items:center;width:100%;height:100%;min-height:160px;display:flex;position:relative}.decor-orb{filter:blur(40px);opacity:.65;border-radius:50%;width:120px;height:120px;position:absolute}.green-glow{background:#00c274;top:10%;left:20%}.blue-glow{background:#3b82f6;bottom:10%;right:20%}.purple-glow{background:#a855f7;top:10%;left:25%}.indigo-glow{background:#6366f1;bottom:15%;right:15%}.decor-svg{border-radius:12px;position:absolute;box-shadow:0 10px 25px #0006}.floating-icon-1{animation:4s ease-in-out infinite alternate float-1;top:20%;left:25%}.floating-icon-2{animation:4.5s ease-in-out infinite alternate float-2;bottom:20%;right:25%}@keyframes float-1{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-12px)rotate(5deg)}}@keyframes float-2{0%{transform:translateY(0)rotate(0)}to{transform:translateY(10px)rotate(-8deg)}}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.carousel-dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.carousel-dot.active{background:#fff;border-radius:4px;width:24px}.anim-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) slide-up}.toast-wrapper{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast-notification{pointer-events:auto;background:#0f111cf2;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-in;display:flex;box-shadow:0 10px 25px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.toast-icon{background:var(--install-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.toast-success .toast-icon{background:var(--success-color)}.toast-message{color:#fff;text-align:left;font-size:13.5px;font-weight:400}.detail-page{text-align:left}.back-btn{color:var(--text-secondary);font-family:var(--font-prompt);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.back-btn:hover{color:var(--text-primary);background:#ffffff0a}.detail-layout{grid-template-columns:2fr 1fr;gap:28px;display:grid}@media (width<=900px){.detail-layout{grid-template-columns:1fr}}.detail-header-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}@media (width<=600px){.detail-header-card{text-align:center;flex-direction:column}}.detail-icon-wrapper{border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 24px #0006}.detail-header-info{flex-grow:1}.detail-app-name{margin:0 0 4px;font-size:26px;font-weight:600}.detail-app-developer{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.detail-stats-row{align-items:center;gap:16px;display:flex}@media (width<=600px){.detail-stats-row{justify-content:center}}.detail-stat-item{flex-direction:column;display:flex}.detail-stat-val{font-size:16px;font-weight:600}.detail-stat-lbl{color:var(--text-secondary);font-size:11px}.detail-divider{background:#ffffff14;width:1px;height:24px}.detail-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;margin-bottom:24px;padding:24px}.section-title{border-bottom:1px solid #ffffff0d;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.detail-long-desc{font-family:var(--font-sarabun);color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.screenshot-mock{aspect-ratio:16/10;box-sizing:border-box;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;padding:16px;display:flex}.mock-ui-header{background:#ffffff14;border-radius:6px;width:60%;height:12px;margin-bottom:16px}.mock-ui-circle{border:4px solid #fff;border-radius:50%;width:40px;height:40px;margin:0 auto 12px}.mock-ui-line{background:#ffffff0d;border-radius:4px;width:80%;height:8px;margin:0 auto 8px}.mock-ui-line.short{width:50%}.mock-ui-grid{flex-grow:1;grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.mock-ui-grid div{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:8px}.reviews-summary-card{background:#0003;border-radius:16px;align-items:center;gap:32px;margin-bottom:24px;padding:20px;display:flex}@media (width<=600px){.reviews-summary-card{text-align:center;flex-direction:column}}.avg-rating-box{flex-direction:column;align-items:center;display:flex}.avg-rating-val{font-size:40px;font-weight:700;line-height:1}.stars-row{gap:2px;margin:4px 0;display:flex}.avg-rating-lbl{color:var(--text-secondary);font-size:11px}.rating-bars-box{flex-grow:1}.rating-bar-item{align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.rating-progress{background:#ffffff0f;border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.rating-fill{background:#ffc107;border-radius:3px;height:100%}.reviews-list{flex-direction:column;gap:12px;display:flex}.review-item-card{background:#ffffff04;border:1px solid #ffffff08;border-radius:14px;padding:16px}.review-item-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.review-user-avatar{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.review-user-name{margin:0;font-size:13.5px;font-weight:500}.review-date{color:var(--text-secondary);font-size:10.5px}.review-content{font-family:var(--font-sarabun);color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.action-sidebar-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:24px;position:sticky;top:24px}.sidebar-title{margin:0 0 4px;font-size:18px;font-weight:600}.sidebar-subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:12px}.sidebar-action-zone{margin-bottom:24px}.sidebar-console-zone{border-top:1px solid #ffffff0d;padding-top:20px}.console-title{color:var(--text-secondary);margin:0 0 10px;font-size:13px;font-weight:500}.cursor-blink{animation:1s infinite alternate blink}@keyframes blink{0%{opacity:0}to{opacity:1}}.transactions-table-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;margin-top:20px;overflow:hidden}.transactions-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.transactions-table th{color:var(--text-secondary);background:#ffffff05;border-bottom:1px solid #ffffff0f;padding:16px;font-size:13px;font-weight:500}.transactions-table td{border-bottom:1px solid #ffffff0a;padding:16px}.txn-id{color:var(--text-secondary);font-family:monospace}.txn-name{font-weight:500}.txn-amount{font-weight:600}.badge-success{color:var(--success-color);background:#10b98126;border:1px solid #10b9814d;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.invoice-btn{color:#fff;cursor:pointer;font-family:var(--font-prompt);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .2s}.invoice-btn:hover{background:#ffffff1f;border-color:#fff3}.settings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;border-radius:20px;padding:24px}.settings-card h3{border-bottom:1px solid #ffffff0d;margin:0 0 20px;padding-bottom:8px;font-size:16px;font-weight:600}.settings-form-group{margin-bottom:16px}.settings-form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.settings-form-group input{color:#fff;width:100%;font-family:var(--font-prompt);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;padding:10px 14px;font-size:13.5px}.settings-form-group input:focus{background:#ffffff0f;border-color:#6366f180}.empty-state-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state-card p{color:var(--text-secondary);margin:0;font-size:15px}.stripe-checkout-page{text-align:left}.checkout-layout{grid-template-columns:1fr 1.2fr;gap:32px;margin-top:20px;display:grid}@media (width<=800px){.checkout-layout{grid-template-columns:1fr;gap:24px}}.checkout-product-details{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;padding:32px;display:flex}.checkout-sandbox-badge{color:#f87171;letter-spacing:.5px;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;align-self:flex-start;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:600}.checkout-title{margin:0 0 24px;font-size:24px;font-weight:600}.checkout-app-box{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;align-items:center;gap:16px;margin-bottom:28px;padding:16px;display:flex}.checkout-app-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 15px #0000004d}.checkout-app-name{margin:0 0 2px;font-size:17px;font-weight:600}.checkout-app-dev{color:var(--text-secondary);margin:0;font-size:12px}.checkout-invoice-summary{font-family:var(--font-sarabun);color:var(--text-secondary);flex-direction:column;gap:12px;font-size:14.5px;display:flex}.invoice-row{justify-content:space-between;display:flex}.invoice-row.total{color:var(--text-primary);font-size:18px;font-weight:600;font-family:var(--font-prompt)}.checkout-divider{border:none;border-top:1px solid #ffffff0f;margin:8px 0}.checkout-security-note{color:var(--text-secondary);align-items:center;gap:8px;margin-top:auto;padding-top:32px;font-size:11.5px;display:flex}.checkout-card-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:32px}.form-title{border-bottom:1px solid #ffffff0d;margin:0 0 24px;padding-bottom:8px;font-size:18px;font-weight:600}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-group input{color:#fff;width:100%;font-family:var(--font-prompt);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;outline:none;padding:12px 16px;font-size:14px}.form-group input:focus{background:#ffffff0f;border-color:#6366f180}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkout-pay-btn{justify-content:center;width:100%;margin-top:12px;padding:14px;font-size:15px}.payment-success-page{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;box-sizing:border-box;border-radius:24px;max-width:500px;margin:40px auto;padding:40px 32px}.success-icon-wrapper{background:#10b9811f;border:2px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 0 20px #10b98126}.success-title{margin:0 0 8px;font-size:24px;font-weight:600}.success-subtitle{font-family:var(--font-sarabun);color:var(--text-secondary);margin:0 0 32px;font-size:14px;line-height:1.5}.success-receipt-card{text-align:left;background:#00000040;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;gap:14px;margin-bottom:32px;padding:20px;font-size:13.5px;display:flex}.receipt-row{justify-content:space-between;align-items:center;display:flex}.receipt-row span{color:var(--text-secondary)}.profile-page{text-align:left}.profile-layout{grid-template-columns:1fr 2.2fr;gap:28px;margin-top:24px;display:grid}@media (width<=850px){.profile-layout{grid-template-columns:1fr}}.profile-sidebar{flex-direction:column;gap:20px;display:flex}.profile-avatar-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.profile-large-avatar{object-fit:cover;border:3px solid #ffffff26;border-radius:50%;width:110px;height:110px;margin-bottom:16px;box-shadow:0 8px 20px #0006}.profile-avatar-card h3{margin:0 0 6px;font-size:18px;font-weight:600}.profile-badge{background:var(--install-gradient);color:#fff;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:500}.profile-stats-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.p-stat{justify-content:space-between;font-size:13.5px;display:flex}.p-stat span{color:var(--text-secondary)}.p-stat strong{font-weight:600}.profile-form-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px}.profile-form-card h3{border-bottom:1px solid #ffffff0d;margin:0 0 20px;padding-bottom:8px;font-size:17px;font-weight:600}.user-dropdown-menu{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f111cf5;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:4px;width:190px;padding:8px;animation:.25s cubic-bezier(.16,1,.3,1) forwards dropdown-slide-down;display:flex;position:absolute;top:60px;right:0;box-shadow:0 16px 40px #0009}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:var(--text-secondary);text-align:left;font-family:var(--font-prompt);cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:10px 14px;font-size:13.5px;transition:all .2s}.dropdown-item:hover{color:var(--text-primary);background:#ffffff0f}.dropdown-item.active{background:var(--install-gradient);color:#fff}.app-card:hover .app-icon-wrapper{box-shadow:0 10px 25px var(--glow-color,#6366f159);transform:scale(1.04)}body.light-theme{color:#111827;--bg-color:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--glass-bg:#ffffffa6;--glass-border:#00000014;--glass-border-hover:#00000026;background:radial-gradient(circle at 50% 30%,#f9fafb 0%,#e5e7eb 100%)}body.light-theme .ambient-glow-1{background:radial-gradient(circle,#6366f126 0%,#0000 70%)}body.light-theme .ambient-glow-2{background:radial-gradient(circle,#a855f726 0%,#0000 70%)}body.light-theme .ambient-glow-3{background:radial-gradient(circle,#6366f11a 0%,#0000 60%)}body.light-theme .ambient-glow-4{background:radial-gradient(circle,#a855f71a 0%,#0000 60%)}body.light-theme .glass-header{background:#ffffffa6;border-color:#00000014;box-shadow:0 8px 32px #0000000d}body.light-theme .brand-name{background:linear-gradient(135deg,#111827 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .search-input{color:#111827;background:#00000008;border-color:#00000014}body.light-theme .search-input:focus{background:#0000000d;border-color:#6366f180}body.light-theme .tab-btn{color:#4b5563}body.light-theme .tab-btn:hover,body.light-theme .tab-btn.active{color:#111827}body.light-theme .hero-carousel{border:1px solid #fff9;box-shadow:0 10px 30px #6366f11f;background:linear-gradient(135deg,#e0f2fe 0%,#f3e8ff 100%)!important}body.light-theme .hero-carousel-text h2{color:#0f172a!important}body.light-theme .hero-carousel-text p{color:#334155!important}body.light-theme .hero-badge{color:#4f46e5;background:#6366f114;border-color:#6366f133}body.light-theme .app-card{background:#ffffff80;border-color:#0000000f;box-shadow:inset 0 20px 20px -20px #fff9,0 8px 24px #0000000a}body.light-theme .app-card:hover{background:#ffffffd9;border-color:#0000001f;box-shadow:inset 0 20px 20px -20px #fffc,0 16px 32px #6366f126}body.light-theme .app-name{color:#111827}body.light-theme .app-desc{color:#4b5563}body.light-theme .app-price{color:#111827}body.light-theme .app-price-free{color:#6b7280}body.light-theme .user-dropdown-menu{background:#fffffffa;border-color:#00000014;box-shadow:0 10px 25px #0000001a}body.light-theme .dropdown-item{color:#4b5563}body.light-theme .dropdown-item:hover{color:#111827;background:#0000000a}body.light-theme .dropdown-item.active{color:#fff}body.light-theme .detail-section,body.light-theme .detail-header-card,body.light-theme .action-sidebar-card,body.light-theme .checkout-product-details,body.light-theme .checkout-card-form,body.light-theme .profile-avatar-card,body.light-theme .profile-stats-card,body.light-theme .profile-form-card,body.light-theme .settings-card{color:#111827;background:#fff9;border-color:#00000014;box-shadow:0 8px 24px #00000008}body.light-theme .section-title{color:#111827;border-bottom-color:#0000000f}body.light-theme .detail-long-desc,body.light-theme .review-content,body.light-theme .detail-app-developer{color:#4b5563}body.light-theme .settings-form-group input,body.light-theme .form-group input{color:#111827;background:#00000005;border-color:#00000014}body.light-theme .settings-form-group input:focus,body.light-theme .form-group input:focus{background:#fff;border-color:#3b82f6}body.light-theme .modal-content{color:#111827;background:#fff;border-color:#0000001a}body.light-theme .modal-content h3{color:#111827!important}body.light-theme .close-modal-btn{color:#4b5563}body.light-theme .close-modal-btn:hover{color:#111827}body.light-theme .invoice-header{border-bottom-color:#0000001a!important}body.light-theme .modal-content strong{color:#111827!important}body.light-theme .modal-content hr{border-top-color:#0000001a!important}body.light-theme .terminal-window{color:#e5e7eb;background:#111827}body.light-theme .terminal-line.term-info{color:#38bdf8}body.light-theme .notification-bell{color:#4b5563;background:#00000008;border-color:#00000014}body.light-theme .notification-bell:hover{color:#111827;background:#0000000f}.auth-overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0b0c16b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.auth-modal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:440px;font-family:var(--font-prompt);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:32px;position:relative;box-shadow:0 20px 40px #00000080}.auth-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.auth-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.auth-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s}.auth-close-btn:hover{color:var(--text-primary)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.auth-input-group input{color:var(--text-primary);font-family:var(--font-prompt);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px;font-size:14px;transition:all .2s}.auth-input-group input:focus{background:#ffffff0f;border-color:#3b82f6;outline:none;box-shadow:0 0 10px #3b82f633}.auth-submit-btn{border-radius:12px;justify-content:center;margin-top:10px;padding:14px;font-size:15px;font-weight:600}.auth-toggle-link{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:13.5px}.auth-toggle-link span{color:#3b82f6;cursor:pointer;font-weight:500}.auth-toggle-link span:hover{text-decoration:underline}.auth-divider{text-align:center;color:var(--text-secondary);align-items:center;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff14;flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.auth-social-buttons{gap:12px;display:flex}.social-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.google-btn{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.google-btn:hover{background:#ffffff14;border-color:#ffffff2e}.line-btn{color:#fff;background:#06c755;border:1px solid #06c755}.line-btn:hover{background:#05b04b;box-shadow:0 0 12px #06c7554d}body.light-theme .auth-modal-card{background:#ffffffd9;border-color:#00000014;box-shadow:0 20px 40px #00000026}body.light-theme .auth-modal-header h3{color:#111827}body.light-theme .auth-input-group label{color:#4b5563}body.light-theme .auth-input-group input{color:#111827;background:#f9fafb;border-color:#d1d5db}body.light-theme .auth-input-group input:focus{background:#fff;border-color:#3b82f6}body.light-theme .google-btn{color:#374151;background:#fff;border-color:#d1d5db}body.light-theme .google-btn:hover{background:#f3f4f6}body.light-theme .auth-divider:before,body.light-theme .auth-divider:after{border-bottom-color:#00000014}@media (width<=768px){.app-container{padding:16px 16px 80px}.glass-header{z-index:100;border-radius:16px;flex-wrap:nowrap;gap:12px;margin-bottom:16px;padding:12px 16px;position:sticky;top:0}.brand-section{flex-shrink:0}.brand-name{font-size:17px}.search-section{display:none}.user-section{gap:8px}.notification-bell{width:34px;height:34px}.user-avatar{width:32px;height:32px}.action-btn-primary{padding:6px 14px!important;font-size:12px!important}.tabs-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;margin-bottom:20px;padding-bottom:4px;overflow-x:auto}.tabs-navigation::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:13px}.hero-carousel{min-height:180px;padding:24px 20px}.hero-title{font-size:20px}.hero-desc{font-size:13px}.main-title{font-size:20px}.detail-header-card{gap:16px;padding:16px}.detail-icon-wrapper{width:80px;height:80px}.detail-app-name{font-size:22px}.profile-form-card,.profile-avatar-card,.profile-stats-card,.action-sidebar-card,.settings-card{padding:20px}.profile-large-avatar{width:90px;height:90px}.checkout-product-details,.checkout-card-form{padding:24px 20px}.transactions-table{font-size:13px}.transactions-table th,.transactions-table td{padding:12px 10px}.payment-success-page{margin:20px auto;padding:32px 20px}.auth-modal-card{margin:16px;padding:24px}.toast-wrapper{max-width:calc(100% - 24px);left:12px;right:12px}.toast-notification{width:100%}}@media (width<=640px){.app-container{padding:16px 12px}.glass-header{border-radius:12px;margin-bottom:20px;padding:10px 12px}.brand-logo{border-radius:8px;width:32px;height:32px}.brand-name{font-size:15px}.app-grid{gap:12px;margin-bottom:32px}.app-card{border-radius:16px;padding:16px}.app-card-top{gap:12px}.app-icon-wrapper{border-radius:14px;width:56px;height:56px}.app-name{font-size:15px}.app-desc{font-size:12px}.app-card-bottom{padding-top:12px}.app-price{font-size:14px}.install-btn{min-width:80px;padding:6px 16px;font-size:12px}.hero-carousel{border-radius:20px;min-height:160px;padding:20px 16px}.hero-title{font-size:17px}.hero-desc{font-size:12px;line-height:1.4}.hero-badge{padding:3px 10px;font-size:10px}.detail-section{border-radius:16px;padding:16px}.section-title{font-size:14px}.detail-long-desc{font-size:13px}.screenshots-grid{gap:10px}.reviews-summary-card{gap:20px;padding:16px}.avg-rating-val{font-size:32px}.checkout-layout{gap:16px}.checkout-product-details,.checkout-card-form{padding:20px 16px}.checkout-title{font-size:20px}.checkout-app-icon{width:48px;height:48px}.checkout-app-name{font-size:15px}.form-group input{padding:10px 14px;font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.success-icon-wrapper{width:64px;height:64px}.success-title{font-size:20px}.success-receipt-card{padding:16px}.back-btn{padding:6px 8px;font-size:13px}.back-btn span{display:none}.modal-content{border-radius:16px;padding:20px}.terminal-window{padding:12px;font-size:11px}.user-dropdown-menu{width:170px;right:-20px}}@media (width<=480px){.app-container{padding:12px 8px}.glass-header{margin-bottom:16px;padding:8px 10px}.brand-name{font-size:13px}.search-input-wrapper .search-icon{width:16px;height:16px}.search-input{padding:7px 12px 7px 34px;font-size:12px}.app-grid{gap:10px}.app-card{padding:14px}.app-icon-wrapper{border-radius:12px;width:48px;height:48px}.app-card-top{gap:10px;margin-bottom:14px}.app-name{font-size:14px}.app-desc{-webkit-line-clamp:2;font-size:11px}.install-btn{border-radius:16px;min-width:70px;padding:5px 12px;font-size:11px}.app-price{font-size:13px}.hero-carousel{min-height:140px;padding:16px 14px}.hero-title{font-size:15px}.hero-desc{font-size:11px}.main-title{font-size:17px}.tab-btn{padding:6px 10px;font-size:12px}.detail-header-card{text-align:center;flex-direction:column;padding:14px}.detail-icon-wrapper{width:72px;height:72px}.detail-stats-row{flex-wrap:wrap;justify-content:center;gap:12px}.detail-divider{display:none}.auth-modal-card{border-radius:16px;padding:20px 16px}.auth-modal-header h3{font-size:16px}.auth-input-group input{padding:10px;font-size:13px}.auth-social-buttons{flex-direction:column}.checkout-product-details,.checkout-card-form{padding:16px 14px}.checkout-pay-btn{padding:12px!important;font-size:14px!important}.payment-success-page{padding:24px 16px}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){display:none}.toast-notification{padding:10px 14px}.toast-message{font-size:12px}.empty-state-card{padding:32px 16px}}@media (hover:none) and (pointer:coarse){.app-card:hover,.install-btn:hover{transform:none}.tab-btn:hover{color:var(--text-secondary)}.notification-bell:hover{background:#ffffff08}.tab-btn,.install-btn,.back-btn,.dropdown-item{min-height:44px}}.bottom-nav{-webkit-backdrop-filter:blur(18px)saturate(140%);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:1000;background:#0f111cf2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.bottom-nav-item{color:var(--text-secondary);cursor:pointer;font-family:var(--font-prompt);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:56px;padding:6px 4px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.bottom-nav-item svg,.bottom-nav-item span{transition:all .2s}.bottom-nav-item.active{color:#3b82f6}.bottom-nav-item.active svg{filter:drop-shadow(0 0 8px #3b82f666)}.bottom-nav-icon,.nav-icon{flex-shrink:0;width:20px!important;height:20px!important}.bottom-nav-icon.search-icon{width:20px!important;height:20px!important}.bottom-nav-item:hover{color:var(--text-primary)}body.light-theme .bottom-nav{background:#fffffff2;border-top-color:#00000014;box-shadow:0 -4px 20px #0000000d}body.light-theme .bottom-nav-item{color:var(--text-secondary)}body.light-theme .bottom-nav-item.active{color:#3b82f6}body.light-theme .bottom-nav-item:hover{color:var(--text-primary)}@media (width<=768px){.bottom-nav{display:flex}.search-section,.tabs-navigation{display:none}.app-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (width<=900px){.bottom-nav{display:flex}.tabs-navigation{display:none}.glass-header{z-index:100;border-radius:16px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px;position:sticky;top:0}.app-container{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.mobile-search-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000a6;justify-content:center;align-items:flex-start;padding:60px 16px 16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-search-modal{background:#0f111cf2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:calc(100vh - 100px);padding:16px;animation:.3s ease-out slideUp;display:flex}.mobile-search-header{gap:12px;margin-bottom:16px;display:flex}.mobile-search-input-wrapper{flex:1;position:relative}.mobile-search-input-wrapper .search-icon{width:18px;height:18px;left:14px}.mobile-search-input{color:#fff;width:100%;font-family:var(--font-prompt);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 16px 12px 42px;font-size:15px;transition:all .2s}.mobile-search-input:focus{background:#ffffff14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mobile-search-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mobile-search-close:hover{background:#ffffff1a}.mobile-search-results{flex:1;max-height:calc(100vh - 200px);overflow-y:auto}.mobile-search-result-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.mobile-search-result-item:hover{background:#ffffff0d}.mobile-search-result-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mobile-search-result-info{flex:1;min-width:0}.mobile-search-result-name{color:#fff;font-family:var(--font-prompt);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:500;overflow:hidden}.mobile-search-result-desc{color:#9ca3af;font-family:var(--font-sarabun);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.mobile-search-empty{text-align:center;color:#9ca3af;font-family:var(--font-prompt);padding:40px 20px;font-size:14px}.mobile-search-suggestions{padding:8px 0}.mobile-search-suggestion-title{color:#9ca3af;font-family:var(--font-prompt);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:500}.mobile-search-suggestion-tags{flex-wrap:wrap;gap:8px;display:flex}.mobile-search-tag{color:#fff;font-family:var(--font-prompt);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.mobile-search-tag:hover{background:#3b82f633;border-color:#3b82f6}body.light-theme .mobile-search-overlay{background:#ffffffa6}body.light-theme .mobile-search-modal{background:#fffffff2;border-color:#00000014}body.light-theme .mobile-search-input{color:#111827;background:#00000008;border-color:#0000001a}body.light-theme .mobile-search-input:focus{background:#0000000d;border-color:#3b82f6}body.light-theme .mobile-search-close{color:#111827;background:#00000008;border-color:#0000001a}body.light-theme .mobile-search-close:hover{background:#00000014}body.light-theme .mobile-search-result-item:hover{background:#00000008}body.light-theme .mobile-search-result-name{color:#111827}body.light-theme .mobile-search-result-desc,body.light-theme .mobile-search-empty,body.light-theme .mobile-search-suggestion-title{color:#6b7280}body.light-theme .mobile-search-tag{color:#111827;background:#00000008;border-color:#0000001a}body.light-theme .mobile-search-tag:hover{background:#3b82f61a;border-color:#3b82f6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promptpay-qr-section{text-align:center;margin:20px 0}.qr-code-container{background:#fff;border-radius:16px;margin:10px 0;padding:20px;display:inline-block}.qr-code-container img{display:block}.qr-amount{color:#10b981;margin:12px 0 8px;font-size:24px;font-weight:700}.qr-reference-boxes{justify-content:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.qr-reference-box{background:#ffffff0d;border-radius:8px;padding:6px 12px}.qr-instruction{color:var(--text-secondary);margin:12px 0;font-size:14px;line-height:1.5}.qr-note{color:var(--text-secondary);opacity:.7;margin-top:8px;font-size:12px}.payment-method-selector{gap:12px;margin:20px 0;display:flex}.payment-method-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.payment-method-btn:hover{background:#ffffff14;border-color:#ffffff40}.payment-method-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.admin-panel{background:var(--bg-primary);min-height:100vh;padding-bottom:40px}.admin-header{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-blue) 100%);color:#fff;padding:40px 20px}.admin-header-content{max-width:1200px;margin:0 auto}.admin-title{align-items:center;gap:12px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.admin-subtitle{opacity:.9;margin:0;font-size:16px}.admin-user-info{align-items:center;gap:12px;max-width:1200px;margin:20px auto 0;display:flex}.admin-badge{text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.admin-user-name{opacity:.9;font-size:14px}.admin-tabs{border-bottom:2px solid var(--border-color);gap:8px;max-width:1200px;margin:0 auto;padding:20px;display:flex;overflow-x:auto}.admin-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.admin-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-tab.active{background:var(--accent-blue);color:#fff}.admin-content{max-width:1200px;margin:0 auto;padding:20px}.admin-actions{gap:12px;margin-bottom:20px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn.primary{background:var(--accent-blue);color:#fff}.admin-btn.primary:hover{background:var(--accent-blue-dark);transform:translateY(-1px)}.admin-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary)}.admin-btn.secondary:hover{background:var(--bg-quaternary)}.admin-btn.small{padding:6px 12px;font-size:12px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;max-width:1200px;margin:20px auto;padding:16px 20px;display:flex}.admin-error button{color:#ef4444;cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;font-size:18px}.admin-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:var(--bg-tertiary)}.admin-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:13px;font-weight:600}.admin-table td{border-top:1px solid var(--border-color);padding:16px;font-size:14px}.admin-table tbody tr:hover{background:var(--bg-tertiary)}.role-badges{flex-wrap:wrap;gap:6px;display:flex}.role-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.role-badge.admin{color:#ef4444;background:#ef444433}.role-badge.moderator{color:#f59e0b;background:#f59e0b33}.role-badge.user{color:#3b82f6;background:#3b82f633}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.status-badge.active{color:#10b981;background:#10b98133}.status-badge.inactive{color:#6b7280;background:#6b728033}.status-badge.completed{color:#10b981;background:#10b98133}.status-badge.pending{color:#f59e0b;background:#f59e0b33}.status-badge.failed{color:#ef4444;background:#ef444433}.action-buttons{gap:8px;display:flex}.action-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:14px;transition:all .2s}.action-btn.edit:hover{background:#3b82f61a;border-color:#3b82f6}.action-btn.delete:hover{background:#ef44441a;border-color:#ef4444}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.role-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.role-card-header h3{margin:0;font-size:20px;font-weight:700}.role-description{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.role-permissions{margin-top:16px}.role-permissions strong{color:var(--text-secondary);margin-bottom:8px;font-size:13px;display:block}.permission-tags{flex-wrap:wrap;gap:6px;display:flex}.permission-tag{background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;padding:4px 10px;font-family:Courier New,monospace;font-size:11px}.permissions-overview{flex-direction:column;gap:24px;display:flex}.permission-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.permission-category h3{margin:0 0 16px;font-size:18px;font-weight:600}.permission-list{flex-direction:column;gap:12px;display:flex}.permission-item{background:var(--bg-tertiary);border-radius:8px;padding:12px}.permission-info strong{margin-bottom:4px;font-family:Courier New,monospace;font-size:14px;display:block}.permission-info p{color:var(--text-secondary);margin:0;font-size:13px}.tx-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:12px}.tx-user{flex-direction:column;gap:2px;display:flex}.tx-user strong{font-size:14px}.tx-user span{color:var(--text-secondary);font-size:12px}.tx-amount{color:var(--accent-green);font-weight:600}.payment-method-badge{background:var(--bg-tertiary);text-transform:capitalize;border-radius:6px;padding:4px 10px;font-size:12px}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slide-up;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{margin:0;font-size:20px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-secondary)}.modal-content form{padding:20px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-blue);background:var(--bg-tertiary);outline:none}.form-group select[multiple]{height:auto;min-height:120px}.form-group small{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.permissions-checkbox-grid{background:var(--bg-secondary);border-radius:8px;flex-direction:column;gap:12px;max-height:400px;padding:12px;display:flex;overflow-y:auto}.permission-checkbox{cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:8px;transition:background .2s;display:flex}.permission-checkbox:hover{background:var(--bg-tertiary)}.permission-checkbox input[type=checkbox]{cursor:pointer;width:auto;margin-top:2px}.permission-checkbox span{flex-direction:column;gap:2px;display:flex}.permission-checkbox strong{font-family:Courier New,monospace;font-size:13px}.permission-checkbox small{color:var(--text-secondary);margin:0;font-size:12px}@media (width<=768px){.admin-title{font-size:24px}.admin-tabs{padding:12px}.admin-tab{padding:10px 16px;font-size:13px}.admin-content{padding:12px}.admin-table-container{overflow-x:auto}.roles-grid{grid-template-columns:1fr}}