:root{--pink:#e91e8f;--bg:#f4f3f8;--text:#25252a;--muted:#7a7a85;--card:#fff;--shadow:0 8px 28px rgba(30,20,50,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app-shell{max-width:760px;margin:auto;min-height:100vh;padding-bottom:88px}.topbar{position:sticky;top:0;z-index:20;background:linear-gradient(135deg,#fff7b0,#efffd7);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.topbar small,.topbar strong{display:block}.points{background:white;border-radius:999px;padding:9px 13px;box-shadow:var(--shadow);font-weight:700}.hero{padding:14px}.slider{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:12px}.slide{min-width:92%;height:180px;border-radius:24px;overflow:hidden;scroll-snap-align:center;position:relative;box-shadow:var(--shadow)}.slide img{width:100%;height:100%;object-fit:cover}.slide b{position:absolute;left:18px;bottom:16px;background:#ffffffdd;padding:8px 12px;border-radius:12px}.section{background:var(--card);margin:12px 14px;padding:16px;border-radius:24px;box-shadow:var(--shadow)}.section h2{margin:0 0 14px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}.cat i{display:grid;place-items:center;width:54px;height:54px;margin:auto;border-radius:18px;background:#fff4fa;font-size:28px}.cat span{display:block;font-size:13px;margin-top:7px}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;auto-rows:max-content}.product{border:1px solid #eee;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;height:100%}.product img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;flex-shrink:0}.product .p{padding:11px;display:flex;flex-direction:column;flex:1}.product h3{font-size:15px;margin:0 0 6px;line-height:1.3;flex-shrink:0}.price{font-weight:800;color:var(--pink);display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;margin:0 0 6px 0;line-height:1.35}.price .bonus-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#e8fff2,#dff8e8);color:#15803d;border:1px solid #86efac;font-size:11px;font-weight:700;box-shadow:0 2px 6px rgba(21,128,61,.12);white-space:nowrap}.price .bonus-pill strong{color:#166534}.location-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#2563eb;flex-shrink:0;white-space:nowrap}@media (max-width:768px){.products{grid-template-columns:repeat(2,1fr)}.product h3{font-size:14px}.price{font-size:14px}.price .bonus-pill{padding:5px 8px;font-size:12px}.location-link{font-size:11px}}button,.primary{border:0;border-radius:14px;padding:12px 16px;background:var(--pink);color:white;font-weight:700;cursor:pointer;width:100%}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.page-link{display:inline-block;padding:8px 12px;border-radius:999px;background:#fff;color:var(--text);border:1px solid #eee;font-weight:600}.page-link.active{background:var(--pink);color:#fff;border-color:var(--pink)}.admin-theme{background:linear-gradient(135deg,#0f172a,#1e293b)}.admin-theme .dashboard{background:transparent;color:#f8fafc}.admin-theme .admin-dashboard{padding:16px}.admin-nav-dark{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.admin-nav-dark a{background:rgba(255,255,255,.95);border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:8px 12px;color:#111827;font-size:14px;font-weight:700}.admin-theme .section,.admin-theme .form-card,.admin-theme .stat,.admin-theme table{background:rgba(255,255,255,.95);color:#0f172a;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.member-theme{background:linear-gradient(135deg,#fff7ed,#ffe4e6)}.member-theme .dashboard{background:transparent;color:#3f2a2a}.member-theme .member-dashboard{padding:16px}.member-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.member-nav a{background:#fff;border:1px solid #f5c7d0;border-radius:999px;padding:8px 12px;color:#b42318;font-size:14px}.member-theme .section,.member-theme .form-card,.member-theme .stat,.member-theme table{background:#fffafc;border:1px solid #f5dce2;border-radius:18px;box-shadow:0 10px 28px rgba(180,35,24,.08)}.auth-card{display:grid;gap:14px;padding:6px}.auth-header{background:linear-gradient(135deg,#fff0fb,#f7f9ff);border-radius:22px;padding:16px;border:1px solid #f6d7e8}.auth-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;color:#d21b7b;font-weight:700;font-size:12px;margin-bottom:8px}.auth-header h2{margin:6px 0 4px;font-size:22px}.auth-header p{margin:0;color:var(--muted)}.auth-form{display:grid;gap:8px}.auth-form label{display:block;font-size:13px;font-weight:700;margin:2px 0 0}.auth-form input{margin-bottom:0;padding:12px 14px;border:1px solid #e9dce6;border-radius:14px;background:#fffdfd;outline:none;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:#e91e8f;box-shadow:0 0 0 3px rgba(233,30,143,.12)}.auth-message{padding:10px 12px;border-radius:12px;font-size:14px}.auth-message.error{background:#fff2f2;color:#b42318}.auth-message.success{background:#f2fff7;color:#067647}.auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.link-btn{background:0 0;color:var(--pink);padding:0;width:auto;font-weight:700}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:760px;width:100%;height:74px;background:white;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:0 -8px 28px #0001;z-index:30}.bottom-nav a,.bottom-nav button{background:none;color:#777;padding:0;text-align:center;font-size:22px}.bottom-nav span{display:block;font-size:11px;margin-top:4px}.bottom-nav button{color:var(--pink);font-size:30px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}.modal.show{display:flex}.modal-card{background:white;width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:28px;padding:24px;position:relative;box-shadow:0 20px 70px rgba(0,0,0,.25)}.close{position:absolute;right:14px;top:12px;width:38px;background:#eee;color:#333}.form-card{background:white;margin:16px;padding:18px;border-radius:22px}.form-card input,.form-card textarea,.form-card select{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;margin:7px 0 12px}.dashboard{max-width:1200px;margin:auto;padding:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:white;padding:18px;border-radius:18px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}.admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.admin-nav a{background:white;padding:9px 12px;border-radius:10px}.auth-card{display:grid;gap:14px}.auth-header{background:linear-gradient(135deg,#fff0fb,#f7f9ff);border-radius:20px;padding:16px}.auth-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;color:#d21b7b;font-weight:700;font-size:12px;margin-bottom:8px}.auth-header h2{margin:6px 0 4px;font-size:22px}.auth-header p{margin:0;color:var(--muted)}.auth-form label{display:block;font-size:13px;font-weight:700;margin:6px 0 4px}.auth-form input{margin-bottom:8px}.auth-message{padding:10px 12px;border-radius:12px;font-size:14px}.auth-message.error{background:#fff2f2;color:#b42318}.auth-message.success{background:#f2fff7;color:#067647}.auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.link-btn{background:0 0;color:var(--pink);padding:0;width:auto;font-weight:700}.product-modal{display:grid;gap:10px}.product-modal-image{width:100%;border-radius:18px;aspect-ratio:1/1;object-fit:cover}.product-modal h2{margin:0}.product-modal .price{font-size:18px;margin:4px 0}.promotion-content{overflow-wrap:anywhere;word-break:break-word;line-height:1.7;max-width:100%}.promotion-content img,.promotion-content iframe,.promotion-content video,.promotion-content embed,.promotion-content object{max-width:100% !important;width:auto !important;height:auto !important;display:block;margin:16px auto;border-radius:18px;object-fit:contain} .promotion-content iframe,.promotion-content video{max-width:100%;height:auto;display:block;margin:16px auto}.promotion-content table{width:100%;border-collapse:collapse;overflow:auto}.promotions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.promotion-card{display:block;background:#fff;border:1px solid #eee;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.promotion-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(30,20,50,.12)}.promotion-card img{width:100%;height:180px;object-fit:cover}.promotion-card-body{padding:16px}.promotion-card-body h3{margin:0 0 10px;font-size:18px}.promotion-card-body p{margin:0;color:var(--muted);line-height:1.6;max-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.promotion-detail{padding:16px}.promotion-detail-img{width:100%;max-height:340px;object-fit:cover;border-radius:24px;margin-bottom:16px}.promotion-detail h1{margin:0 0 16px}.chat-shell{display:block;padding:28px 0 36px;background:var(--bg)}.chat-panel{width:min(680px,100%);margin:0 auto 24px;background:#fff;border-radius:28px;box-shadow:0 20px 45px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column}.chat-panel-header{padding:24px 24px 16px;background:#fff}.chat-panel-header h2{margin:0;font-size:24px}.chat-messages-box{min-height:520px;max-height:calc(100vh - 330px);overflow-y:auto;background:#f7f7fb;padding:22px 20px;display:flex;flex-direction:column}.chat-input-form{display:grid;grid-template-columns:1fr 140px;gap:12px;align-items:center;padding:18px 20px 20px;background:#fff;border-top:1px solid #f0eff6}.chat-input-field{width:100%;padding:16px 18px;border:1px solid #e8e1eb;border-radius:18px;background:#fff;font-size:15px;outline:none}.chat-input-field:focus{border-color:#e91e8f;box-shadow:0 0 0 4px rgba(233,30,143,.1)}.chat-send-btn{padding:16px 20px;border-radius:18px;background:#e91e8f;color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 12px 28px rgba(233,30,143,.18)}.chat-empty{display:flex;align-items:center;justify-content:center;min-height:280px;color:#7a7a85;padding:22px;background:#f7f7fb;border-radius:20px;text-align:center}@media(max-width:600px){.categories{grid-template-columns:repeat(4,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.slide{height:150px}.chat-shell{display:block;min-height:100vh;padding:12px 0 18px;background:var(--bg)}.chat-panel{margin:0 14px 18px;background:#fff;border-radius:28px;box-shadow:0 18px 38px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column;min-height:calc(100vh - 34px)}.chat-panel-header{padding:20px 18px 12px;background:#fff}.chat-panel-header h2{margin:0;font-size:22px;line-height:1.1}.member-toggle-btn{display:inline-flex !important;width:auto;padding:10px 12px;border:1px solid #f3c4dc;background:#fff4fa;color:var(--pink);font-weight:700}.member-close-btn{display:inline-flex !important;width:auto;padding:8px 10px;border:0;background:#fff4fa;color:var(--pink)}.member-panel{position:fixed;left:-100%;top:0;bottom:0;width:84%;max-width:320px;z-index:60;overflow:auto;border-radius:0 24px 24px 0;transition:left .25s ease;box-shadow:0 18px 46px rgba(0,0,0,.2)}.member-panel.open{left:0}.member-overlay{position:fixed;inset:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:55}.member-overlay.show{opacity:1;pointer-events:auto}.chat-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:10;background:#fff;padding-bottom:8px}.chat-panel-head h2{margin:0}.member-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-panel-head h2{margin:0}.member-search-box{margin:10px 0 8px}.member-search-box input{width:100%;padding:10px 12px;border:1px solid #f0dce8;border-radius:12px}.member-list{display:grid;gap:6px}.member-item{display:block;padding:10px;border:1px solid #f3e7ef;border-radius:12px;background:#fff}.member-item.active{background:#fff4fa;border-color:#f3c4dc}.chat-messages-box{flex:1;min-height:320px;max-height:calc(100vh - 240px);overflow-y:auto;background:#f4f4f7;padding:18px 16px;border-radius:24px;margin:0 14px 10px;display:flex;flex-direction:column}.chat-empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:#7a7a85;padding:20px;background:#f7f7fb;border-radius:20px;text-align:center}.chat-bubble{max-width:76%;padding:14px 16px;background:#fff;border-radius:22px;box-shadow:0 8px 20px rgba(0,0,0,.06);margin-bottom:12px;word-break:break-word}.chat-bubble--me{align-self:flex-end;background:#ffe5f0;border-bottom-right-radius:10px;border-bottom-left-radius:22px}.chat-bubble--them{align-self:flex-start;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:22px}.chat-bubble__name{font-size:12px;font-weight:700;color:#726272;margin-bottom:8px}.chat-bubble__text{font-size:15px;line-height:1.7;white-space:pre-wrap}.chat-input-form{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;padding:16px;min-height:78px;background:#fff;border-top:1px solid #f2f2f8}.chat-input-field{width:100%;padding:16px 18px;border:1px solid #e9e1eb;border-radius:18px;background:#fff;font-size:15px;outline:none}.chat-input-field:focus{border-color:#e91e8f;box-shadow:0 0 0 4px rgba(233,30,143,.1)}.chat-send-btn{padding:16px 18px;border-radius:18px;background:#e91e8f;color:#fff;border:none;font-weight:700;cursor:pointer;box-shadow:0 10px 28px rgba(233,30,143,.18)}.chat-reply-note{margin:0 16px 10px;padding:14px 16px;background:#fff4fb;border:1px solid #f4d5e7;border-radius:18px;color:#633f55;font-size:14px;line-height:1.6}.chat-history-table{display:block;margin-top:16px;overflow:auto}.chat-history-table table{display:block;min-width:560px;overflow-x:auto;white-space:nowrap}}

.auth-card{display:grid;gap:14px}.auth-header{background:linear-gradient(135deg,#fff0fb,#f7f9ff);border-radius:20px;padding:16px}.auth-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;color:#d21b7b;font-weight:700;font-size:12px;margin-bottom:8px}.auth-header h2{margin:6px 0 4px;font-size:22px}.auth-header p{margin:0;color:var(--muted)}.auth-form label{display:block;font-size:13px;font-weight:700;margin:6px 0 4px}.auth-form input{margin-bottom:8px}.auth-message{padding:10px 12px;border-radius:12px;font-size:14px}.auth-message.error{background:#fff2f2;color:#b42318}.auth-message.success{background:#f2fff7;color:#067647}.auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.link-btn{background:0 0;color:var(--pink);padding:0;width:auto;font-weight:700}.product-modal{display:grid;gap:10px}.product-modal-image{width:100%;border-radius:18px;aspect-ratio:1/1;object-fit:cover}.product-modal h2{margin:0}.product-modal .price{font-size:18px;margin:4px 0}

@media (max-width:768px){.price{flex-direction:column;align-items:center;justify-content:center;text-align:center}.price .bonus-pill{width:auto;margin:4px 0 0 0 !important}.form-card img{max-width:100%;height:auto;display:block;margin:0 auto 12px}.form-card iframe{max-width:100%;width:100%;height:auto;display:block;margin:0 auto 12px;border-radius:16px}.form-card div[style*="width"] img,.form-card div[style*="width"] iframe{max-width:100% !important;width:100% !important;height:auto !important}}

.form-card img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:16px}.form-card iframe{max-width:100%;width:100%;display:block;margin:12px auto;border-radius:16px}

.form-card > div { overflow-x: hidden; }
.form-card div[style*="width"] img { max-width: 100% !important; width: 100% !important; height: auto !important; }
.form-card div[style*="width"] iframe { max-width: 100% !important; width: 100% !important; height: auto !important; }

.form-card { padding: 16px; background: white; border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin: 12px 14px; }
.form-card label { display: block; font-weight: 600; margin: 12px 0 6px; color: #333; }
.form-card input[type="text"], .form-card input[type="email"], .form-card input[type="number"], .form-card input[type="password"], .form-card input[type="tel"], .form-card textarea, .form-card select { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; }
.form-card button { width: 100%; padding: 12px; background: #e91e8f; color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; }