@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap";:root{--color-navy: #1a2332;--color-dark: #0f1419;--color-orange: #FF9500;--color-orange-light: #FFB84D;--color-border: #2a3f5f;--color-text: #FFFFFF;--color-secondary: #B0B8C1;--color-success: #4CAF50;--color-error: #F44336;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-navy);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#modal-root{position:relative;z-index:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.modal-overlay.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto;padding:20px}@media(min-width:769px){.modal-overlay.modal-backdrop{padding:40px 20px}.modal-container.payment-modal{width:100%;max-width:700px!important;height:auto!important;max-height:90vh!important;margin:0!important;border-radius:16px!important;position:relative}.payment-modal__body{overflow-y:auto;overflow-x:visible!important;padding:24px;display:flex!important;flex-direction:column!important}.payment-modal__body>.payment-modal__qr{flex-shrink:0!important;width:100%!important;overflow:visible!important}.payment-modal__header,.payment-modal__footer{padding:20px 24px}}.payment-modal__qr{width:100%!important;max-width:100%!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;padding:0!important}.qr-code-wrapper{background:#fff!important;padding:20px!important;margin:24px auto!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:12px!important;box-shadow:0 4px 16px #0000001f!important;max-width:280px!important;width:auto!important;min-width:200px!important;min-height:220px!important;overflow:visible!important;position:relative!important;flex-shrink:0!important}.qr-code-img{width:180px!important;height:180px!important;min-width:180px!important;min-height:180px!important;max-width:180px!important;max-height:180px!important;object-fit:contain!important;display:block!important;margin:0 auto!important;flex-shrink:0!important}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:180px;color:#0009;font-size:.9rem}.qr-placeholder span{font-weight:500}.qr-placeholder small{font-size:.8rem;opacity:.7}@media(min-width:769px){.qr-code-wrapper{padding:24px!important;max-width:300px!important;min-width:240px!important;min-height:260px!important}.qr-code-img{width:220px!important;height:220px!important;min-width:220px!important;min-height:220px!important;max-width:220px!important;max-height:220px!important}.qr-placeholder{min-height:220px!important}}@media(max-width:768px){.qr-code-wrapper{padding:16px!important;margin:20px auto!important;max-width:260px!important;min-width:200px!important;min-height:200px!important}.qr-code-img{width:180px!important;height:180px!important;min-width:180px!important;min-height:180px!important;max-width:180px!important;max-height:180px!important}.qr-placeholder{min-height:180px!important}}@media(max-width:480px){.qr-code-wrapper{padding:14px!important;margin:16px auto!important;max-width:240px!important;min-width:180px!important;min-height:180px!important}.qr-code-img{width:160px!important;height:160px!important;min-width:160px!important;min-height:160px!important;max-width:160px!important;max-height:160px!important}.qr-placeholder{min-height:160px!important}}.payment-modal__cancel-btn{width:100%;max-width:100%}@media(min-width:769px){.payment-modal__cancel-btn{width:auto;min-width:200px;max-width:400px}}@media(max-width:768px){.payment-modal__cancel-btn{min-height:48px;padding:1rem 1.5rem!important;font-size:1.1rem!important;width:100%;max-width:100%}}@media(max-width:480px){.payment-modal__cancel-btn{min-height:52px;padding:1.25rem 1.5rem!important;font-size:1.15rem!important}}:root{--color-navy: #1a2332;--color-dark: #0f1419;--color-orange: #FF9500;--color-orange-light: #FFB84D;--color-border: #2a3f5f;--color-text: #FFFFFF;--color-secondary: #B0B8C1;--color-success: #4CAF50;--color-error: #F44336;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xs: 4px;--input-bg: rgba(15, 20, 25, .8);--text-color: #FFFFFF;--border-color: #2a3f5f;--primary-color: #FF9500;--placeholder-color: rgba(176, 184, 193, .5);--disabled-bg: rgba(15, 20, 25, .4);--disabled-text: rgba(176, 184, 193, .4);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-navy);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#1f2950,#101624 60%);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%;position:relative}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;min-height:-moz-available;min-height:-webkit-fill-available;color:var(--color-text);display:flex;flex-direction:column;background:linear-gradient(180deg,#1a2332f2,#0f1419f2);width:100%;overflow-x:hidden;position:relative}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg);width:100%}.auth-panel{width:100%;max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.auth-panel h2,.auth-panel h3{margin:0;text-align:center}.auth-panel .eyebrow{text-align:center;color:var(--color-secondary);font-size:.9rem;margin:0}.auth-actions{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-md)}.auth-actions .btn{flex:1}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#0d141ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;position:-webkit-sticky;top:0;z-index:45;width:100%;box-sizing:border-box;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.brand-title{font-size:1.25rem;font-weight:700}.brand-caption{font-size:.85rem;color:var(--color-secondary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.event-ticker{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:var(--color-secondary);text-align:right}.user-chip{display:flex;align-items:center;background:#ffffff14;border-radius:999px;padding:.25rem .75rem;gap:.5rem;border:1px solid var(--color-border)}.user-chip .avatar{width:36px;height:36px;border-radius:50%;background:var(--color-orange);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.app-panel{flex:1;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);width:100%;box-sizing:border-box;overflow-x:hidden;min-width:0}.tab-navigation{display:flex;border-bottom:2px solid var(--color-border);background:#0f1419fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;position:-webkit-sticky;top:72px;z-index:50;width:100%;box-sizing:border-box;flex-shrink:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,149,0,.3) transparent}.tab-button{flex:1;padding:16px;border:none;background:none;color:var(--color-secondary);font-size:.95rem;font-weight:600;border-bottom:3px solid transparent;cursor:pointer;transition:color .3s ease,border-color .3s ease}.tab-button.active{color:var(--color-orange);border-bottom-color:var(--color-orange)}.tab-button:hover{color:var(--color-text)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.section-header h2{margin:0;font-family:Poppins,sans-serif;font-size:1.75rem}.section-header-actions{display:flex;gap:var(--spacing-sm)}.card{border-radius:12px;background:var(--color-dark);border:1px solid var(--color-border);padding:var(--spacing-lg);box-shadow:0 8px 24px #00000059}.btn{border:none;border-radius:8px;padding:.75rem 1.75rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,140,0,.3);user-select:none;-webkit-user-select:none}.btn-primary{background:var(--color-orange);color:var(--color-navy)}.btn-secondary{background:#ffffff14;color:var(--color-text);border:1px solid transparent}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-text)}.btn-tertiary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #ff950040}.progress-bar{height:8px;background:#ffffff14;border-radius:4px;margin:var(--spacing-sm) 0;position:relative}.progress-bar-fill{height:100%;background:var(--color-orange);border-radius:4px;transition:width .3s ease}.progress-bar-label{position:absolute;top:-1.75rem;right:0;font-size:.75rem;color:var(--color-secondary)}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem}.badge-open{background:#ff950033;color:var(--color-orange)}.badge-moq_reached{background:#ffffff14;color:var(--color-text)}.badge-paid{background:#4caf5026;color:var(--color-success)}.badge-completed{background:#f4433626;color:var(--color-error)}.card+.card{margin-top:var(--spacing-md)}.groupbuy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);align-items:start;max-width:100%}.groupbuy-grid>.groupbuy-card{width:100%}@media(max-width:1200px){.groupbuy-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.groupbuy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.groupbuy-grid{grid-template-columns:1fr}}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);align-items:stretch;max-width:100%}.shop-grid>.shop-card{width:100%;height:100%;aspect-ratio:1;display:flex;flex-direction:column;margin:0!important;min-height:0}@media(max-width:1200px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.shop-grid{grid-template-columns:1fr}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;color:var(--text-color);background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:all .3s ease;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff95001a}input::placeholder,textarea::placeholder{color:var(--placeholder-color);opacity:1}input[type=number].qty-input,.qty-input{width:80px;text-align:center;padding:8px 12px}input:disabled,textarea:disabled,select:disabled{background-color:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:.6}@media(max-width:768px){.site-header{flex-wrap:wrap;padding:10px 15px;gap:10px}.header-brand{flex:1 1 auto;min-width:0}.brand-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-caption{font-size:.7rem}.header-actions{flex:0 0 auto;gap:8px}.user-chip{padding:.2rem .5rem;font-size:.75rem}.user-chip .avatar{width:28px;height:28px;font-size:.7rem}.event-ticker{font-size:.65rem;display:none}.tab-navigation{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{padding:10px 12px;font-size:.85rem;white-space:nowrap;flex-shrink:0}.app-panel{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md)}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:var(--spacing-md)}.section-header h2{font-size:1.25rem;line-height:1.3}.groupbuy-grid,.shop-grid,.participation-grid,.admin-grid,.analytics-grid{grid-template-columns:1fr!important;gap:var(--spacing-md)}.shop-grid,.product-grid,.shop-tab .product-list,.main-content{padding-bottom:350px!important;min-height:100vh}.shop-card:last-child,.product-card:last-child{margin-bottom:200px}.card{width:100%;max-width:100%;margin:0;padding:12px;box-sizing:border-box}.shop-card,.product-card{width:100%;max-width:100%;margin:0;padding:12px;aspect-ratio:auto!important;height:auto!important}.groupbuy-card,.participation-card{width:100%;margin:0}.btn,button{width:100%;max-width:100%;padding:12px 16px;font-size:16px;min-height:44px;border-radius:8px;box-sizing:border-box}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%;margin:0 0 8px}.btn-group .btn:last-child{margin-bottom:0}input[type=number],.qty-input,input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{width:100%;max-width:100%;padding:12px;font-size:16px;min-height:44px;border-radius:6px;box-sizing:border-box}.form-group{margin-bottom:1rem}.form-label{font-size:.9rem;margin-bottom:.5rem;display:block}.cart-sidebar,.shopping-cart,.cart-details{position:fixed!important;bottom:0;left:0;right:0;width:100%!important;max-width:100%!important;background-color:var(--color-dark);border-top:2px solid var(--color-border);z-index:1000;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding:16px;box-shadow:0 -4px 20px #00000080;border-radius:16px 16px 0 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cart-sidebar.empty,.shopping-cart.empty,.cart-details.empty{max-height:80px;padding:12px 16px}.cart-details__header,.cart-header{position:sticky;top:0;background-color:var(--color-dark);padding:8px 0;z-index:10;margin-bottom:12px}.cart-items{max-height:40vh;overflow-y:auto;margin-bottom:12px;padding:0}.cart-details__footer,.cart-footer{position:sticky;bottom:0;background-color:var(--color-dark);padding:12px 0;border-top:1px solid var(--color-border);margin-top:12px}.cart-details__actions .btn,button[class*=checkout],.checkout-btn{width:100%;padding:14px;font-size:18px;font-weight:600;margin-top:12px}.cart-sidebar::-webkit-scrollbar,.shopping-cart::-webkit-scrollbar,.cart-details::-webkit-scrollbar{width:6px}.cart-sidebar::-webkit-scrollbar-track,.shopping-cart::-webkit-scrollbar-track,.cart-details::-webkit-scrollbar-track{background:var(--color-dark)}.cart-sidebar::-webkit-scrollbar-thumb,.shopping-cart::-webkit-scrollbar-thumb,.cart-details::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.cart-sidebar::-webkit-scrollbar-thumb:hover,.shopping-cart::-webkit-scrollbar-thumb:hover,.cart-details::-webkit-scrollbar-thumb:hover{background:#2a3f5fcc}.cart-items li{flex-wrap:wrap;gap:8px;padding:8px 0;font-size:.85rem}}.remove-all-btn,.cart-item .remove-all,button[class*=remove-all],button[class*=removeAll],.cart-items button[style*="Remove All"],.cart-items button:has-text("Remove All"){max-width:140px!important;padding:8px 16px!important;font-size:13px!important;font-weight:500!important;background-color:transparent!important;color:#ff9800!important;border:1px solid rgba(255,152,0,.3)!important;border-radius:6px!important;cursor:pointer;transition:all .3s ease;margin-left:auto;flex:0 0 auto!important;width:auto!important;letter-spacing:.5px;text-transform:uppercase}.remove-all-btn:hover,button[class*=remove-all]:hover,.cart-items button:hover{background-color:#ff98001a!important;border-color:#ff9800!important;letter-spacing:.8px}.cart-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:#1a1a1a;border-radius:8px;margin-bottom:12px}.cart-item-details{flex:1}.cart-items li button:last-of-type{max-width:140px;padding:8px 16px;font-size:13px;font-weight:500;flex:0 0 auto}@media(max-width:768px){.remove-all-btn,button[class*=remove-all],.cart-items button:last-of-type{max-width:120px!important;padding:6px 12px!important;font-size:12px!important;letter-spacing:.3px}.cart-details__footer{flex-direction:column;align-items:stretch;gap:10px}.cart-details__actions{flex-direction:column;width:100%}.cart-details__actions .btn{width:100%;margin:0}.modal-overlay,.modal-backdrop{padding:0!important;align-items:flex-end!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.modal-container{width:100%;max-width:100vw;max-height:90vh;margin:0;border-radius:16px 16px 0 0;display:flex;flex-direction:column}.modal-header{padding:15px;flex-shrink:0;border-bottom:1px solid var(--color-border)}.modal-body{padding:15px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:15px;flex-direction:column;gap:10px;flex-shrink:0;border-top:1px solid var(--color-border)}.modal-footer .btn{width:100%;margin:0}.payment-modal{width:100%!important;max-width:100vw!important;max-height:90vh!important;margin:0!important;border-radius:16px 16px 0 0!important}.payment-modal__body{grid-template-columns:1fr;gap:15px;padding:15px;display:flex!important;flex-direction:column!important;overflow-x:visible!important}.payment-modal__qr,.payment-modal__details{width:100%!important;max-width:100%!important;overflow:visible!important;flex-shrink:0!important}.payment-modal__qr .qr-code-wrapper{margin:16px auto!important;width:auto!important;max-width:260px!important;overflow:visible!important}.analytics-grid,.admin-grid{grid-template-columns:1fr;gap:15px}.stat-card{width:100%;padding:12px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}thead,tbody,tr{display:table;width:100%;table-layout:fixed}.nav-list{flex-direction:column;width:100%}.nav-list li{width:100%}.nav-list a,.nav-list button{width:100%;padding:12px;text-align:left}.badge{padding:4px 8px;font-size:.75rem}.spacing-sm{gap:8px}.spacing-md{gap:12px}.spacing-lg{gap:16px}.subtab-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subtab-navigation::-webkit-scrollbar{display:none}.subtab-button{padding:10px 12px;font-size:.85rem;white-space:nowrap;flex-shrink:0;min-height:44px}.account-section,.manage-section{width:100%;padding:12px}.auth-container{padding:var(--spacing-md);min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-panel{max-width:100%;width:100%;padding:var(--spacing-md)}}@media(max-width:480px){.site-header{padding:8px 12px}.brand-title{font-size:.9rem}.tab-button{padding:8px 10px;font-size:.8rem}.app-panel{padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-sm)}.card{padding:10px}.btn{padding:10px 14px;font-size:15px}.modal-header,.modal-body,.modal-footer{padding:12px}.section-header h2{font-size:1.1rem}.event-ticker{display:none}.shop-card .shop-details{font-size:.6rem;gap:.25rem}.shop-card h3{font-size:.85rem}.shop-grid,.product-grid{padding-bottom:400px!important}.cart-sidebar,.shopping-cart,.cart-details{max-height:55vh}}@media(min-width:769px)and (max-width:1024px){.shop-grid{grid-template-columns:repeat(2,1fr)!important}.groupbuy-grid,.participation-grid{grid-template-columns:repeat(2,1fr)}.btn-group{flex-direction:row;flex-wrap:wrap}.btn-group .btn{flex:1 1 auto;min-width:120px}.modal-container{max-width:90%}.cart-sidebar{position:relative;max-width:400px}.cart-sticky-wrapper{position:sticky;top:20px}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ff9800b3}50%{opacity:.9;box-shadow:0 0 0 8px #ff980000}}.my-participation-card{margin-bottom:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.my-participation-card.loading{text-align:center;padding:2rem}.my-participation-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;gap:16px}.product-info-header{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.product-thumbnail{width:80px;height:80px;border-radius:8px;object-fit:cover;border:3px solid rgba(255,255,255,.3);flex-shrink:0}.product-text-info{flex:1;min-width:0}.card-title{margin:0 0 4px;font-size:14px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.product-name{margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.2;color:#fff}.group-buy-id{margin:0 0 4px;font-size:13px;font-family:Courier New,monospace;opacity:.9;background:#fff3;display:inline-block;padding:4px 8px;border-radius:4px}.product-sku{margin:4px 0 0;font-size:12px;font-family:Courier New,monospace;opacity:.8}.my-participation-card .badge.confirmed{background:#28a745;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0;border:none}.my-participation-card .card-body{display:flex;flex-direction:column;gap:.75rem}.my-participation-card .info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.my-participation-card .info-row .label{color:#ffffffb3;font-size:.9rem}.my-participation-card .info-row .value{color:#ffffffe6;font-weight:600;font-size:.95rem}.my-participation-card .info-row .value.total{font-size:1.1rem;color:#4caf50}.my-participation-card .info-row .value.status-open{color:#4caf50}.my-participation-card .info-row .value.status-moq_reached{color:#ffc107}.my-participation-card .info-row .value.status-payment_pending{color:#ff9800}.my-participation-card .info-row .value.status-paid{color:#2196f3}.my-participation-card .quantity-input{width:80px;padding:.4rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.95rem;text-align:center}.my-participation-card .quantity-input:focus{outline:none;border-color:#4caf50;background:#ffffff26}.my-participation-card .card-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.my-participation-card .card-actions .btn{flex:1;padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.my-participation-card .card-actions .btn:disabled{opacity:.5;cursor:not-allowed}.my-participation-card .card-actions .btn-primary{background:#4caf50;color:#fff}.my-participation-card .card-actions .btn-primary:hover:not(:disabled){background:#45a049}.my-participation-card .card-actions .btn-success{background:#2196f3;color:#fff}.my-participation-card .card-actions .btn-success:hover:not(:disabled){background:#1976d2}.my-participation-card .card-actions .btn-danger{background:#f44336;color:#fff}.my-participation-card .card-actions .btn-danger:hover:not(:disabled){background:#d32f2f}.my-participation-card .card-actions .btn-secondary{background:#ffffff1a;color:#fff}.my-participation-card .card-actions .btn-secondary:hover:not(:disabled){background:#fff3}.my-participation-card .info-message{padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:4px;color:#ffffffe6;font-size:.85rem;margin-top:.5rem}@media(max-width:768px){.my-participation-card .card-header{flex-direction:column;padding:1rem}.product-info-header{width:100%}.product-thumbnail{width:60px;height:60px}.product-name{font-size:18px}.my-participation-card .badge.confirmed{align-self:flex-start;margin-top:8px}.my-participation-card .card-actions{flex-direction:column}.my-participation-card .card-actions .btn{width:100%}.my-participation-card .info-row{flex-direction:column;align-items:flex-start;gap:8px}.my-participation-card .info-row .value{font-size:18px}}.participation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md);align-items:start;max-width:100%}.participation-grid>*{width:100%}@media(max-width:1200px){.participation-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.participation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.participation-grid{grid-template-columns:1fr}}.my-group-buys{max-width:1200px;margin:0 auto;padding:24px}.my-group-buys.loading,.my-group-buys.error{text-align:center;padding:40px 20px}.page-header{margin-bottom:32px}.page-header h2{margin:0 0 8px;font-size:32px;color:#ffffffe6;font-weight:600}.subtitle{color:#ffffffb3;font-size:16px;margin:0}.section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.section-header h3{margin:0 0 4px;font-size:24px;color:#ffffffe6;font-weight:600}.section-description{margin:0;color:#fff9;font-size:14px}.urgent-section{background:#ffc1071a;border:2px solid rgba(255,193,7,.4);border-radius:12px;padding:20px;margin-bottom:32px}.section-header.urgent{border-bottom-color:#ffc1074d}.section-header.urgent h3{color:#ffc107}.warning-text{color:#ffc107e6;font-weight:500;margin:8px 0 0}.participation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.participation-card-wrapper{display:flex;flex-direction:column}.participation-section{margin-bottom:40px}.empty-state{text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:12px;margin:40px 0;border:1px solid rgba(255,255,255,.1)}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 12px;font-size:24px;color:#ffffffe6}.empty-state p{color:#ffffffb3;margin-bottom:24px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px}.stat-card{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);color:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0003}.stat-value{display:block;font-size:36px;font-weight:700;margin-bottom:8px;color:#fffffff2}.stat-label{display:block;font-size:14px;opacity:.8;color:#fffc}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-width:500px;width:90%;padding:24px;background:#0f1419f2;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.modal-content h3{margin:0 0 16px;color:#ffffffe6}.modal-content p{margin:0 0 24px;color:#ffffffb3}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:120px}@media(max-width:768px){.participation-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.my-group-buys{padding:16px}}.account-tab{padding:2rem;max-width:900px;margin:0 auto}.account-header{margin-bottom:2rem}.account-header h2{margin-bottom:1.5rem;font-size:2rem;font-weight:700;color:var(--color-text)}.account-nav{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:2rem;padding-bottom:0}.account-nav button{background:none;border:none;color:#fff9;padding:.875rem 1.5rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;font-size:.95rem;font-weight:500;position:relative;bottom:-2px}.account-nav button:hover{color:#ffffffe6;background:#ffffff08}.account-nav button.active{color:var(--color-orange);border-bottom-color:var(--color-orange);font-weight:600}.account-section{background:#141c2899;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0003}.account-section h3{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text);padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.profile-form,.password-form{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:0}.profile-form label,.password-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;color:#ffffffe6}.profile-form label input,.profile-form label select,.password-form label input{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0f141999;color:var(--color-text);font-size:1rem;transition:all .2s ease;font-family:inherit}.profile-form label input:focus,.profile-form label select:focus,.password-form label input:focus{outline:none;border-color:var(--color-orange);background:#0f1419cc;box-shadow:0 0 0 3px #ff8c001a}.profile-form label input:disabled{background:#0f141966;color:#ffffff80;cursor:not-allowed}.profile-form fieldset{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:0;background:#0a0f1466}.profile-form fieldset>label:first-of-type{grid-column:1 / -1}.profile-form legend{padding:0 .75rem;color:#ffffffe6;font-size:1rem;font-weight:600;margin-left:-.5rem}.password-section{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}.password-section h3{margin-top:0}.orders-list,.groupbuys-list{display:flex;flex-direction:column;gap:1rem}.order-card,.groupbuy-card{padding:1.5rem}.order-header,.groupbuy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;text-transform:uppercase}.status-pending_payment,.status-pending{background:#ffc10733;color:#ffc107}.status-paid,.status-confirmed{background:#4caf5033;color:#4caf50}.status-shipped{background:#2196f333;color:#2196f3}.status-delivered,.status-completed{background:#4caf5033;color:#4caf50}.status-cancelled{background:#f4433633;color:#f44336}.order-details,.groupbuy-details{display:flex;flex-direction:column;gap:.5rem;color:#ffffffb3}.order-date{font-size:.875rem;color:#ffffff80}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-width:400px;width:90%;padding:2rem}.modal-content h3{margin-bottom:1rem}.modal-content input[type=text],.modal-content input[type=password]{width:100%;margin:1rem 0;padding:.875rem 1rem;font-size:1.1rem;text-align:center;letter-spacing:.25rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0f141999;color:var(--color-text);transition:all .2s ease}.modal-content input[type=text]:focus,.modal-content input[type=password]:focus{outline:none;border-color:var(--color-orange);background:#0f1419cc;box-shadow:0 0 0 3px #ff8c001a}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-actions button{flex:1}.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:#f4433626;color:#ff6b6b;border:1px solid rgba(244,67,54,.3)}.alert-success{background:#4caf5026;color:#51cf66;border:1px solid rgba(76,175,80,.3)}.account-section .btn-primary{margin-top:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;align-self:flex-start}.user-list-modal .modal-body{padding:1.5rem}.user-list-table{overflow-x:auto}.user-list-table table{width:100%;border-collapse:collapse}.user-list-table thead{position:sticky;top:0;background:#0f1419f2;z-index:1}.user-list-table tbody tr:hover{background:#ffffff0d}.user-list-table tbody tr:last-child{border-bottom:none}.admin-user-stats{width:100%}.admin-user-stats.loading,.admin-user-stats.error{padding:40px;text-align:center;color:#999}.admin-user-stats.error{color:#f44336}.retry-btn{margin-top:12px;padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ff95001a;border-radius:8px}.stat-content h3{font-size:14px;color:#999;margin:0 0 8px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:#ff9500;margin:0}.user-lookup{width:100%}.search-form{display:flex;gap:12px;margin-bottom:24px}.search-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#ff9500;background:#ffffff14}.search-btn{padding:12px 24px;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.search-btn:hover:not(:disabled){background:#1976d2}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-btn.secondary{background:#ffffff1a}.search-btn.secondary:hover:not(:disabled){background:#ffffff26}.error-message{padding:12px;background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;margin-bottom:24px}.user-list-section{margin-bottom:32px}.user-list-section h4{font-size:18px;color:#ff9500;margin-bottom:16px}.user-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.user-item{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.user-item:hover{background:#ffffff0f;border-color:#ff95004d}.user-item.selected{background:#ff95001a;border-color:#ff9500}.user-email{font-weight:600;color:#fff;margin-bottom:8px}.user-info{margin-bottom:8px}.user-primary{font-weight:600;color:#fff;font-size:15px;margin-bottom:4px}.user-secondary{font-size:13px;color:#ffffffb3}.user-meta{display:flex;gap:8px;flex-wrap:wrap}.role-badge,.status-badge,.verified-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.role-badge.admin{background:#ff950033;color:#ff9500}.role-badge.user{background:#2196f333;color:#2196f3}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.suspended{background:#f4433633;color:#f44336}.verified-badge{background:#4caf5033;color:#4caf50}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;padding:16px}.pagination button{padding:8px 16px;background:#ffffff1a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:#fff3}.pagination button:disabled{opacity:.5;cursor:not-allowed}.user-details{margin-top:32px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.user-details h4{font-size:18px;color:#ff9500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,149,0,.2)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.detail-item>div{font-size:14px;color:#fff}.empty-state{padding:40px;text-align:center;color:#666;font-style:italic}.email-settings-modal .modal-body{padding:1.5rem}.email-settings-content{max-width:1200px;margin:0 auto}.email-category-section{margin-bottom:2rem}.email-settings-list{display:flex;flex-direction:column;gap:.75rem}.email-setting-item{transition:all .2s ease}.email-setting-item:hover{background:#ffffff0d!important;border-color:#ff95004d!important}.email-setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-orange)}.email-setting-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.loading-indicator,.error-message{text-align:center;padding:2rem;color:#ffffffb3}.error-message{color:#f44336;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;padding:1rem}.message-list-table{overflow-x:auto}.message-list-table table{width:100%;border-collapse:collapse}.message-list-table th,.message-list-table td{padding:.75rem;text-align:left}.message-list-table th{background:#ffffff0d;color:#fffc;font-weight:600;position:sticky;top:0;z-index:10}.message-list-table tr:hover{background:#ffffff0d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.admin-quick-wins-dashboard{padding:24px;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-header h1{font-size:28px;color:#fff;margin:0}.date-range-selector{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.date-range-selector label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#999}.date-range-selector input[type=date]{padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff}.refresh-btn,.export-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.refresh-btn{background:#2196f3;color:#fff}.refresh-btn:hover{background:#1976d2}.export-btn{background:#4caf50;color:#fff}.export-btn:hover{background:#45a049}.stats-section,.payment-breakdown-section,.pnl-section{background:#ffffff08;padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.stats-section h2,.payment-breakdown-section h2,.pnl-section h2{font-size:20px;color:#ff9500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,149,0,.2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-icon{font-size:32px}.stat-content h3{font-size:14px;color:#999;margin:0 0 4px}.stat-value{font-size:32px;font-weight:700;color:#ff9500;margin:0}.breakdown-table{width:100%;border-collapse:collapse;margin-top:16px}.breakdown-table th,.breakdown-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.breakdown-table thead th{background:#ffffff0d;font-weight:600;color:#ff9500}.breakdown-table tfoot{font-weight:700;background:#ffffff0d}.pnl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.pnl-card{padding:20px;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.1)}.pnl-card.revenue{background:#2196f31a;border-color:#2196f34d}.pnl-card.costs{background:#f443361a;border-color:#f443364d}.pnl-card.gross-profit{background:#4caf501a;border-color:#4caf504d}.pnl-card.net-profit{background:#9c27b01a;border-color:#9c27b04d}.pnl-card h3{font-size:14px;color:#999;margin:0 0 8px}.pnl-value{font-size:28px;font-weight:700;margin:8px 0;color:#fff}.pnl-card small{display:block;font-size:12px;color:#999;margin-top:8px}.pnl-notes{margin-top:16px;padding:16px;background:#fff9c41a;border-radius:8px;border:1px solid rgba(255,249,196,.2)}.pnl-notes h4{font-size:14px;color:#ff9500;margin:0 0 8px}.pnl-notes ul{margin:8px 0;padding-left:20px;color:#ccc}.pnl-notes li{margin-bottom:4px;font-size:13px}.loading{text-align:center;padding:40px;font-size:18px;color:#999}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start}.date-range-selector{width:100%}.stats-grid,.pnl-grid{grid-template-columns:1fr}}.manage-section{width:100%}.analytics-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-tabs{display:flex;gap:8px;margin-bottom:24px;padding:12px 8px;background:#ffffff08;border-radius:12px;overflow-x:auto;flex:0 0 auto;position:sticky;top:0;z-index:10;border-bottom:2px solid rgba(255,255,255,.1)}.section-tabs button{padding:12px 24px;background:transparent;border:none;border-radius:8px;color:#999;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px}.section-tabs button:hover{color:#fff;background:#ffffff14}.section-tabs button.active{color:#fff;background:#ff9500;box-shadow:0 4px 12px #ff95004d}.section-content{animation:fadeIn .3s ease-in;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:32px}.section-header h3{font-size:24px;color:#fff;margin-bottom:8px}.section-header p{color:#999;font-size:14px;margin:0}.subsection{margin-bottom:48px;padding:24px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.subsection h4{font-size:18px;color:#ff9500;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,149,0,.2)}@media(max-width:768px){.section-tabs{flex-direction:column}.section-tabs button{width:100%;justify-content:flex-start}.subsection{padding:16px}}