:root{--cv-orange:#f5a623;--cv-orange-deep:#e8871e;--cv-forest:#1b4332;--cv-forest-dark:#102a1e;--cv-green:#2d6a4f;--cv-leaf:#8fa83e;--cv-teal:#14919b;--cv-blue:#2f86d6;--cv-sky:#4fc3f7;--cv-cream:#fbf8ef;--cv-ink:#16241c;--brand-gradient:linear-gradient(90deg, var(--cv-orange) 0%, var(--cv-forest) 48%, var(--cv-blue) 100%);--bio-gradient:linear-gradient(135deg, var(--cv-orange) 0%, var(--cv-forest) 100%);--tech-gradient:linear-gradient(135deg, var(--cv-teal) 0%, var(--cv-blue) 55%, var(--cv-sky) 100%);--bg-app:var(--cv-cream);--bg-surface:#fff;--bg-surface-alt:#f2efe2;--bg-sunken:#ece7d6;--text-primary:var(--cv-ink);--text-muted:#6c7768;--text-inverse:#fff;--border:#e5e0cf;--border-strong:#d3ccb2;--primary:var(--cv-forest);--primary-hover:#143829;--primary-soft:#e4ede8;--accent:var(--cv-orange);--accent-deep:var(--cv-orange-deep);--accent-soft:#fdecd0;--tech:var(--cv-blue);--tech-soft:#e3f0fc;--success:#3f8f5f;--success-soft:#e4f3e8;--danger:#d64545;--danger-soft:#fbe6e6;--warning:var(--cv-orange-deep);--radius-sm:10px;--radius:16px;--radius-lg:22px;--radius-full:999px;--shadow-sm:0 1px 3px #16241c14;--shadow-md:0 8px 24px #16241c1f;--shadow-lg:0 16px 40px #16241c2e;--transition-fast:.15s ease;--transition-spring:.32s cubic-bezier(.34, 1.56, .64, 1);--font-sans:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Poppins", "Plus Jakarta Sans", system-ui, sans-serif}:root[data-theme=dark]{--bg-app:#0e1712;--bg-surface:#16211a;--bg-surface-alt:#1d2b22;--bg-sunken:#0a120d;--text-primary:#eaf2ec;--text-muted:#93a591;--text-inverse:#0e1712;--border:#2a3b30;--border-strong:#3a4f40;--primary:#4cae7c;--primary-hover:#63c393;--primary-soft:#1d3327;--accent:#f5a623;--accent-deep:#ffbf50;--accent-soft:#3a2c15;--tech:#5aa9f0;--tech-soft:#17293b;--success:#4cae7c;--success-soft:#17301f;--danger:#e77373;--danger-soft:#3a1c1c;--warning:#ffbf50;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg-sunken);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.2}p{margin:0}button{font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}#root{height:100%}.app-outer{background:var(--bg-sunken);justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.app-shell{background:var(--bg-app);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width>=900px){.app-outer{padding:32px 0}.app-shell{min-height:calc(100vh - 64px);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:28px}}.app-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.container{padding:0 18px}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-lg{font-size:1.05rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.splash-screen{background:var(--bg-app);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex;position:relative;overflow:hidden}.splash-glow{background:radial-gradient(circle at 30% 25%,#f5a62329,#0000 55%),radial-gradient(circle at 75% 70%,#2f86d629,#0000 55%);position:absolute;inset:-20%}.splash-logo-wrap{animation:2.6s ease-in-out infinite floatUp;position:relative}.splash-logo{object-fit:contain;width:120px;height:120px}.splash-tagline{text-align:center;color:var(--text-muted);max-width:260px;font-size:.85rem;position:relative}.splash-bar{border-radius:var(--radius-full);background:var(--border);width:140px;height:4px;position:relative;overflow:hidden}.splash-bar-fill{border-radius:var(--radius-full);background:var(--brand-gradient);width:40%;height:100%;animation:1.2s ease-in-out infinite loadSlide}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loadSlide{0%{transform:translate(-120%)}to{transform:translate(280%)}}.top-navbar{background:var(--bg-app);border-bottom:1px solid var(--border);z-index:800;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:8px;display:flex}.brand-mark img{object-fit:contain;width:28px;height:28px}.brand-mark span{font-family:var(--font-display);font-size:1.05rem;font-weight:700}.icon-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:active{transform:scale(.94)}.icon-badge{background:var(--accent-deep);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-app);justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.bottom-nav{background:var(--bg-surface);border-top:1px solid var(--border);z-index:900;justify-content:space-around;align-items:center;height:64px;display:flex;position:sticky;bottom:0}.bottom-nav-item{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item .nav-icon-wrap{display:inline-flex;position:relative}.bottom-nav-item span{font-size:.66rem;font-weight:600}.bottom-nav.mode-business .bottom-nav-item.active{color:var(--tech)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:#241000}.btn-tech{background:var(--tech);color:#fff}.btn-outline{border:1.5px solid var(--border-strong);color:var(--text-primary);background:0 0}.btn-ghost{background:var(--bg-surface-alt);color:var(--text-primary)}.btn-sm{padding:9px 16px;font-size:.8rem}.btn-danger{background:var(--danger-soft);color:var(--danger)}.card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:16px}.card-flat{background:var(--bg-surface-alt);border-radius:var(--radius);padding:16px}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:700}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-accent{background:var(--accent-soft);color:var(--accent-deep)}.badge-tech{background:var(--tech-soft);color:var(--tech)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--bg-surface-alt);color:var(--text-muted)}.chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;white-space:nowrap;color:var(--text-muted);transition:all var(--transition-fast);padding:8px 16px;font-size:.78rem;font-weight:600}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:.78rem;font-weight:600}.input,select.input,textarea.input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:13px 14px;font-size:.9rem}.input:focus{border-color:var(--primary)}textarea.input{resize:vertical;min-height:80px}.toast-pill{z-index:2000;background:var(--cv-forest-dark);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:toastIn var(--transition-spring);align-items:center;gap:8px;max-width:90%;padding:12px 18px;font-size:.82rem;font-weight:600;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.hero-banner{border-radius:var(--radius-lg);color:#fff;background:var(--bio-gradient);padding:22px;position:relative;overflow:hidden}.hero-banner.tech{background:var(--tech-gradient)}.hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% -10%,#ffffff40,#0000 55%);position:absolute;inset:0}.impact-counter{gap:10px;display:flex}.impact-stat{background:var(--bg-surface);border-radius:var(--radius);text-align:center;border:1px solid var(--border);flex:1;padding:12px}.impact-stat .value{font-family:var(--font-display);color:var(--primary);font-size:1.1rem;font-weight:800}.impact-stat .label{color:var(--text-muted);margin-top:2px;font-size:.66rem}.product-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:transform var(--transition-fast);position:relative;overflow:hidden}.product-card:active{transform:scale(.98)}.product-card .thumb{aspect-ratio:1;background:var(--bg-surface-alt);position:relative;overflow:hidden}.product-card .thumb img{object-fit:cover;width:100%;height:100%}.product-card .fav-btn{border-radius:var(--radius-full);cursor:pointer;background:#ffffffeb;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:8px;right:8px}.product-card .info{padding:10px 12px 12px}.product-card .title{min-height:2.4em;font-size:.82rem;font-weight:600;line-height:1.3}.product-card .price{font-family:var(--font-display);color:var(--primary);margin-top:6px;font-size:.92rem;font-weight:800}.product-card .old-price{color:var(--text-muted);margin-left:6px;font-size:.68rem;font-weight:500;text-decoration:line-through}.product-card .meta-row{color:var(--text-muted);align-items:center;gap:6px;margin-top:6px;font-size:.68rem;display:flex}.category-pill{cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex}.category-pill .icon-circle{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.category-pill span{text-align:center;font-size:.68rem;font-weight:600}.stat-card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:6px;padding:14px;display:flex}.stat-card .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card .stat-value{font-family:var(--font-display);font-size:1.3rem;font-weight:800}.stat-card .stat-label{color:var(--text-muted);font-size:.72rem}.stat-card .stat-delta{font-size:.68rem;font-weight:700}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timeline{padding-left:26px;position:relative}.timeline-item{padding-bottom:20px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--primary);border:3px solid var(--primary-soft);border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-26px}.timeline-item:after{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:-4px;left:-21px}.timeline-item:last-child:after{display:none}.ai-fab{border-radius:var(--radius-full);background:var(--tech-gradient);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-md);z-index:850;border:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:82px;right:16px}.divider{background:var(--border);border:none;height:1px;margin:16px 0}.spin{animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar{object-fit:cover;background:var(--bg-surface-alt);border-radius:50%}.center-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.scroll-x{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.rating-stars{color:var(--accent-deep);align-items:center;gap:2px;font-size:.72rem;font-weight:700;display:inline-flex}