:root{--cc-blue:#0877d8;--cc-navy:#082a57;--cc-green:#24b34b;--cc-bg:#f4f8fc;--cc-card:#fff;--cc-text:#102a43;--cc-muted:#6b7c91;--cc-line:#dce7f2;--cc-red:#df3b32;--cc-gold:#efa900}
*{box-sizing:border-box}.cc-body{margin:0;background:var(--cc-bg);color:var(--cc-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial}.cc-shell{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.cc-sidebar{background:linear-gradient(180deg,#082754,#0c3976);color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.cc-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;padding:3px 8px 17px}.cc-logo img{width:82px;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.cc-logo span{font-size:18px;font-weight:900}.cc-user{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.09);border-radius:12px;padding:12px;margin-bottom:12px}.cc-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#24b34b,#5bd7d2);font-weight:900;font-size:18px}.cc-user b,.cc-user small{display:block}.cc-user small{opacity:.72;font-size:9px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.cc-sidebar nav{overflow:auto}.cc-sidebar nav a,.cc-bottom a{display:block;text-decoration:none;color:#dfebff;padding:10px 12px;margin:2px 0;border-radius:8px;font-size:13px}.cc-sidebar nav a.active,.cc-sidebar nav a:hover{background:#fff;color:var(--cc-navy);font-weight:850}.cc-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}.cc-main{min-width:0}.cc-topbar{height:84px;background:#fff;border-bottom:1px solid var(--cc-line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.cc-topbar>div{display:flex;align-items:center;gap:13px}.cc-topbar small{font-size:9px;color:var(--cc-blue);font-weight:900;letter-spacing:1px}.cc-topbar h1{margin:2px 0;font-size:23px}.cc-menu{display:none}.cc-shop{background:var(--cc-blue);color:white;text-decoration:none;padding:9px 13px;border-radius:8px;font-weight:800;font-size:12px}.cc-content{padding:24px 28px 45px;max-width:1600px;margin:auto}.cc-welcome{border-radius:16px;padding:28px;background:linear-gradient(120deg,var(--cc-navy),var(--cc-blue),#0eb28b);color:#fff;display:flex;justify-content:space-between;align-items:center}.cc-welcome small{font-weight:900;letter-spacing:1.2px}.cc-welcome h2{font-size:31px;margin:4px 0}.cc-welcome p{margin:0;opacity:.88}.cc-welcome>a,.cc-primary-link{background:var(--cc-green);color:white!important;text-decoration:none;padding:11px 15px;border-radius:8px;font-weight:900}.cc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.cc-stats>div{background:white;border:1px solid var(--cc-line);border-radius:13px;padding:17px;display:grid;gap:3px}.cc-stats small{color:var(--cc-muted)}.cc-stats b{font-size:27px}.cc-stats span,.cc-stats a{font-size:10px;color:var(--cc-green);text-decoration:none}.cc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.cc-panel{background:#fff;border:1px solid var(--cc-line);border-radius:14px;padding:19px;margin-bottom:16px;box-shadow:0 5px 18px rgba(20,60,100,.04)}.cc-panel h2,.cc-panel h3{margin-top:0}.cc-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cc-panel-head h3{margin:0}.cc-panel-head a{color:var(--cc-blue);text-decoration:none;font-weight:800;font-size:12px}.cc-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cc-quick a{background:#f7fbff;border:1px solid #e3edf7;text-decoration:none;color:var(--cc-text);border-radius:10px;padding:14px;display:grid;gap:3px;font-size:18px}.cc-quick b{font-size:12px}.cc-quick small{font-size:9px;color:var(--cc-muted)}.cc-country-card{display:grid;gap:5px}.cc-country-card b{font-size:25px}.cc-country-card span{color:var(--cc-blue);font-weight:800}.cc-country-card p{color:var(--cc-muted);line-height:1.55}.cc-table{overflow:auto}.cc-table table{width:100%;border-collapse:collapse}.cc-table th,.cc-table td{padding:11px 9px;border-bottom:1px solid var(--cc-line);text-align:left;vertical-align:top;font-size:12px}.cc-table th{background:#f7faff;color:var(--cc-muted);white-space:nowrap}.cc-table td small{display:block;color:var(--cc-muted);margin-top:3px}.cc-table a{color:var(--cc-blue);text-decoration:none}.cc-status{display:inline-block;background:#eef7ff;color:#1768b5;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850}.cc-product-row{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.cc-product-row a{border:1px solid var(--cc-line);border-radius:10px;padding:10px;text-decoration:none;color:var(--cc-text);display:grid}.cc-product-row span{font-size:34px}.cc-product-row b{font-size:10px}.cc-product-row small{color:var(--cc-blue);font-weight:800}.cc-form{display:grid;gap:12px}.cc-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.cc-form input,.cc-form select,.cc-form textarea,.cc-toolbar input,.cc-toolbar select{width:100%;padding:10px;border:1px solid var(--cc-line);border-radius:7px;background:#fff}.cc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.cc-check input{width:auto!important}.cc-primary{background:var(--cc-blue);color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:900;cursor:pointer}.cc-alert{padding:12px 14px;border-left:4px solid var(--cc-blue);background:#eef7ff;border-radius:8px;margin-bottom:14px;font-size:12px}.cc-alert.success{background:#effbf3;border-color:var(--cc-green)}.cc-alert.error{background:#fff0ef;border-color:var(--cc-red)}.cc-section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--cc-line);padding-bottom:8px;margin-bottom:10px}.cc-section-title h2{margin:0}.cc-section-title span{font-size:10px;color:var(--cc-muted)}.cc-address-list{display:grid;gap:10px}.cc-address-list article{border:1px solid var(--cc-line);border-radius:10px;padding:13px;display:flex;justify-content:space-between;gap:12px}.cc-address-list article.default{border:2px solid var(--cc-green);background:#f5fff8}.cc-address-list h3{margin:5px 0}.cc-address-list p{color:var(--cc-muted);font-size:11px}.cc-address-list form{display:inline}.cc-address-list button{border:0;background:none;color:var(--cc-blue);font-weight:800}.cc-address-list button.danger{color:var(--cc-red)}.cc-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cc-product-grid article{background:#fff;border:1px solid var(--cc-line);border-radius:12px;padding:12px}.cc-product-grid article>a{text-decoration:none;color:var(--cc-text)}.cc-product-grid article>a>div{height:120px;background:#f7fbff;border-radius:9px;display:grid;place-items:center;font-size:58px}.cc-product-grid h3{font-size:13px;min-height:38px}.cc-product-grid small{color:var(--cc-muted)}.cc-product-grid b{color:var(--cc-blue)}.cc-product-grid button{width:100%;border:1px solid var(--cc-line);background:#fff;padding:7px;border-radius:6px;margin-top:9px}.cc-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.cc-toolbar form{display:flex;gap:7px}.cc-toolbar button,.cc-toolbar select{padding:9px;border:1px solid var(--cc-line);border-radius:7px;background:#fff}.cc-order-hero,.cc-ticket-head{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--cc-line);border-radius:14px;padding:18px;margin-bottom:15px}.cc-order-hero h2,.cc-ticket-head h2{margin:3px 0}.cc-order-hero>div:last-child{display:grid;text-align:right;gap:8px}.cc-order-item{display:grid;grid-template-columns:50px 1fr 120px 70px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--cc-line)}.cc-order-item>span{font-size:34px}.cc-order-item small{display:block;color:var(--cc-muted)}.cc-order-item a{color:var(--cc-blue);font-weight:800}.cc-track{display:grid;gap:6px;background:#f7fbff;border-radius:10px;padding:14px}.cc-track strong{color:var(--cc-green)}.cc-pre{white-space:pre-wrap;background:#f7faff;padding:12px;border-radius:8px;font-size:11px}.cc-return-product{background:#f7fbff;border-radius:10px;padding:14px;display:grid;gap:3px}.cc-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cc-review-card{border:1px solid var(--cc-line);border-radius:10px;padding:13px;display:grid;gap:7px}.cc-review-card>span{font-size:38px}.cc-review-card input,.cc-review-card textarea,.cc-review-card select{padding:8px;border:1px solid var(--cc-line);border-radius:6px}.cc-review-card button{border:0;background:var(--cc-blue);color:#fff;border-radius:6px;padding:8px}.cc-list{display:grid}.cc-list article{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:12px;border-bottom:1px solid var(--cc-line)}.cc-list article>span{font-size:38px}.cc-coupon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cc-coupon-grid article{background:linear-gradient(135deg,#fff,#f0f8ff);border:1px dashed var(--cc-blue);border-radius:14px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.cc-coupon-grid h3{font-size:25px;margin:5px 0;color:var(--cc-blue)}.cc-coupon-grid span,.cc-coupon-grid small{display:block;color:var(--cc-muted);font-size:10px}.cc-coupon-grid button{margin-top:10px;background:var(--cc-blue);color:white;border:0;border-radius:6px;padding:8px}.cc-message{border:1px solid var(--cc-line);border-radius:10px;padding:13px;margin:10px 0}.cc-message.support{background:#f6fbff;border-left:4px solid var(--cc-blue)}.cc-message small{float:right;color:var(--cc-muted)}.cc-message p{line-height:1.6}.cc-notifications{display:grid;gap:10px}.cc-notifications article{background:#fff;border:1px solid var(--cc-line);border-radius:11px;padding:14px;display:flex;justify-content:space-between;gap:12px}.cc-notifications article.unread{border-left:4px solid var(--cc-blue);background:#f8fbff}.cc-notifications h3{margin:4px 0}.cc-notifications p{color:var(--cc-muted)}.cc-notifications span{font-size:10px;color:var(--cc-muted)}.cc-notifications a{margin-left:10px;color:var(--cc-blue)}.cc-notifications button{border:0;background:#eef7ff;color:var(--cc-blue);border-radius:6px;padding:7px}.cc-security-cards{display:grid;gap:10px}.cc-security-cards div{display:grid;grid-template-columns:30px 1fr;gap:3px 8px;background:#f7fbff;padding:12px;border-radius:9px}.cc-security-cards div>span,.cc-security-cards div:first-letter{color:var(--cc-green)}.cc-security-cards small{grid-column:2;color:var(--cc-muted)}.cc-empty{background:#fff;border:1px solid var(--cc-line);border-radius:14px;text-align:center;padding:60px;font-size:45px}.cc-empty h2{font-size:22px}.cc-empty a{font-size:12px;color:white;background:var(--cc-blue);padding:9px 12px;border-radius:7px;text-decoration:none}
.cc-auth-body{margin:0;background:linear-gradient(135deg,#eaf5ff,#f4fff8);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial;color:var(--cc-text)}.cc-auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr;max-width:1180px;margin:auto;align-items:center;padding:28px}.cc-auth-brand{background:linear-gradient(145deg,var(--cc-navy),var(--cc-blue),#13ad83);color:white;border-radius:24px;padding:55px;min-height:590px;display:flex;flex-direction:column;justify-content:center}.cc-auth-brand img{max-width:260px;background:white;padding:7px;border-radius:12px}.cc-auth-brand h1{font-size:42px;margin:22px 0 5px}.cc-auth-brand p{font-size:17px;line-height:1.6;opacity:.9}.cc-auth-brand>div{display:grid;gap:9px;margin-top:18px}.cc-auth-card{background:#fff;border-radius:24px;padding:38px;box-shadow:0 22px 60px rgba(20,60,100,.14);margin-left:-20px}.cc-auth-card h2{font-size:27px;margin:0 0 5px}.muted{color:var(--cc-muted)}.cc-auth-links{text-align:center;margin-top:15px;color:var(--cc-muted)}.cc-auth-links a{color:var(--cc-blue);font-weight:800}
@media(max-width:1050px){.cc-shell{grid-template-columns:80px 1fr}.cc-logo span,.cc-user div:last-child,.cc-sidebar nav a{font-size:0}.cc-sidebar nav a::first-letter{font-size:18px}.cc-stats{grid-template-columns:1fr 1fr}.cc-grid2{grid-template-columns:1fr}.cc-product-grid{grid-template-columns:repeat(3,1fr)}.cc-product-row{grid-template-columns:repeat(4,1fr)}.cc-review-grid,.cc-coupon-grid{grid-template-columns:1fr 1fr}.cc-auth-shell{grid-template-columns:1fr}.cc-auth-brand{min-height:auto}.cc-auth-card{margin:-30px 20px 0}}
@media(max-width:650px){.cc-shell{grid-template-columns:1fr}.cc-sidebar{position:fixed;left:-285px;width:265px;z-index:30;transition:.2s}.cc-sidebar.open{left:0}.cc-logo span,.cc-user div:last-child,.cc-sidebar nav a{font-size:13px}.cc-menu{display:block}.cc-content{padding:16px}.cc-topbar{padding:0 14px}.cc-shop{display:none}.cc-stats{grid-template-columns:1fr 1fr}.cc-form-grid{grid-template-columns:1fr}.cc-quick{grid-template-columns:1fr 1fr}.cc-product-grid{grid-template-columns:1fr 1fr}.cc-product-row{grid-template-columns:1fr 1fr}.cc-review-grid,.cc-coupon-grid{grid-template-columns:1fr}.cc-order-item{grid-template-columns:45px 1fr}.cc-order-item>strong,.cc-order-item>div:last-child{grid-column:2}.cc-auth-shell{padding:12px}.cc-auth-brand{padding:28px;min-height:300px}.cc-auth-brand h1{font-size:34px}.cc-auth-card{margin:-25px 10px 0;padding:24px}}

.cc-top-actions{display:flex;align-items:center;gap:8px}.cc-language-switch{padding:8px 10px;border:1px solid var(--cc-line);border-radius:8px;background:#fff;color:var(--cc-text)}

/* V3 FINAL Customer 360 */
.cc-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}
.cc-welcome-final{display:grid;grid-template-columns:1fr auto;gap:12px}.cc-profile-hero{display:flex;align-items:center;gap:14px}.cc-profile-hero img,.cc-profile-placeholder{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff;color:#0a5baa;display:grid;place-items:center;font-size:28px;font-weight:900}.cc-profile-progress{grid-column:1/-1;height:5px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden}.cc-profile-progress span{display:block;height:100%;background:#61f294}
.cc-stats-6{grid-template-columns:repeat(6,1fr)}.cc-grid-profile{display:grid;grid-template-columns:300px 1fr;gap:16px}.cc-avatar-panel{text-align:center}.cc-profile-photo,.cc-profile-photo-placeholder{width:170px;height:170px;border-radius:50%;object-fit:cover;margin:10px auto 18px;background:#eef7ff;display:grid;place-items:center;font-size:54px;font-weight:900;color:#0877d8}.cc-link-danger{border:0;background:none;color:#d83a34;font-weight:800;margin:10px 0;cursor:pointer}
.cc-cart-item{display:grid;grid-template-columns:48px 1fr 100px auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cc-line)}.cc-cart-item>span{font-size:32px}.cc-cart-item small{display:block;color:var(--cc-muted)}.cc-cart-item form{display:inline}.cc-cart-item button{border:1px solid var(--cc-line);background:#fff;border-radius:6px;padding:7px 9px}.cc-cart-total{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-top:16px}.cc-cart-total a{background:var(--cc-blue);color:#fff;padding:9px 12px;border-radius:7px;text-decoration:none}.cc-empty-small{padding:20px;background:#f8fbff;border-radius:9px;color:var(--cc-muted)}
.cc-store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cc-store-grid article{border:1px solid var(--cc-line);border-radius:12px;padding:16px;text-align:center}.cc-store-icon{font-size:42px}.cc-store-grid a{display:inline-block;background:var(--cc-blue);color:#fff;padding:7px 10px;border-radius:6px;text-decoration:none;margin:5px}.cc-store-grid button{border:0;background:none;color:var(--cc-red)}
.cc-reward-hero{background:linear-gradient(120deg,#082a57,#0877d8);color:#fff;border-radius:16px;padding:28px;margin-bottom:16px}.cc-reward-hero h2{font-size:38px;margin:5px 0}.cc-plus{color:#15934a;font-weight:900}.cc-minus{color:#d83a34;font-weight:900}
.cc-timeline{display:grid;gap:0}.cc-timeline article{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--cc-line)}.cc-time-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef7ff}.cc-timeline h3{margin:2px 0;font-size:14px}.cc-timeline h3 a{color:var(--cc-blue);text-decoration:none}.cc-timeline p{margin:3px 0;color:var(--cc-muted);font-size:12px}
@media(max-width:1250px){.cc-stats-6{grid-template-columns:repeat(3,1fr)}.cc-store-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cc-grid-profile{grid-template-columns:1fr}.cc-stats-6{grid-template-columns:1fr 1fr}.cc-welcome-final{grid-template-columns:1fr}.cc-cart-item{grid-template-columns:44px 1fr}.cc-cart-item>strong,.cc-cart-item>form,.cc-cart-item>div:last-child{grid-column:2}.cc-store-grid{grid-template-columns:1fr}}