/* Sulit v1 launch polish: account experience and restrained visual layering */
:root{--lp-bg:#f4f7f3;--lp-surface:#fff;--lp-soft:#eaf4ed;--lp-line:#dce6de;--lp-text:#172019;--lp-muted:#68746c;--lp-green:#2f8f57;--lp-dark:#193726}
body:not(:has(.admin-shell)){background:radial-gradient(circle at 50% 0,#edf6ef 0,#f4f7f3 340px,#f4f7f3 100%)}
body:not(:has(.admin-shell)) .app{background:transparent}
body:not(:has(.admin-shell)) main{position:relative}
.popular-section,.phase1-list-preview{position:relative}
.popular-product{background:rgba(255,255,255,.88)!important;border-color:var(--lp-line)!important;box-shadow:0 8px 20px rgba(31,54,40,.045)!important}
.popular-product.active{background:#edf7ef!important;border-color:#acd1b7!important}
#viewAllCategories{color:var(--lp-green)!important;font-weight:750!important}
#homeSavings .muted,#homeSavings .price,#homeSavings .mini-trend{color:var(--lp-text)!important}

.account-sheet{position:fixed;inset:0;z-index:5000;display:none;align-items:flex-end;justify-content:center}.account-sheet.open{display:flex}.account-sheet-backdrop{position:absolute;inset:0;background:rgba(10,22,14,.36);backdrop-filter:blur(8px)}.account-sheet-card{position:relative;width:min(100%,520px);background:#fff;border-radius:26px 26px 0 0;padding:28px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -22px 70px rgba(12,31,18,.2);animation:accountUp .25s ease-out}.account-sheet-card h2{font-size:27px;letter-spacing:-.6px;line-height:1.08;margin:6px 36px 8px 0;color:var(--lp-text)}.account-sheet-card p{color:var(--lp-muted);font-size:14px;line-height:1.5;margin:0 0 20px}.account-sheet-card label{display:block;font-size:12px;font-weight:750;color:#526058;margin:0 0 7px}.account-sheet-card input{width:100%;min-height:52px;border:1px solid var(--lp-line);border-radius:15px;background:#f8faf8;padding:0 15px;font:inherit;color:var(--lp-text);box-sizing:border-box}.account-sheet-card>div>button:not(.account-secondary-action){width:100%;min-height:52px;border:0;border-radius:15px;background:var(--lp-green);color:#fff;font-weight:800;font-size:15px;margin-top:14px}.account-sheet-close{position:absolute;right:18px;top:18px!important;width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#eef2ef!important;color:#516057!important;font-size:22px!important;line-height:1!important}.account-kicker{display:block;text-transform:uppercase;letter-spacing:.09em;color:var(--lp-green);font-size:11px;font-weight:850}.account-secondary-action{display:block;width:100%;border:0!important;background:transparent!important;color:#506158!important;font-weight:750!important;padding:13px!important;margin:2px 0 0!important;box-shadow:none!important}.account-inline-message{margin-top:10px;padding:11px 12px;border-radius:12px;background:#edf7ef;color:#225f39;font-size:12px}.account-inline-message.error{background:#fff1f1;color:#8a3434}.account-success-icon{width:54px;height:54px;border-radius:50%;background:var(--lp-soft);color:var(--lp-green);display:grid;place-items:center;font-size:27px;font-weight:900;margin-bottom:15px}@keyframes accountUp{from{transform:translateY(22px);opacity:.4}to{transform:none;opacity:1}}

.save-account-value-card{background:var(--lp-dark);color:#fff;border-radius:23px;padding:22px;margin:0 0 18px;box-shadow:0 18px 40px rgba(17,50,29,.17)}.save-account-value-card>span{font-size:12px;color:rgba(255,255,255,.72)}.save-account-value-card h2{font-size:23px;line-height:1.25;margin:7px 0 8px;color:#fff}.save-account-value-card h2 strong{font-size:38px;letter-spacing:-1.4px}.save-account-value-card p{font-size:13px;line-height:1.45;color:rgba(255,255,255,.76);margin:0 0 15px}.save-account-value-card>button:not(.account-secondary-action){width:100%;min-height:50px;border:0;border-radius:14px;background:#fff;color:var(--lp-dark);font-weight:850}.save-account-value-card .account-secondary-action{color:rgba(255,255,255,.8)!important}

.account-action-row{cursor:pointer}.account-action-row>span{font-size:17px}
@media(min-width:700px){.account-sheet{align-items:center;padding:24px}.account-sheet-card{border-radius:26px;padding:30px;width:min(460px,100%)}}