.cello-account{--ca-ink:#1f252b;--ca-muted:#66717b;--ca-line:#e8e3dc;--ca-soft:#f8f5ef;--ca-accent:#df5c39;--ca-accent-dark:#bd4426;--ca-green:#147a5b;background:#fbfaf8;color:var(--ca-ink);padding:0 0 72px}.cello-account *{box-sizing:border-box}.ca-breadcrumb{background:#fff;border-bottom:1px solid var(--ca-line)}.ca-breadcrumb .breadcrumb{margin:0;padding:14px 0;background:transparent;font-size:13px}.ca-shell{max-width:1180px;margin:0 auto;padding:0 15px}.ca-auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:42px;align-items:stretch;padding-top:36px}.ca-story,.ca-card,.ca-dashboard-hero,.ca-panel{border:1px solid var(--ca-line);border-radius:24px;background:#fff}.ca-story{position:relative;overflow:hidden;padding:48px;background:linear-gradient(145deg,#fff8ef 0%,#f6eee3 100%)}.ca-story:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;bottom:-90px;background:rgba(223,92,57,.11)}.ca-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ca-accent)}.ca-story h1,.ca-card h1,.ca-dashboard-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:16px 0;color:var(--ca-ink);font-weight:800}.ca-story>p,.ca-card-head p,.ca-dashboard-hero p{color:var(--ca-muted);font-size:16px;line-height:1.7;max-width:620px}.ca-benefits{display:grid;gap:14px;margin:32px 0 0;padding:0;list-style:none}.ca-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.ca-benefits i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ca-accent);border:1px solid #f0d8cf;flex:0 0 30px}.ca-support{margin-top:32px;padding-top:22px;border-top:1px solid rgba(31,37,43,.1);font-size:13px;color:var(--ca-muted)}.ca-support strong{display:block;color:var(--ca-ink);font-size:15px;margin-top:4px}.ca-card{padding:36px;box-shadow:0 18px 60px rgba(31,37,43,.07)}.ca-card-head h1{font-size:32px;margin:8px 0}.ca-alert{border:0;border-radius:14px;padding:13px 15px;margin-bottom:18px}.ca-field{margin-bottom:18px}.ca-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:8px;color:#30373d}.ca-field label a{font-weight:600;color:var(--ca-accent)}.ca-input-wrap{position:relative}.ca-input-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#87919a}.ca-input-wrap .form-control,.ca-field>.form-control{height:50px;border:1px solid #dcd7d0;border-radius:12px;box-shadow:none;padding:10px 44px;font-size:15px;background:#fff}.ca-field>.form-control{padding:10px 14px}.ca-input-wrap .form-control:focus,.ca-field>.form-control:focus{border-color:var(--ca-accent);box-shadow:0 0 0 3px rgba(223,92,57,.1)}.ca-password-toggle{position:absolute;right:8px;top:7px;width:36px;height:36px;border:0;background:transparent;color:#67717a;border-radius:8px}.ca-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:var(--ca-accent);color:#fff;font-weight:800;text-decoration:none;transition:.2s}.ca-button:hover,.ca-button:focus{background:var(--ca-accent-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}.ca-button-block{width:100%}.ca-button-secondary{background:#fff;color:var(--ca-ink);border:1px solid #dcd7d0}.ca-button-secondary:hover{background:var(--ca-soft);color:var(--ca-ink)}.ca-divider{display:flex;align-items:center;gap:12px;color:#929aa1;font-size:12px;margin:24px 0}.ca-divider:before,.ca-divider:after{content:'';height:1px;flex:1;background:var(--ca-line)}.ca-register-link{text-align:center;color:var(--ca-muted);font-size:14px}.ca-register-link a{font-weight:800;color:var(--ca-accent)}.ca-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ca-span-2{grid-column:1/-1}.ca-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ca-muted);line-height:1.5;margin:16px 0}.ca-check input{margin-top:3px}.ca-password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.ca-password-meter span{height:3px;border-radius:4px;background:#e2ded8}.ca-password-meter[data-strength='1'] span:nth-child(-n+1),.ca-password-meter[data-strength='2'] span:nth-child(-n+2),.ca-password-meter[data-strength='3'] span:nth-child(-n+3),.ca-password-meter[data-strength='4'] span{background:var(--ca-accent)}.ca-password-note{font-size:12px;color:var(--ca-muted);margin-top:6px}.ca-dashboard{padding-top:30px}.ca-dashboard-hero{padding:34px 38px;background:linear-gradient(135deg,#fff8f0,#fff);display:flex;align-items:center;justify-content:space-between;gap:24px}.ca-dashboard-hero h1{font-size:34px}.ca-dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.ca-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.ca-panel{padding:24px}.ca-panel-wide{grid-column:span 2}.ca-panel h2{font-size:19px;margin:0 0 6px;font-weight:800}.ca-panel>p{font-size:13px;color:var(--ca-muted);margin-bottom:18px}.ca-menu{display:grid;gap:8px}.ca-menu a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--ca-ink);font-weight:650;text-decoration:none}.ca-menu a:hover{background:var(--ca-soft);color:var(--ca-accent)}.ca-menu i{width:34px;height:34px;border-radius:10px;background:#f7eee9;color:var(--ca-accent);display:grid;place-items:center}.ca-menu .ca-arrow{margin-left:auto;width:auto;height:auto;background:none;color:#a5adb3}.ca-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ca-quick-grid a{padding:18px;border:1px solid var(--ca-line);border-radius:14px;text-decoration:none;color:var(--ca-ink);font-weight:750}.ca-quick-grid a span{display:block;font-size:12px;font-weight:500;color:var(--ca-muted);margin-top:5px}.ca-empty-note{padding:16px;border-radius:14px;background:var(--ca-soft);color:var(--ca-muted);font-size:13px}.ca-simple{max-width:650px;margin:36px auto 0}.ca-simple .ca-card{text-align:left}.ca-simple .ca-card-head{text-align:center}.ca-icon-hero{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#fff0e8;color:var(--ca-accent);font-size:24px}.text-danger{font-size:12px;margin-top:6px}.ca-loading{opacity:.65;pointer-events:none}@media(max-width:900px){.ca-auth{grid-template-columns:1fr}.ca-story{padding:32px}.ca-dashboard-grid{grid-template-columns:1fr 1fr}.ca-panel-wide{grid-column:span 2}}@media(max-width:600px){.cello-account{padding-bottom:42px}.ca-auth{padding-top:18px;gap:16px}.ca-story,.ca-card{border-radius:18px;padding:24px}.ca-story h1{font-size:32px}.ca-form-grid{grid-template-columns:1fr}.ca-span-2{grid-column:auto}.ca-dashboard-hero{padding:24px;align-items:flex-start;flex-direction:column}.ca-dashboard-grid{grid-template-columns:1fr}.ca-panel-wide{grid-column:auto}.ca-quick-grid{grid-template-columns:1fr}.ca-card-head h1{font-size:28px}}


/* Account management suite v1.2 */
.ca-account-page{min-height:620px}.ca-account-page .main-breadcrumb{background:#fff;border-bottom:1px solid var(--ca-line)}.ca-account-page .main-breadcrumb .breadcrumb{max-width:1180px;margin:0 auto;padding:14px 15px;background:transparent;font-size:13px}.ca-account-page .wrap-secure{max-width:1180px;padding-top:30px;padding-bottom:72px}.ca-account-page #content{background:#fff;border:1px solid var(--ca-line);border-radius:22px;padding:30px;box-shadow:0 12px 40px rgba(31,37,43,.045)}.ca-account-page #content>h1,.ca-account-page #content>h2{margin:0 0 8px;font-size:30px;line-height:1.2;font-weight:800;color:var(--ca-ink)}.ca-account-page #content>h1:after,.ca-account-page #content>h2:after{content:'Quản lý thông tin và các tiện ích thành viên Cello';display:block;margin-top:9px;font-size:14px;line-height:1.55;font-weight:400;color:var(--ca-muted)}.ca-account-page .account-info{margin-top:24px}.ca-account-page .form-horizontal .form-group{margin-left:0;margin-right:0;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #f0ece6}.ca-account-page .form-horizontal .form-group:last-child{border-bottom:0;margin-bottom:0}.ca-account-page .control-label{padding-top:12px;text-align:left;font-size:13px;font-weight:750;color:#343b41}.ca-account-page .form-control{height:48px;border:1px solid #ddd7cf;border-radius:12px;background:#fff;box-shadow:none;padding:10px 14px;font-size:14px}.ca-account-page textarea.form-control{height:auto;min-height:110px}.ca-account-page .form-control:focus{border-color:var(--ca-accent);box-shadow:0 0 0 3px rgba(223,92,57,.1)}.ca-account-page select.form-control{appearance:auto}.ca-account-page .btn,.ca-account-page .btn-submit{min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid transparent;font-weight:750;box-shadow:none;transition:.2s}.ca-account-page .btn-primary,.ca-account-page .btn-submit,.ca-account-page .btn-info{background:var(--ca-accent);border-color:var(--ca-accent);color:#fff}.ca-account-page .btn-primary:hover,.ca-account-page .btn-submit:hover,.ca-account-page .btn-info:hover{background:var(--ca-accent-dark);border-color:var(--ca-accent-dark);color:#fff}.ca-account-page .btn-default{background:#fff;border-color:#ddd7cf;color:var(--ca-ink)}.ca-account-page .btn-danger{border-radius:50%;min-width:42px;padding:9px}.ca-account-page .buttons{margin-top:24px;padding-top:20px;border-top:1px solid var(--ca-line)}.ca-account-page .alert{border:0;border-radius:14px;padding:14px 16px}.ca-account-page .table-responsive{border:0;margin-top:22px}.ca-account-page .table{border-collapse:separate;border-spacing:0;border:1px solid var(--ca-line);border-radius:16px;overflow:hidden;background:#fff}.ca-account-page .table>thead>tr>td,.ca-account-page .table>thead>tr>th{background:var(--ca-soft);border:0;border-bottom:1px solid var(--ca-line);padding:13px 14px;font-size:12px;font-weight:800;color:#4b555d;text-transform:none}.ca-account-page .table>tbody>tr>td,.ca-account-page .table>tfoot>tr>td{border:0;border-bottom:1px solid #eeeae4;padding:15px 14px;vertical-align:middle;font-size:13px}.ca-account-page .table>tbody>tr:last-child>td,.ca-account-page .table>tfoot>tr:last-child>td{border-bottom:0}.ca-account-page .table-hover>tbody>tr:hover{background:#fffaf6}.ca-account-page .pagination{margin:18px 0 0}.ca-account-page .pagination>li>a,.ca-account-page .pagination>li>span{border:1px solid var(--ca-line);color:var(--ca-ink);margin-right:5px;border-radius:9px}.ca-account-page .pagination>.active>a,.ca-account-page .pagination>.active>span{background:var(--ca-accent);border-color:var(--ca-accent);color:#fff}.ca-account-page .list-group{border:1px solid var(--ca-line);border-radius:18px;overflow:hidden;background:#fff}.ca-account-page .list-group-item{border:0;border-bottom:1px solid #eeeae4;padding:13px 16px;color:var(--ca-ink);font-size:13px}.ca-account-page .list-group-item:last-child{border-bottom:0}.ca-account-page .list-group-item:hover,.ca-account-page .list-group-item.active{background:#fff5ee;color:var(--ca-accent)}.ca-account-page h2,.ca-account-page h3{font-weight:800;color:var(--ca-ink)}.ca-account-page .well{background:var(--ca-soft);border:1px solid var(--ca-line);border-radius:16px;box-shadow:none}.ca-account-page input[type=checkbox],.ca-account-page input[type=radio]{accent-color:var(--ca-accent)}.ca-account-page .text-danger{color:#b83c2b}.ca-account-page #content>p:only-of-type,.ca-account-page #content>p:first-of-type:last-of-type{padding:28px;border-radius:16px;background:var(--ca-soft);color:var(--ca-muted);text-align:center}.ca-state-card{text-align:center;padding:48px}.ca-state-card h1{font-size:34px;margin:12px 0}.ca-state-message{color:var(--ca-muted);font-size:15px;line-height:1.7}.ca-state-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.ca-text-link{font-weight:750;color:var(--ca-accent);padding:12px;text-decoration:none}.ca-text-link:hover{color:var(--ca-accent-dark)}
@media(max-width:767px){.ca-account-page .wrap-secure{padding-top:18px;padding-bottom:42px}.ca-account-page #content{border-radius:18px;padding:21px}.ca-account-page #content>h1,.ca-account-page #content>h2{font-size:25px}.ca-account-page .control-label{padding-top:0;margin-bottom:7px}.ca-account-page .form-horizontal .form-group{padding-bottom:15px;margin-bottom:15px}.ca-account-page .table{min-width:680px}.ca-account-page .buttons .pull-left,.ca-account-page .buttons .pull-right{float:none!important;display:block;margin:8px 0}.ca-account-page .buttons .btn{width:100%}.ca-state-card{padding:30px 22px}.ca-state-actions{flex-direction:column}.ca-state-actions .ca-button{width:100%}}

/* Account breadcrumb system sync v1.3
   Matches the global Cello breadcrumb used by category, brand and information pages. */
.cello-account .main-breadcrumb,
.cello-account .ca-account-breadcrumb {
  width: 100%;
  min-height: 42px;
  margin: 0;
  background: #efefef;
  border: 0;
}
.cello-account .main-breadcrumb > .container,
.cello-account .ca-account-breadcrumb > .container {
  padding-left: 15px;
  padding-right: 15px;
}
.cello-account .main-breadcrumb .breadcrumb,
.cello-account .ca-account-breadcrumb .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 42px;
  margin: 0;
  padding: 8px 0;
  background: transparent;
  font-size: 13px;
  line-height: 26px;
}
/* Neutralize the older account-only white breadcrumb override. */
.ca-account-page .main-breadcrumb {
  background: #efefef;
  border-bottom: 0;
}
.ca-account-page .main-breadcrumb .breadcrumb {
  max-width: none;
  margin: 0;
  padding: 8px 0;
}
/* Keep the content origin aligned with the global 1170px Bootstrap container. */
.cello-account .ca-shell {
  max-width: 1200px;
}
@media (max-width: 767px) {
  .cello-account .main-breadcrumb .breadcrumb,
  .cello-account .ca-account-breadcrumb .breadcrumb {
    min-height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    white-space: nowrap;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }
  .cello-account .main-breadcrumb .breadcrumb::-webkit-scrollbar,
  .cello-account .ca-account-breadcrumb .breadcrumb::-webkit-scrollbar {
    display: none;
  }
}

/* Cello Social Sign-in */
.ca-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.ca-social-button{min-height:48px;border:1px solid #dedbd6;border-radius:999px;background:#fff;color:#24211f;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;text-decoration:none!important;transition:.2s ease;cursor:pointer}.ca-social-button:hover{border-color:#ff6a21;box-shadow:0 8px 20px rgba(42,34,28,.08);transform:translateY(-1px);color:#24211f}.ca-social-mark{font-size:18px;font-weight:700;font-family:Arial,sans-serif}.ca-social-apple{background:#171513;color:#fff!important;border-color:#171513}.ca-social-apple:hover{color:#fff!important;background:#2a2725}.ca-social-apple .fa{font-size:20px}.ca-social-note{font-size:12px;line-height:1.55;color:#77716c;text-align:center;margin:12px 0 0}.ca-social-setup{font-size:13px;color:#746f69;background:#f7f5f2;border:1px solid #ebe6e0;border-radius:12px;padding:12px 14px;text-align:center}.ca-google-render{grid-column:1/-1;display:flex;justify-content:center}@media(max-width:575px){.ca-social-grid{grid-template-columns:1fr}}
.ca-social-grid-register{margin:0 0 18px}.ca-social-grid-register+.ca-divider{margin-top:6px}


/* Google sign-in polish v1.5 */
.ca-social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.ca-social-grid>.ca-social-button:only-child{grid-column:1/-1}
.ca-social-button{position:relative;min-height:52px;padding:0 54px;border-radius:14px;font-size:14px;font-weight:750;letter-spacing:.01em}
.ca-social-google{width:100%;background:#fff;border:1px solid #d8d4ce;color:var(--ca-ink);box-shadow:0 4px 16px rgba(31,37,43,.045)}
.ca-social-google:hover,.ca-social-google:focus{background:#fffaf6;border-color:rgba(223,92,57,.65);box-shadow:0 10px 28px rgba(31,37,43,.09),0 0 0 3px rgba(223,92,57,.08);color:var(--ca-ink);outline:0}
.ca-social-google:active{transform:translateY(0);box-shadow:0 4px 14px rgba(31,37,43,.08)}
.ca-google-icon{position:absolute;left:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);display:grid;place-items:center;flex:0 0 22px}
.ca-google-icon svg{display:block;width:22px;height:22px}
.ca-social-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-social-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:12px;color:#a39b93;transition:.2s ease}
.ca-social-google:hover .ca-social-arrow{right:15px;color:var(--ca-accent)}
.ca-social-button.is-loading{cursor:wait;opacity:.76;pointer-events:none}
.ca-social-button.is-loading .ca-google-icon{animation:ca-google-pulse 1s ease-in-out infinite}
@keyframes ca-google-pulse{0%,100%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(.88);opacity:.58}}
.ca-social-note{margin-top:14px}
.ca-register-link{margin-top:22px}
.ca-social-grid-register{margin:18px 0 8px}
.ca-google-render{width:100%;min-height:52px;align-items:center}
.ca-google-render>div{max-width:100%!important}
@media(max-width:575px){.ca-social-button{min-height:50px;padding-left:50px;padding-right:46px;border-radius:12px}.ca-google-icon{left:16px}.ca-social-arrow{right:16px}}