[data-account]{position:relative;flex-shrink:0;font-family:Arial,sans-serif}.account-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #ead5de;border-radius:24px;background:#fff9fb;color:#813b57;cursor:pointer;text-decoration:none;font-size:13px;white-space:nowrap;list-style:none}.account-trigger::-webkit-details-marker{display:none}.account-trigger>span:first-child{font-size:21px}.account-trigger:focus-visible,.account-dropdown a:focus-visible,.account-dropdown button:focus-visible{outline:3px solid #b45e82;outline-offset:3px}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:100;width:260px;padding:20px;border:1px solid #ead5de;border-radius:16px;background:white;box-shadow:0 16px 50px #60223f20;line-height:1.6}.account-dropdown small{font-size:10px;color:#98627a;letter-spacing:1.5px}.account-dropdown strong{display:block;margin:5px 0 15px;color:#542e40;overflow-wrap:anywhere}.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:11px 10px;text-align:left;border:0;border-radius:8px;font:inherit;font-size:14px;text-decoration:none;background:transparent;color:#674153;cursor:pointer}.account-dropdown .account-dashboard{background:#f9edf2;color:#943e62;font-weight:600}.account-dropdown a:hover,.account-dropdown button:hover{background:#faf3f6}.account-error{color:#ae294c;font-size:13px;line-height:1.6;margin:10px 0}.account-error:empty{display:none}.account-page{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:1000px;margin:35px auto 65px}.account-intro h1{font:600 clamp(30px,4vw,46px)/1.2 Arial,sans-serif;letter-spacing:-1.5px;color:#603246;margin:22px 0}.account-intro p{max-width:380px;line-height:1.8;color:#826a77}.account-intro>a{display:inline-block;margin-top:22px;color:#944362}.account-card{padding:35px;border:1px solid #eedce4;border-radius:22px;background:#fff;box-shadow:0 18px 70px #7437530a}.account-card h2{font:600 26px Arial,sans-serif;color:#603246}.account-card>p{line-height:1.7;color:#806b75}.account-form{margin-top:24px}.account-form label{display:block;font-size:14px;color:#654153;margin-top:18px}.account-form input{display:block;width:100%;min-height:46px;padding:12px;border:1px solid #dfc7d2;border-radius:8px;background:white;font:16px Arial,sans-serif;margin-top:8px;box-sizing:border-box}.account-form input:focus{outline:2px solid #b65e83;outline-offset:1px}.account-password{display:flex;align-items:stretch;margin-top:8px;border:1px solid #dfc7d2;border-radius:8px}.account-password input{border:0;margin:0;min-width:0}.account-password button{padding:0 15px;background:none;border:0;color:#924362;cursor:pointer}.account-form>.button{margin-top:22px}.account-help{font-size:12px;line-height:1.7;color:#8a7380;margin-top:18px}.account-back{display:block;text-align:center;margin-top:18px}.store-header-links{display:flex;align-items:center;gap:18px}@media(max-width:1050px){.header-main .search{flex:1;min-width:130px}.header-actions{gap:8px}.account-trigger{padding:8px 10px}}@media(max-width:720px){.account-page{grid-template-columns:1fr;gap:24px;margin:0 auto 30px}.account-card{padding:24px}.account-intro h1{font-size:32px}.account-intro>p{margin-bottom:0}.store-header-links>.text-link{display:none}.header-actions .account-trigger{font-size:12px;padding:7px 9px}.header-main .brand{min-width:0}.header-main{column-gap:8px}.account-dropdown{position:fixed;top:105px;right:12px;max-width:calc(100vw - 24px)}}
[data-account] .account-menu{border:0;margin:0;padding:0}
@media(max-width:720px){.site-header:has(.header-actions) .header-main{height:auto;min-height:75px;padding-top:12px;padding-bottom:12px;row-gap:12px}.site-header:has(.header-actions) .header-actions{margin-left:auto}.site-header:has(.header-actions) .brand>span{font-size:22px}.site-header:has(.header-actions) .brand img{width:29px;height:35px}.site-header:has(.header-actions) .header-actions{gap:4px}.site-header:has(.header-actions) .account-dropdown{top:110px}}
.account-page-social{max-width:1100px;gap:0;align-items:stretch;margin:12px auto 40px;border:1px solid #efdde5;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 20px 70px #8443610c}.account-flower{position:relative;min-height:620px;background:#e6cfda}.account-flower>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.account-flower:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#432535d9,transparent 80%)}.account-flower-copy{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:42px;color:#fff}.account-flower-copy>span{font-size:10px;letter-spacing:3px;color:#ffe8f1}.account-flower-copy h1{font:500 clamp(30px,3.5vw,42px)/1.2 Georgia,serif;margin:18px 0;color:#fff;letter-spacing:-1px}.account-flower-copy p{color:#ffedf4;line-height:1.8;font-size:14px}.account-flower-copy a{display:inline-block;margin-top:20px;border-bottom:1px solid #f6d5e3;padding-bottom:7px;color:white;font-size:12px}.account-page-social .account-card{border:0;border-radius:0;box-shadow:none;padding:48px 40px;align-self:center}.account-page-social .account-card h2{font:600 28px/1.3 Arial,sans-serif;letter-spacing:-.7px;margin:18px 0 12px}.social-buttons{display:grid;gap:12px;margin:28px 0 20px}.social-button{display:flex;align-items:center;gap:16px;padding:14px 17px;border:1px solid #dfe0e8;border-radius:12px;background:#fff;text-align:left;font:500 14px Arial,sans-serif;text-decoration:none;color:#493d47;min-height:58px}.social-button>span{font:bold 23px Arial,sans-serif;width:27px;text-align:center;color:#4285f4}.social-button.facebook>span{background:#1877f2;color:white;border-radius:50%;height:27px;line-height:31px}.social-button b{margin-left:auto;font-weight:400}.social-button:disabled{background:#faf9fa;color:#776b73;cursor:not-allowed}.social-button small{display:block;font-size:10px;margin-top:5px;color:#9d8793}.social-button:hover:not(:disabled){border-color:#bb7998;background:#fff9fb}.social-privacy{font-size:11px!important;line-height:1.8!important;color:#95808b!important}.social-privacy a{color:#985375;text-decoration:underline}.staff-login{border-top:1px solid #eee1e7;padding-top:20px;margin-top:24px}.staff-login summary{font-size:12px;color:#9a486b;cursor:pointer}.social-notice{padding:12px;background:#fff3e8;border-radius:8px;font-size:13px!important}.customer-email{overflow-wrap:anywhere;font-size:13px}@media(max-width:720px){.account-page-social{margin:0 auto 24px;border-radius:18px;gap:0}.account-flower{min-height:270px}.account-flower-copy{padding:24px}.account-flower-copy h1{font-size:30px;margin:12px 0}.account-flower-copy p{display:none}.account-flower-copy a{margin-top:8px}.account-page-social .account-card{padding:30px 24px}.account-page-social .account-card h2{font-size:25px}.social-buttons{margin-top:22px}}
.social-button:disabled{opacity:1}
.auth-tabs{display:flex;border-bottom:1px solid #efdce4;margin:22px 0 18px;gap:20px}.auth-tabs button{border:0;background:none;padding:12px 0;font:inherit;color:#79636e;cursor:pointer}.auth-tabs button[aria-pressed=true]{color:#a23d65;border-bottom:3px solid #a23d65;font-weight:700}.auth-switch{text-align:center;font-size:14px}.auth-switch button{border:0;background:none;color:#9d3d64;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:12px;color:#907984;font-size:13px;margin:24px 0 16px}.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:#efdee5}.customer-auth .account-form{gap:12px}.customer-auth small{color:#806d76;line-height:1.5}.account-page-social{align-items:stretch}.account-flower{min-height:620px}.account-card{min-width:0}@media(max-width:700px){.account-flower{min-height:280px}.auth-tabs{gap:16px}}
.account-role-tabs{display:flex;gap:10px;margin-bottom:28px;padding:5px;background:#fbf0f5;border-radius:12px}.account-role-tabs a{flex:1;text-align:center;padding:12px 8px;color:#80596c;text-decoration:none;font-size:13px;border-radius:8px}.account-role-tabs a[aria-current=page]{background:#a13e66;color:#fff}.profile-dashboard,.customer-management{max-width:1120px;margin:20px auto 50px;color:#624153}.profile-welcome{padding:32px;border-radius:22px;background:#f8edf2;margin-bottom:24px}.profile-welcome h1,.management-heading h1{font-size:36px;margin:14px 0}.profile-welcome p{line-height:1.7}.profile-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.profile-panel{padding:30px;border:1px solid #eadbe2;background:#fff;border-radius:20px;min-width:0}.profile-panel h2{font-size:22px;margin:0 0 18px}.profile-panel p{line-height:1.7}.profile-secondary{display:block;margin-top:16px;padding:12px 16px;background:#fff8fb;border:1px solid #e5cdd8;border-radius:10px;color:#93415f;font:inherit;text-decoration:none;cursor:pointer}.profile-facts{display:grid;gap:10px}.profile-facts dt{font-size:12px;color:#886b7b}.profile-facts dd{margin:0 0 14px;font-weight:600}.profile-admin-note{padding:18px;background:#fbf5f8;border-radius:12px;margin-top:25px}.profile-admin-note h3{margin:0;font-size:16px}.profile-admin-note p{font-size:13px}.profile-admin-note a{color:#9b3d64;text-decoration:underline}.profile-success{padding:12px;background:#eef7f0;color:#24663c;border-radius:8px}.account-form textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid #dfc7d2;border-radius:8px;font:16px Arial,sans-serif;resize:vertical}.account-form input[readonly]{background:#f7f4f6;color:#806b76}.management-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.customer-stats article{padding:25px;border:1px solid #eadbe2;border-radius:18px;background:#fff}.customer-stats span{font-size:13px}.customer-stats strong{display:block;font-size:36px;color:#a13e66;margin-top:8px}.customer-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.customer-filters label{flex:1;min-width:180px;font-size:13px}.customer-filters input,.customer-filters select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #dfc7d2;border-radius:8px;background:#fff;font:14px Arial,sans-serif;box-sizing:border-box}.customer-table-scroll{overflow:auto}.customer-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:720px}.customer-table th{padding:16px 12px;background:#fcf5f8;color:#8a526c}.customer-table td{padding:18px 12px;border-bottom:1px solid #f0e5eb;max-width:240px;overflow-wrap:anywhere;vertical-align:top}.customer-table small{display:block;color:#8b7480;margin-top:8px;line-height:1.5}.customer-table a{color:#983b60}.customer-badge{display:inline-block;padding:5px 10px;background:#f8edf3;border-radius:15px}.customer-empty{text-align:center;padding:45px 15px}.customer-pagination{display:flex;gap:22px;justify-content:flex-end;margin-top:25px}@media(max-width:760px){.profile-panels{grid-template-columns:1fr}.profile-panel{padding:22px}.profile-welcome{padding:24px}.management-heading{display:block}.customer-stats{gap:8px}.customer-stats article{padding:15px}.customer-stats strong{font-size:28px}.profile-welcome h1,.management-heading h1{font-size:28px}}
@media(max-width:650px){.customer-table{min-width:0;display:block}.customer-table thead{display:none}.customer-table tbody,.customer-table tr,.customer-table td{display:block}.customer-table tr{padding:12px 0;border-bottom:1px solid #eadbe2}.customer-table td{border:0;max-width:none;padding:9px 0}.customer-table td:before{display:block;font-size:11px;color:#967889;margin-bottom:6px}.customer-table td:nth-child(1):before{content:'KHÁCH HÀNG'}.customer-table td:nth-child(2):before{content:'LIÊN HỆ'}.customer-table td:nth-child(3):before{content:'ĐĂNG NHẬP'}.customer-table td:nth-child(4):before{content:'THAM GIA'}.customer-table small{margin-top:5px}}