@font-face{font-family:Lays;src:url('/brand-assets/official/Lays.woff2') format('woff2');font-display:swap}
:root{--lays-yellow:#ffcf00;--lays-red:#e5212b;--lays-ink:#382310;--lays-cream:#fff9df}
body{background-color:var(--lays-cream)!important;color:var(--lays-ink)}
button,a,input{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b01c24!important;outline-offset:4px}
.top-header,.page-header,.header-with-logo{background:linear-gradient(135deg,#ffe664,#ffcf00)!important;color:var(--lays-ink)!important;box-shadow:0 5px 0 #d5a300,0 12px 26px #8e5b1720}
.site-name,.site-tagline,.top-header a,.top-header .lang-pill{color:var(--lays-ink)!important}
.login-btn,.view-plans-btn,.btn-install,.lays-join-btn,.btn-primary{background:linear-gradient(180deg,#ffec8a,#ffcf00)!important;color:#382310!important;border:1px solid #e9b300!important;border-bottom:5px solid #c99000!important;box-shadow:0 8px 16px #7c4f1829!important;border-radius:16px;transition:transform .16s,box-shadow .16s}
.login-btn:active,.view-plans-btn:active,.btn-primary:active,.menu-btn:active{transform:translateY(3px);box-shadow:0 2px 8px #7c4f1820!important}
.menu-btn,.dashboard-card,.balance-card,.product-card,.plan-card{border:1px solid #f2d981!important;border-radius:20px!important;box-shadow:0 7px 0 #dec789,0 17px 28px #6043151c!important}
.menu-btn{background:linear-gradient(150deg,#fffdf4,#fff0af)!important;color:#382310!important}
.menu-icon,.dashboard-icon{background:linear-gradient(150deg,#ffed99,#ffcf00)!important;color:#be1e2a!important;box-shadow:0 4px 0 #dba600!important}
.bottom-nav,.bottom-menu{background:#fffdf5!important;border-top:1px solid #edce6a!important}
.bottom-nav .active,.bottom-menu .active{color:#bd1f29!important}
.logo-area img,.header-logo,.lays-popup-logo{object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 8px 5px #69480c26)}
body:has(.login-box),body:has(.register-box){background:#f6ce35 url('/brand-assets/official/homepage.jpg') center / cover no-repeat fixed!important;isolation:isolate}
body:has(.login-box)::before,body:has(.register-box)::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#ffda3173,#ffec9b2b)}
.login-box,.register-box{background:#fffbeaeb;backdrop-filter:blur(14px);border:1px solid #fff7ca;border-radius:26px;padding:26px;box-shadow:0 8px 0 #bd942447,0 22px 60px #5a361a33}
.country-tabs .tab.active::after{background:#e5212b!important}
.input-group{border:1px solid #ebd79b;box-shadow:inset 0 2px 3px #76502412,0 4px 8px #8c641414!important}
.input-group .field-icon{color:#c5202a!important}
.logo-area img{width:138px!important;height:120px!important}
.main-menu,.main-menu .navigation{background:#fff7d3!important}.main-menu .brand-logo{display:flex;align-items:center;gap:10px}.main-menu .brand-logo h3{color:#382310!important;font-family:Lays,sans-serif}.main-menu .navigation li a{color:#382310!important}.main-menu .navigation li.active>a{background:linear-gradient(120deg,#ffdf59,#ffcf00)!important;color:#382310!important;box-shadow:0 4px 0 #c89700!important}
body.vertical-layout{background:#fff9e7!important}.header-navbar{background:#fffef6!important}.card{border-radius:18px;box-shadow:0 5px 0 #eedba8,0 12px 24px #76531510}
.dashboard-card{background:linear-gradient(140deg,#fffdf6,#fff0ba)!important}.dashboard-title{color:#705323!important}.dashboard-value{color:#382310!important}.dashboard-icon.icon-danger{background:linear-gradient(140deg,#ed4b53,#c51d27)!important;color:#fff!important}
.lays-popup{background:#fff9df!important;color:#382310!important}.lays-popup-title,.lays-highlight{color:#bb1e29!important}.lays-image-box img,.brand-footer-img{object-fit:cover;border-radius:18px}
@media(max-width:600px){.login-box,.register-box{padding:22px 18px}.logo-area{margin:12px 0 18px}body:has(.login-box),body:has(.register-box){background-position:60% center!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.main-menu .navbar-header{height:86px!important;min-height:86px}.main-menu .brand-logo{margin:0!important;padding:12px 14px;white-space:nowrap}.main-menu .brand-logo img{width:58px;height:54px}.main-menu .brand-logo h3{margin:0;font-size:22px}.main-menu .main-menu-content{height:calc(100% - 86px)!important}.main-menu .shadow-bottom{top:86px!important}
#dashboard-ecommerce{padding:4px;min-width:0}#dashboard-ecommerce>.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin:0}#dashboard-ecommerce>.row>[class*="col-"]{width:100%;max-width:none;padding:0;margin:0!important}#dashboard-ecommerce .dashboard-card .card-body{padding:18px 14px}#dashboard-ecommerce .dashboard-icon{width:44px;height:44px;font-size:20px;margin-bottom:10px}#dashboard-ecommerce .dashboard-title{font-size:12px;line-height:1.5}#dashboard-ecommerce .dashboard-value{font-size:22px;line-height:1.4}
.cron-bar{background:#fff5cd!important;border:1px solid #efd376;box-shadow:0 5px 0 #e0c586!important}.cron-bar-title,.cron-row-label,.cron-status{color:#60451d!important}.cron-url,.cron-cmd{background:#fffdf5!important;color:#60451d!important;border-color:#e3ce94!important;min-width:0}.cron-btn,.copy-btn{background:linear-gradient(#ffea74,#ffcf00)!important;color:#382310!important;border-bottom:3px solid #c99a00}.cron-row{border-color:#e4cc80!important;min-width:0}
@media(max-width:767px){.app-content .content-wrapper{padding:16px!important}.cron-row-label{flex-basis:100%}.cron-url{flex-basis:100%;width:100%}.cron-btn,.copy-btn{flex:1}#dashboard-ecommerce>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-value{overflow-wrap:anywhere}.header-navbar .navbar-container ul.nav li a{padding-left:8px;padding-right:8px}}
@media(max-width:380px){#dashboard-ecommerce>.row{grid-template-columns:minmax(0,1fr)}}
.today-summary{margin-bottom:28px!important}.today-stat{width:100%;min-width:0;display:block;text-decoration:none!important}.today-stat:hover{transform:translateY(-3px)}.today-detail{font-size:12px;color:#705323;margin-top:7px}.notification-toggle{background:transparent;border:0;position:relative}.notice-item{display:flex!important;align-items:center;gap:10px;padding:16px!important;white-space:normal}.notice-item span{flex:1}.notice-item strong{background:#ffdc42;color:#382310;padding:3px 8px;border-radius:8px}.dropdown-notification .dropdown-menu{max-width:calc(100vw - 24px)!important;min-width:min(320px,calc(100vw - 24px))}
.dropdown-notification .dropdown-menu-header,.dropdown-notification .dropdown-header{background:#ffda35!important;color:#382310!important}.dropdown-notification .notification-title{color:#382310!important}
.section,.mission-card,.faq-item,.contact-cta{background:#fff9e9f2!important;border:1px solid #eed58d!important;border-radius:20px!important;box-shadow:0 6px 0 #d3b36d80,0 14px 26px #7047101c!important}.section-title,.section-body,.section-body p,.mission-card p,.faq-question h4,.faq-answer p,.contact-cta p{color:#382310!important}.section-eyebrow,.mission-card h5,.faq-question i,.header-brand,.brand-name{color:#ae1d26!important}.page-header .back-btn{color:#382310!important;background:#fff8da!important}.footer-badge{color:#382310!important;background:#fff5d6ed!important;border-radius:18px}.footer-badge p{color:#60451d!important}.faq-list{padding-bottom:12px}.section a,.contact-cta a,.mission-card a{color:#a91b25!important}.announce-bar{background:#fff6d5!important;color:#382310!important}.hero-section{background:transparent!important}.header-bell{background:#fff4bc!important;color:#b01c24!important}
.menu-btn .menu-label{color:#382310!important}.lays-popup-logo{border:0!important}.brand-pack{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 12px 8px #68421c26);margin-bottom:20px}.brand-source{display:inline-block;margin-top:16px;font-size:14px}
body:has(.menu-grid) .hero-section,body:has(.menu-grid) .announce-bar,body:has(.menu-grid) .menu-grid,body:has(.menu-grid) .brand-footer-img-wrap{width:calc(100% - 32px);max-width:1120px;margin-left:auto;margin-right:auto}body:has(.menu-grid) .view-plans-btn{max-width:1120px;margin-left:auto;margin-right:auto;width:calc(100% - 32px)}body:has(.menu-grid) .banner-wrap{height:clamp(220px,28vw,380px)!important}body:has(.menu-grid) .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 0}body:has(.menu-grid) .menu-btn{padding:22px 16px;min-height:92px}body:has(.menu-grid) .footer_menu .content{max-width:1120px;margin:auto}body:has(.menu-grid) .footer_menu{background:#fffdf5;box-shadow:0 -5px 24px #5d421526}body:has(.menu-grid) .announce-icon{color:#b31e29!important;background:#ffe787!important}
@media(max-width:767px){body:has(.menu-grid) .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body:has(.menu-grid) .menu-btn{padding:18px 12px;min-height:78px}body:has(.menu-grid) .banner-wrap{height:220px!important}}