@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.admin-body-reset{color:#2d2a36;-webkit-font-smoothing:antialiased;background-color:#f7f4ff;margin:0;padding:0;font-family:Inter,sans-serif}.admin-layout{width:100vw;min-height:100vh;display:flex;overflow:hidden}.admin-sidebar{z-index:10;background:#fff;border-right:1px solid #f0eef5;flex-direction:column;width:260px;padding:32px 24px;display:flex;box-shadow:2px 0 24px #c8b6ff0d}.admin-logo{letter-spacing:-.04em;background:linear-gradient(135deg,#f8a5c2 0%,#c8b6ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:48px;font-size:24px;font-weight:800}.admin-nav{flex-direction:column;gap:8px;display:flex}.admin-nav-item{color:#878294;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{color:#2d2a36;background:#fdfcff}.admin-nav-item.active{color:#5700ff;background:#f7f4ff;font-weight:700}.admin-main{background:#f7f4ff;flex:1;height:100vh;padding:40px 48px;overflow-y:auto}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.admin-page-title{letter-spacing:-.02em;font-size:28px;font-weight:800}.admin-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 16px 40px #c8b6ff1a}.admin-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f8a5c2 0%,#c8b6ff 100%);border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s;box-shadow:0 8px 24px #f8a5c24d}.admin-btn-primary:active{transform:scale(.96)}.admin-btn-secondary{color:#2d2a36;cursor:pointer;background:#fff;border:1px solid #f0eef5;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .2s;box-shadow:0 4px 12px #c8b6ff0d}.admin-btn-secondary:hover{background:#fafafa}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.badge-purple{color:#5700ff;background:#f7f4ff}.badge-peach{color:#e65100;background:#fff3e0}.badge-green{color:#2e7d32;background:#e8f5e9}.badge-gray{color:#616161;background:#f5f5f5}.admin-mobile-nav{display:none}.admin-product-editor-container{flex-direction:column;height:calc(100vh - 80px);display:flex}.admin-editor-layout{flex:1;grid-template-columns:1.5fr 1fr;gap:24px;display:grid;overflow:hidden}.admin-editor-composer{flex-direction:column;padding:0;display:flex;overflow:hidden}.admin-editor-preview{background:#fdfcff;flex-direction:column;padding:0;display:flex}@media (width<=768px){.admin-layout{flex-direction:column;height:100vh}.admin-sidebar{display:none}.admin-mobile-nav{-webkit-backdrop-filter:blur(20px);z-index:50;background:#ffffffd9;border-top:1px solid #fff6;border-radius:28px 28px 0 0;justify-content:space-around;padding:12px 0 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #c8b6ff26}.admin-mobile-nav-item{color:#878294;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.admin-mobile-nav-item.active{color:#5700ff}.admin-main{padding:24px 16px 100px}.admin-page-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-dashboard-grid{grid-template-columns:1fr!important}.admin-product-editor-container{height:auto;overflow:visible}.admin-editor-layout{flex-direction:column;display:flex;overflow:visible}.admin-editor-composer,.admin-editor-preview{overflow:visible}}.hide-scrollbar::-webkit-scrollbar{display:none}:root{--primary:#2b2b2b;--bg:#f7f4ff;--surface:#fff;--border:#f0eef5;--text-primary:#2d2a36;--text-secondary:#878294;--grad-primary:linear-gradient(135deg, #f8a5c2 0%, #c8b6ff 100%);--grad-secondary:linear-gradient(135deg, #ffd6a5 0%, #ffcad4 100%);--grad-bold:linear-gradient(135deg, #a342ff 0%, #5700ff 100%);--grad-bg-bold:linear-gradient(135deg, #ffa8d5 0%, #e1c0ff 50%, #ffd0a8 100%);--radius-xl:32px;--radius-lg:24px;--radius-md:20px;--radius-sm:12px;--radius-pill:9999px;--shadow-soft:0 16px 40px #c8b6ff26;--shadow-sm:0 4px 12px #c8b6ff1a;--shadow-glow:0 8px 24px #f8a5c24d;--shadow-bold:0 8px 24px #5a00ff66;--shadow-image:0 16px 32px #0000001f;--nav-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Inter,sans-serif;font-weight:700}.app-container{background:var(--bg);max-width:390px;min-height:100vh;margin:0 auto;padding-bottom:120px;position:relative;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeUp}.text-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:700}.text-sm{font-size:13px;font-weight:500}.text-base{font-size:15px;font-weight:500}.text-lg{font-size:22px;font-weight:700}.text-xl{letter-spacing:-.03em;font-size:28px;font-weight:700}.bottom-nav{width:calc(100% - 48px);max-width:342px;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);z-index:50;background:#ffffffd9;justify-content:space-around;align-items:center;padding:0 12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.nav-item{color:#c9c5d1;border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:50px;height:50px;font-size:10px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.nav-item.active{color:#fff;background:var(--grad-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feed-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f4ffcc;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex;position:sticky;top:0}.feed-header h1{letter-spacing:-.02em;color:var(--primary);font-size:18px;font-weight:800}.highlights-container{scrollbar-width:none;gap:16px;padding:0 20px 24px;display:flex;overflow-x:auto}.highlights-container::-webkit-scrollbar{display:none}.highlight-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.highlight-img-wrapper{border-radius:50%;width:68px;height:68px;padding:3px}.highlight-img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:100%;height:100%}.highlight-text{color:#2b2b2b;font-size:12px;font-weight:600}.accordion{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffffb3;margin:0 16px 40px;overflow:hidden}.accordion-item{border-bottom:1px solid #0000000d}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.accordion-content{color:var(--text-secondary);padding:0 20px 16px;font-size:13px;line-height:1.5}.feed-container{padding:0 16px}.feed-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);cursor:pointer;opacity:0;margin-bottom:32px;padding:16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.feed-card:active{transform:scale(.97)}.feed-image-container{border-radius:var(--radius-md);width:100%;height:55vh;box-shadow:var(--shadow-image);background:#f0f0f0;margin-bottom:16px;position:relative;overflow:hidden}.feed-image-container img{object-fit:cover;width:100%;height:100%}.countdown-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fffffff2;padding:8px 14px;font-size:11px;font-weight:800;position:absolute;top:16px;right:16px}.card-actions{justify-content:space-between;align-items:center;padding:0 8px 12px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.icon-btn:active{transform:scale(.8)}.btn-join-po{background:var(--grad-bold);color:#fff;border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-bold);border:none;align-items:center;padding:8px 16px;font-size:12px;font-weight:800;transition:transform .2s;display:flex}.btn-join-po:active{transform:scale(.9)}.feed-info{padding:8px}.feed-title{margin:6px 0 4px;line-height:1.3}.feed-price{margin-bottom:12px;font-size:16px;font-weight:800}.color-variants{gap:8px;display:flex}.color-pill{border-radius:var(--radius-pill);color:var(--text-secondary);background:#00000008;padding:6px 12px;font-size:11px;font-weight:700}.btn-primary{background:var(--grad-primary);color:#fff;border-radius:var(--radius-pill);text-align:center;cursor:pointer;width:100%;box-shadow:var(--shadow-glow);border:none;padding:18px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:active{transform:scale(.96);box-shadow:0 4px 12px #f8a5c233}.pdp-container{background:var(--surface);min-height:100vh}.pdp-gallery{scroll-snap-type:x mandatory;border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--bg);width:100%;height:60vh;box-shadow:var(--shadow-sm);display:flex;overflow-x:scroll}.pdp-gallery img{object-fit:cover;scroll-snap-align:center;flex-shrink:0;width:100%;height:100%}.pdp-header{z-index:10;justify-content:space-between;width:100%;padding:24px 20px;display:flex;position:absolute;top:0}.header-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#ffffffe6;border:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.header-btn:active{transform:scale(.9)}.pdp-info{padding:32px 24px 120px}.pdp-footer{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);z-index:50;background:#fffffff2;border-radius:20px;width:calc(100% - 64px);max-width:320px;padding:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}