: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}.product{border:1px solid #eee;border-radius:18px;overflow:hidden;background:#fff}.product img{width:100%;aspect-ratio:1/1;object-fit:cover}.product .p{padding:11px}.product h3{font-size:15px;margin:0 0 5px}.price{font-weight:800;color:var(--pink)}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}@media(max-width:600px){.categories{grid-template-columns:repeat(4,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.slide{height:150px}}

.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}