.cew-auth-shell,
.cew-account-shell{font-family:inherit;color:#111;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:720px;border:1px solid #e5e5e5;background:#fff;position:relative}
.cew-account-shell *{box-sizing:border-box}
.cew-account-nav{border-right:1px solid #e5e5e5;background:#fff;display:flex;flex-direction:column;align-self:stretch}
.cew-account-user{min-height:158px;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px}
.cew-account-user-name{font-size:14px;font-weight:500}
.cew-profile-avatar-wrap{width:72px;height:72px;position:relative;display:inline-flex;align-items:center;justify-content:center}
.cew-profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;background:#f2f2f2}
.cew-profile-photo-edit{display:flex;justify-content:center;margin:22px 0 24px}
.cew-profile-photo-edit .cew-profile-avatar-wrap{width:86px;height:86px}
.cew-profile-photo-edit .cew-profile-avatar{width:86px;height:86px}
.cew-avatar-edit{position:absolute;right:-2px;bottom:1px;width:25px;height:25px;border-radius:50%;border:1px solid #cfcfcf;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}
.cew-account-nav>button,.cew-account-nav>.cew-account-logout{min-height:50px;border:0;border-bottom:1px solid #e5e5e5;background:#fff;padding:0 15px;text-align:left;color:#222;font:inherit;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px}
.cew-account-nav>button:hover{background:#fafafa}
.cew-account-nav>button.is-active{background:#004d32;color:#fff}
.cew-account-nav>.cew-account-logout{color:#d51f3c;border-bottom:0;justify-content:flex-start;margin-top:0}
.cew-account-main{min-width:0;background:#fff}
.cew-account-panel{display:none}
.cew-account-panel.is-active{display:block}
.cew-account-section-header{text-align:center;border-bottom:1px solid #e5e5e5;padding:17px 20px 15px}
.cew-account-section-header h1{font-size:24px;line-height:1.2;margin:0 0 5px;font-weight:500}
.cew-account-section-header p{font-size:12px;color:#555;margin:0}
.cew-account-inner{padding:0 32px 40px;max-width:970px;margin:0 auto}
.cew-account-tabs,.cew-section-tabs{display:flex;align-items:center;gap:26px;border-bottom:0;margin:10px 0 24px}
.cew-account-tabs button,.cew-section-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0 8px;cursor:pointer;font:inherit;font-size:13px;color:#444}
.cew-account-tabs button.is-active,.cew-section-tabs button.is-active{color:#111;border-color:#111}
.cew-profile-panel{display:none}
.cew-profile-panel.is-active{display:block}
.cew-account-profile-form,.cew-account-interests-form{max-width:620px;margin:0 auto}
.cew-professional-form{max-width:560px;margin-top:40px}
.cew-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}
.cew-account-fields label,.cew-support-form label{display:grid;gap:7px;font-size:12px;font-weight:500;color:#111}
.cew-account-fields .cew-wide{grid-column:1/-1}
.cew-account-fields input,.cew-account-fields select,.cew-account-fields textarea,.cew-support-form select,.cew-support-form textarea{width:100%;border:1px solid #d9d9d9;background:#fff;color:#111;font:inherit;font-size:13px;min-height:38px;padding:8px 11px;border-radius:0;outline:none}
.cew-account-fields textarea{min-height:74px;resize:vertical}
.cew-support-form textarea{min-height:120px;resize:vertical}
.cew-account-fields input:focus,.cew-account-fields select:focus,.cew-account-fields textarea:focus,.cew-support-form select:focus,.cew-support-form textarea:focus{border-color:#8d8d8d}
.cew-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:18px}
.cew-account-response{margin-right:auto;font-size:12px}
.cew-account-response.is-error{color:#b42318}
.cew-account-response.is-success{color:#137547}
.cew-account-primary,.cew-account-secondary{min-height:38px;padding:8px 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #004d32;font:inherit;font-size:12px;cursor:pointer}
.cew-account-primary{background:#004d32;color:#fff}
.cew-account-secondary{background:#fff;color:#004d32}
.cew-account-interest-grid{max-width:760px;margin:42px auto 0;justify-content:center}
.cew-interest-grid{display:flex;flex-wrap:wrap;gap:9px 12px}
.cew-interest-grid label{display:block}
.cew-interest-grid input{position:absolute;opacity:0;pointer-events:none}
.cew-interest-grid span{display:inline-flex;align-items:center;gap:8px;border:0;padding:4px 6px;font-size:12px;color:#555;cursor:pointer;background:transparent}
.cew-interest-grid span b{font-size:14px;font-weight:400;color:#8c8c8c}
.cew-interest-grid input:checked+span{color:#004d32;font-weight:600}
.cew-interest-grid input:checked+span b{transform:rotate(45deg);color:#004d32}
.cew-designed-empty{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.cew-designed-empty h3{font-size:16px;margin:14px 0 7px}
.cew-designed-empty p{max-width:540px;color:#666;font-size:12px;margin:0 0 18px;line-height:1.6}
.cew-empty-svg,.cew-empty-image{width:110px;height:110px;object-fit:contain;display:block}
.cew-empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.cew-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cew-account-bottom-action{display:flex;justify-content:flex-end;margin-top:18px}
.cew-account-ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cew-account-ticket{border:1px solid #dcdcdc;background:#fff;padding:13px;min-height:160px;position:relative}
.cew-account-ticket:before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:36px;height:15px;border:1px solid #dcdcdc;border-top:0;border-radius:0 0 30px 30px;background:#fff}
.cew-account-ticket.is-hidden-period{display:none}
.cew-ticket-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.cew-ticket-time{font-size:11px;color:#666;margin:3px 0 13px}
.cew-ticket-event{display:flex;gap:9px;align-items:center}
.cew-ticket-event img{width:44px;height:35px;object-fit:cover;background:#eee}
.cew-ticket-event>div{display:grid;gap:4px}
.cew-ticket-event strong{font-size:12px;font-weight:500}
.cew-ticket-event span{font-size:10px;color:#777}
.cew-ticket-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;color:#888}
.cew-purchase-table{width:100%;font-size:11px}
.cew-purchase-head,.cew-purchase-row{display:grid;grid-template-columns:1.8fr .8fr 1fr .8fr 1.1fr .9fr .5fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e5e5e5}
.cew-purchase-head{background:#fafafa;font-weight:500;color:#555}
.cew-purchase-row{background:#fff}
.cew-purchase-row.is-filtered-out{display:none}
.cew-receipt-link{text-decoration:none;color:#222;font-size:16px}
.cew-payment-token-list{display:grid;gap:0;border:1px solid #e5e5e5;margin-top:25px}
.cew-payment-token{min-height:64px;border-bottom:1px solid #e5e5e5;display:grid;grid-template-columns:80px minmax(0,1fr) auto 28px;gap:15px;align-items:center;padding:10px 14px}
.cew-payment-token:last-child{border-bottom:0}
.cew-payment-brand{font-size:11px;font-weight:600}
.cew-payment-number{display:grid;gap:4px}
.cew-payment-number strong{font-size:12px}
.cew-payment-number span{font-size:10px;color:#666}
.cew-payment-default{font-size:10px;color:#27764a}
.cew-payment-more{font-size:20px;color:#777;text-align:center}
.cew-notification-list{max-width:720px;margin:25px auto 0}
.cew-notification-group-title{font-size:12px;color:#666;margin:15px 0 7px}
.cew-notification{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 8px;border-bottom:1px solid #e6e6e6;background:#fff;cursor:pointer}
.cew-notification.is-read{opacity:.68}
.cew-notification-icon{width:22px;height:22px;border:1px solid #3b5d4b;display:flex;align-items:center;justify-content:center;font-size:11px}
.cew-notification-copy{display:grid;gap:3px}
.cew-notification-copy strong{font-size:12px;font-weight:500}
.cew-notification-copy p{font-size:10px;color:#666;margin:0;line-height:1.45}
.cew-notification time{font-size:10px;color:#777;white-space:nowrap}
.cew-support-form{max-width:610px;margin:40px auto 0;display:grid;gap:18px}
.cew-support-form .cew-form-footer{margin-top:0}
.cew-logout-modal[hidden]{display:none}
.cew-logout-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.cew-logout-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.cew-logout-dialog{position:relative;width:min(520px,calc(100vw - 32px));background:#fff;padding:22px 18px 18px;text-align:center}
.cew-logout-dialog h2{font-size:22px;margin:0 0 4px;font-weight:500}
.cew-logout-dialog p{font-size:12px;color:#555;margin:0 0 20px}
.cew-logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.cew-logout-actions button,.cew-logout-actions a{min-height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;font-size:12px;cursor:pointer}
.cew-logout-cancel{background:#fff;border:1px solid #222;color:#222}
.cew-logout-confirm{background:#df1239;border:1px solid #df1239;color:#fff}
body.cew-modal-open{overflow:hidden}

@media(max-width:980px){
	.cew-account-shell{grid-template-columns:210px minmax(0,1fr)!important}
	.cew-account-inner{padding-left:20px;padding-right:20px}
	.cew-account-ticket-list{grid-template-columns:1fr}
	.cew-purchase-head{display:none}
	.cew-purchase-row{grid-template-columns:1fr 1fr;padding:14px}
	.cew-purchase-row span:before{content:attr(data-label) ": ";font-weight:600;color:#555}
}

@media(max-width:720px){
	.cew-account-shell{display:block!important;min-height:0!important}
	.cew-account-nav{border-right:0;border-bottom:1px solid #e5e5e5}
	.cew-account-user{min-height:120px}
	.cew-account-nav>button,.cew-account-nav>.cew-account-logout{min-height:46px}
	.cew-account-main{min-height:520px}
	.cew-account-section-header{padding-top:20px}
	.cew-account-inner{padding:0 16px 28px}
	.cew-account-tabs,.cew-section-tabs{overflow-x:auto;white-space:nowrap;gap:18px}
	.cew-account-fields{grid-template-columns:1fr}
	.cew-account-fields .cew-wide{grid-column:auto}
	.cew-learning-grid{grid-template-columns:1fr}
	.cew-payment-token{grid-template-columns:58px minmax(0,1fr) auto}
	.cew-payment-more{display:none}
	.cew-notification{grid-template-columns:26px minmax(0,1fr)}
	.cew-notification time{grid-column:2}
	.cew-form-footer{align-items:stretch;flex-direction:column}
	.cew-form-footer .cew-account-response{margin-right:0}
	.cew-form-footer .cew-account-primary{align-self:flex-end}
}

/* Header Account Menu */
.cew-header-account{position:relative;display:inline-flex;align-items:center}
.cew-header-signin,.cew-header-account-trigger{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit;background:none;border:0;padding:8px 0;font:inherit;cursor:pointer}
.cew-header-user-icon{font-size:18px;line-height:1}
.cew-header-avatar{display:inline-flex;width:34px;height:34px;border-radius:50%;overflow:hidden}
.cew-header-avatar img{width:100%;height:100%;object-fit:cover}
.cew-header-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.cew-header-chevron{font-size:14px;transition:transform .2s ease}
.cew-header-account.is-open .cew-header-chevron{transform:rotate(180deg)}
.cew-header-notification-badge,.cew-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0b5d3b;color:#fff;font-size:11px;line-height:1}
.cew-header-account-dropdown{position:absolute;z-index:9999;top:calc(100% + 10px);right:0;width:280px;background:#fff;border:1px solid #e7e7e7;box-shadow:0 14px 40px rgba(0,0,0,.12)}
.cew-header-account-identity{display:grid;gap:4px;padding:17px 18px;border-bottom:1px solid #eee}
.cew-header-account-identity strong{font-size:15px}
.cew-header-account-identity span{font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis}
.cew-header-account-links{display:grid;padding:8px}
.cew-header-account-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;text-decoration:none;color:#111}
.cew-header-account-links a:hover,.cew-header-account-links a:focus{background:#f6f6f6}
.cew-header-account-links .cew-header-logout{border-top:1px solid #eee;margin-top:5px;padding-top:13px;color:#8a1e1e}
@media(max-width:600px){
	.cew-header-name{display:none}
	.cew-header-account-dropdown{width:min(280px,calc(100vw - 30px))}
}
