/* Customer-only Lagom-inspired system. Admin styling and business behavior stay independent. */
body[data-lidong-client]{--ld-blue:#2858e8;--ld-blue-deep:#204ac7;--ld-ink:#142c50;--ld-muted:#5d6e85;--ld-line:#e1e9f2;--ld-wash:#f5f7fa;--color-primary:225 81% 53%;--color-secondary:225 65% 43%;--color-background:216 33% 97%;--color-base:215 60% 20%;--color-muted:215 18% 44%;--color-neutral:212 39% 92%;font-family:'Avenir Next','PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;background:#f5f7fa;color:#142c50;font-size:14px;line-height:1.65}
body[data-lidong-client] h1,body[data-lidong-client] h2,body[data-lidong-client] h3{color:#142c50;letter-spacing:-.025em;line-height:1.35}body[data-lidong-client] h1{font-size:30px;font-weight:650}body[data-lidong-client] h2{font-size:22px;font-weight:600}body[data-lidong-client] a:focus-visible,body[data-lidong-client] button:focus-visible,body[data-lidong-client] input:focus-visible,body[data-lidong-client] summary:focus-visible{outline:3px solid #96b2ff;outline-offset:3px}body[data-lidong-client] button{font:inherit}body[data-lidong-client] svg{flex-shrink:0}
.lc-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.lc-header{position:relative;z-index:40;background:#fff;border-bottom:1px solid #e1e9f2}.lc-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lc-logo{display:inline-flex;align-items:center;gap:11px;color:#142c50;font-size:25px;font-weight:750;letter-spacing:-.7px;white-space:nowrap;text-decoration:none}.lc-logomark{display:block;width:28px;height:31px;background:#2858e8;clip-path:polygon(0 0,37% 0,37% 64%,100% 64%,100% 100%,0 100%)}.lc-utilities{display:flex;align-items:center;gap:20px;color:#5d6e85;font-size:13px}.lc-utilities a{color:inherit}.lc-navline{border-top:1px solid #f1f4f9}.lc-navrow{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:20px}.lc-primary-nav,.lc-account-actions{display:flex;align-items:center;gap:26px}.lc-primary-nav>a,.lc-primary-nav>div>button{padding:14px 0;color:#293d5b;font-weight:500;font-size:15px}.lc-primary-nav .lc-active,.lc-primary-nav a:hover{color:#2858e8}.lc-account-actions{gap:12px}.lc-account-actions>div>button{max-width:180px;overflow:hidden;text-overflow:ellipsis}.lc-header .absolute{box-shadow:0 10px 35px #142c5014}.lc-menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #e1e9f2;border-radius:6px;background:white;color:#142c50;font-size:22px!important}.lc-mobile-menu{padding:20px 24px;border-top:1px solid #e1e9f2;background:white;max-height:calc(100dvh - 76px);overflow:auto}.lc-mobile-account{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #e1e9f2}.lc-skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:#142c50;color:white;border-radius:6px;z-index:100}.lc-skip:focus{top:10px}
body[data-lidong-client] .lc-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 21px;border:1px solid #dce3ed;border-radius:6px;background:#fff;color:#142c50;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;transition:background .16s,border-color .16s,box-shadow .16s}body[data-lidong-client] .lc-btn-primary{background:#2858e8;border-color:#2858e8;color:#fff;box-shadow:0 4px 9px #2858e81a}body[data-lidong-client] .lc-btn:hover{border-color:#2858e8;color:#2858e8}body[data-lidong-client] .lc-btn-primary:hover{background:#204ac7;color:white}.lc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.lc-hero-actions .lc-btn{min-height:50px;padding:13px 24px}
.lc-shell{width:100%;flex:1}.lc-main{min-width:0;flex:1}.lc-shell.lc-with-sidebar{display:flex;align-items:flex-start;gap:32px;max-width:1180px;width:calc(100% - 64px);margin:42px auto 60px}.lc-sidebar#main-aside{position:static!important;display:block;flex:0 0 226px;width:226px;height:auto!important;margin:0!important;background:#fff;border:1px solid #e1e9f2;border-radius:6px;overflow:hidden}.lc-sidebar-title{padding:19px 22px;border-bottom:1px solid #e1e9f2;font-size:16px;font-weight:600}.lc-sidebar>div:nth-child(2){padding:14px 10px}.lc-sidebar a{font-size:14px}.lc-sidebar-help{padding:20px;border-top:1px solid #e1e9f2;font-size:13px}.lc-sidebar-help p{color:#5d6e85;margin:7px 0}.lc-sidebar-help a{color:#2858e8}.lc-main>.container{max-width:1180px;width:calc(100% - 64px)!important;margin:42px auto 56px!important}.lc-with-sidebar .lc-main>.container{width:100%!important;margin:0!important;padding:0}.lc-main .container .container{width:100%!important}.lc-main .border-neutral{border-color:#e1e9f2;border-radius:6px;box-shadow:none}.lc-main .bg-background-secondary{background:#fff}.lc-main .bg-background-secondary:hover{background:#fff}.lc-main .prose{max-width:none;color:#5d6e85;line-height:1.85}.lc-main .prose p{margin-block:8px}.lc-main .text-base\/50,.lc-main .text-base\/70{color:#65748a}.lc-main input:not([type=checkbox]):not([type=radio]),.lc-main select,.lc-main textarea{border-radius:5px!important;min-height:44px;background:#fff;color:#142c50;border-color:#dce3ed;max-width:100%}.lc-main button{border-radius:5px}.lc-main .bg-primary{background-color:#2858e8}.lc-main .text-primary{color:#2858e8}.lc-main [disabled]{cursor:not-allowed}.lc-main th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600}.lc-main td,.lc-main th{padding:15px 18px;border-color:#e9eef5}.lc-main table{font-variant-numeric:tabular-nums}.lc-main .overflow-x-auto{border:1px solid #e1e9f2;border-radius:6px;background:#fff}.lc-main .overflow-x-auto .border-neutral{border:0}.lc-main textarea{min-height:120px}.lc-main h1+.muted{margin-top:10px}.lc-page>h1{margin-bottom:22px}.lc-page>nav{margin-bottom:24px}
.lc-home{background:white}.lc-hero{background:linear-gradient(112deg,#f8fbff 10%,#edf4ff 78%,#e5f0fd);border-bottom:1px solid #e3ebf6}.lc-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:15px;align-items:center;min-height:540px;padding-block:50px}.lc-eyebrow{font-size:11px;letter-spacing:1.5px;color:#2858e8;font-weight:700;margin:0 0 18px}.lc-hero h1{font-size:clamp(36px,4vw,52px)!important;font-weight:750!important;line-height:1.3!important;letter-spacing:-1.7px!important}.lc-hero h1 span{color:#2858e8}.lc-lead{max-width:480px;font-size:16px;line-height:1.95;color:#5d6e85;margin-top:25px}.lc-hero-art{width:100%;height:auto;max-height:480px;object-fit:contain}.lc-service-section{padding-block:64px}.lc-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.lc-section-heading h2{font-size:29px!important}.lc-section-heading p:not(.lc-eyebrow){font-size:14px;color:#5d6e85}.lc-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lc-service-card{border:1px solid #e1e9f2;border-radius:6px;padding:30px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.lc-service-card:hover{border-color:#b0c2f5;box-shadow:0 8px 26px #142c5008}.lc-service-symbol{width:48px;height:48px;color:#2858e8;font:600 28px/48px monospace;background:#eef3ff;border-radius:6px;text-align:center;margin-bottom:24px}.lc-service-card h3{font-size:23px;font-weight:650;margin:0 0 14px}.lc-description{color:#5d6e85;font-size:14px;line-height:1.8;flex:1;overflow-wrap:anywhere}.lc-service-card>a{display:flex;justify-content:space-between;color:#2858e8;margin-top:28px;padding-top:20px;border-top:1px solid #edf1f7;font-weight:600}.lc-home-support{background:#f5f8ff;border-block:1px solid #e7edf7}.lc-home-support>.lc-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:42px}.lc-home-support h2{font-size:28px!important}.lc-home-support p:last-child{color:#5d6e85;margin-top:12px}.lc-service-note{display:flex;gap:24px;padding-block:25px;color:#5d6e85;font-size:13px}.lc-service-note strong{white-space:nowrap;color:#142c50}
.lc-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 26px;border-bottom:1px solid #e1e9f2}.lc-welcome .lc-eyebrow{margin-bottom:10px}.lc-welcome h1{font-size:29px!important}.lc-welcome p:last-child{color:#5d6e85;margin-top:10px}.lc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.lc-stats>a{background:white;border:1px solid #e1e9f2;border-top:3px solid #2858e8;padding:20px 22px;border-radius:5px;display:flex;flex-direction:column;gap:6px;color:#5d6e85}.lc-stats strong{font-size:32px;color:#142c50;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.lc-stats small{margin-top:9px;font-size:12px;color:#2858e8}.lc-dashboard>.grid{gap:24px}.lc-dashboard>.grid>div{gap:24px}.lc-widget{background:#fff;border:1px solid #e1e9f2;border-radius:6px;padding:22px}.lc-widget h2{font-size:17px!important}.lc-widget .mb-6{margin-bottom:20px}.lc-widget .border-neutral{background:#f9fbfe}.lc-widget>.space-y-4{margin-bottom:14px}.lc-widget .size-5.text-sm{min-width:24px;border-radius:4px;font-size:12px}.lc-catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;align-items:start}.lc-catalog-layout>div:first-child>div:first-child{margin-bottom:20px}.lc-catalog-layout>div:first-child .lc-product-card{padding:8px 0!important;gap:0}.lc-catalog-layout>div:first-child .lc-product-card a{padding:12px 18px;border-bottom:1px solid #edf1f7;font-size:14px}.lc-catalog-layout>div:first-child .lc-product-card a.font-bold{color:#2858e8;background:#f2f6ff}.lc-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lc-product-card{padding:25px!important;min-width:0}.lc-product-card h2{font-size:19px!important;font-weight:600;overflow-wrap:anywhere}.lc-product-price{font-size:29px!important;font-weight:600!important;padding-block:16px;color:#2858e8!important;font-variant-numeric:tabular-nums}.lc-product-card .prose{font-size:13px}.lc-product-card .prose ul{padding-left:18px}.lc-product-card .prose li{padding-block:4px}.lc-product-card .prose h3{font-size:15px}.lc-product-card button{width:100%;min-height:44px}.lc-product-card .mt-auto{margin-top:auto;padding-top:20px}.lc-product-detail>div{background:#fff;padding:30px;border:1px solid #e1e9f2;border-radius:6px}.lc-product-detail>div>.prose{max-width:800px}
body[data-lidong-client] #login,body[data-lidong-client] #register{border-radius:7px;background:#fff;box-shadow:0 8px 32px #142c5005;border:1px solid #e1e9f2;padding:34px 38px;margin:45px auto 60px;width:calc(100% - 40px);max-width:490px}body[data-lidong-client] #register{max-width:680px}body[data-lidong-client] #login>div:first-child,body[data-lidong-client] #register>div:first-child{margin:0 0 25px;align-items:flex-start}body[data-lidong-client] #login h1,body[data-lidong-client] #register h1{font-size:27px;margin-top:16px;font-weight:600;text-align:left}body[data-lidong-client] #login .ld-brand-mark,body[data-lidong-client] #register .ld-brand-mark{border-radius:0;clip-path:polygon(0 0,37% 0,37% 64%,100% 64%,100% 100%,0 100%);background:#2858e8;font-size:0;width:28px;height:31px}body[data-lidong-client] form button[type=submit]{min-height:44px}
.lc-portal .card,.lc-announcements .card{background:#fff;border:1px solid #e1e9f2;border-radius:6px;padding:26px;margin:24px 0}.lc-portal .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.lc-portal .value{font-size:27px;font-weight:600;color:#2858e8;font-variant-numeric:tabular-nums;margin-top:8px;overflow-wrap:anywhere}.lc-portal .muted,.lc-announcements .muted{color:#5d6e85;font-size:13px}.lc-portal h2{font-size:19px;margin-bottom:16px}.lc-portal p{margin:12px 0 20px}.lc-portal .btn{display:inline-flex;background:#2858e8;border-radius:5px;color:#fff;padding:12px 20px}.lc-portal .error{color:#a53a1c;background:#fff0e9;padding:18px;border-radius:6px}.lc-announcements{max-width:960px!important}.lc-announcements h2{font-size:22px;margin:10px 0 20px}.lc-announcements .card>div{line-height:1.95;color:#50617a;font-size:14px}
body[data-lidong-client] .lc-footer{width:100%;background:#fff;border-top:1px solid #e1e9f2;margin-top:0!important;color:#5d6e85}.lc-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding-block:42px}.lc-footer-top p{font-size:13px;line-height:1.9;margin-top:18px}.lc-footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:13px}.lc-footer-top strong{color:#142c50;font-size:14px;margin-bottom:5px}.lc-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid #edf1f7;font-size:12px}.lc-footer a:hover{color:#2858e8}
@media(min-width:1024px){.lc-mobile-menu{display:none!important}}
@media(max-width:1100px){.lc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-primary-nav{gap:18px}.lc-shell.lc-with-sidebar{gap:22px}.lc-sidebar#main-aside{flex-basis:205px;width:205px}.lc-portal .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){.lc-navline,.lc-desktop{display:none!important}.lc-menu-button{display:flex}.lc-topbar{height:72px}.lc-utilities{gap:12px}.lc-shell.lc-with-sidebar{display:block}.lc-sidebar#main-aside{display:none!important}.lc-hero-grid{min-height:470px}.lc-hero h1{font-size:38px!important}.lc-service-grid{gap:16px}.lc-service-card{padding:24px}.lc-catalog-layout{grid-template-columns:190px minmax(0,1fr)}.lc-mobile-menu>div>div:first-child{display:flex!important}.lc-mobile-menu .md\:hidden{display:flex!important}}
@media(max-width:640px){.lc-wrap{width:calc(100% - 36px)}.lc-logo{font-size:21px;gap:8px}.lc-logomark{width:23px;height:26px}.lc-topbar{height:68px}.lc-mobile-menu{max-height:calc(100dvh - 68px);padding:16px 18px}.lc-shell.lc-with-sidebar{width:calc(100% - 32px);margin:26px auto 36px}.lc-main>.container{width:calc(100% - 32px)!important;margin:28px auto 36px!important}.lc-with-sidebar .lc-main>.container{width:100%!important}.lc-hero-grid{grid-template-columns:1fr;padding-block:35px 20px;gap:12px}.lc-hero h1{font-size:36px!important}.lc-lead{font-size:14px;margin-top:20px;line-height:1.9}.lc-eyebrow{font-size:10px;letter-spacing:1.1px}.lc-hero-actions{gap:10px;margin-top:25px}.lc-hero-actions .lc-btn{padding:12px 15px;gap:15px;min-height:47px}.lc-hero-art{max-height:295px;margin-top:4px}.lc-service-section{padding-block:35px}.lc-section-heading{display:block;margin-bottom:22px}.lc-section-heading h2{font-size:24px!important}.lc-section-heading p:not(.lc-eyebrow){margin-top:12px}.lc-service-grid{grid-template-columns:1fr}.lc-service-card{padding:24px}.lc-service-symbol{margin-bottom:17px}.lc-service-card>a{margin-top:20px;padding-top:17px}.lc-home-support>.lc-wrap{display:block;padding-block:30px}.lc-home-support h2{font-size:24px!important}.lc-home-support .lc-btn{margin-top:22px}.lc-service-note{display:block;padding-block:22px;font-size:12px}.lc-service-note p{margin-top:8px}.lc-welcome{display:block;padding-bottom:22px}.lc-welcome h1{font-size:25px!important}.lc-welcome .lc-btn{margin-top:20px}.lc-stats{gap:9px;margin-top:20px}.lc-stats>a{padding:15px 11px}.lc-stats span{font-size:12px}.lc-stats strong{font-size:27px}.lc-stats small{font-size:10px;line-height:1.5}.lc-widget{padding:18px}.lc-widget h2{font-size:16px!important}.lc-catalog-layout{display:block}.lc-catalog-layout>div:first-child{margin-bottom:24px}.lc-catalog-layout>div:first-child .lc-product-card{display:flex;flex-direction:row;overflow:auto}.lc-catalog-layout>div:first-child .lc-product-card a{white-space:nowrap;border:0;padding:10px 14px}.lc-product-grid{grid-template-columns:1fr;gap:16px}.lc-product-card{padding:24px!important}.lc-product-card h2{font-size:21px!important}.lc-product-detail>div{padding:20px}.lc-main .flex.items-center.justify-between{flex-wrap:wrap;gap:12px}.lc-main input:not([type=checkbox]):not([type=radio]),.lc-main textarea,.lc-main select{font-size:16px!important}.lc-main .grid.gap-12{gap:24px}.lc-main td,.lc-main th{padding:12px 14px}.lc-portal .card,.lc-announcements .card{padding:20px}.lc-portal .value{font-size:24px}.lc-announcements h2{font-size:20px}.lc-footer-top{grid-template-columns:1fr 1fr;padding-block:30px;gap:27px}.lc-footer-top>div:first-child{grid-column:1/-1}.lc-footer-bottom{flex-direction:column;gap:8px;padding-block:18px}body[data-lidong-client] #login,body[data-lidong-client] #register{padding:26px 23px;margin-block:28px 38px;width:calc(100% - 32px)}body[data-lidong-client] #login h1,body[data-lidong-client] #register h1{font-size:25px}.lc-main .max-w-full{min-width:0}}
@media(prefers-reduced-motion:reduce){body[data-lidong-client] *,body[data-lidong-client] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.lc-ticket-form{background:#fff;border:1px solid #e1e9f2;border-radius:6px;padding:28px;margin:0}.lc-ticket-form h1{margin-bottom:25px}.lc-empty{padding:14px 0;color:#5d6e85;font-size:13px}.lc-main .lc-page>.px-2{padding:26px;background:#fff;border:1px solid #e1e9f2;border-radius:6px}.lc-product-grid .lc-product-card{height:100%}.lc-product-card .prose{margin-bottom:15px}
@media(max-width:640px){.lc-ticket-form{padding:20px}.lc-ticket-form>.grid-cols-2{grid-template-columns:1fr}.lc-main .lc-page>.px-2{padding:20px}}

body[data-lidong-client] #reset{border:1px solid #e1e9f2;border-radius:6px;background:#fff;padding:34px 38px;margin:45px auto 60px;width:calc(100% - 40px);max-width:490px}body[data-lidong-client] #reset>div:first-child{margin:0 0 25px;align-items:flex-start}body[data-lidong-client] #reset h1{font-size:27px;margin-top:16px;font-weight:600;text-align:left}.lc-main .p-12{padding:28px}.lc-main .lc-crumb-title{font-size:25px}.lc-error-body{margin:0;display:flex;flex-direction:column;min-height:100dvh}.lc-error-body>.lc-error-main{max-width:580px;width:calc(100% - 36px);margin:64px auto;padding:36px;background:white;border:1px solid #e1e9f2;border-radius:6px}.lc-error-main .lc-eyebrow{margin-bottom:18px}.lc-error-main h1{margin-bottom:20px}.lc-error-main p{color:#5d6e85;line-height:1.9;margin-bottom:24px}
@media(max-width:640px){body[data-lidong-client] #reset{padding:26px 23px;margin-block:28px 38px;width:calc(100% - 32px)}.lc-main .p-12{padding:18px}.lc-security form .grid-cols-2{grid-template-columns:1fr}.lc-security form .col-span-2{grid-column:span 1}.lc-main .lc-crumb-title{font-size:23px}.lc-error-body>.lc-error-main{padding:25px;margin:30px auto}}

body[data-lidong-client],body[data-lidong-client] *,body[data-lidong-client] *::before,body[data-lidong-client] *::after{box-sizing:border-box}
.lc-main .ld-brand-mark{border-radius:0!important;clip-path:polygon(0 0,37% 0,37% 64%,100% 64%,100% 100%,0 100%);background:#2858e8!important;font-size:0!important;width:28px;height:31px}
body[data-lidong-client] .lc-main>.container{max-width:1180px}.lc-catalog-layout>.col-span-3{grid-column:auto;min-width:0}
