.profile-page{padding:var(--spacing-3xl) 0;min-height:calc(100vh - var(--header-height));background:var(--color-off-white)}.page-title{font-size:var(--fs-3xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-2xl);font-family:var(--font-heading);text-align:center}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl)}.profile-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.profile-header{display:flex;gap:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-gray-light);margin-bottom:var(--spacing-2xl)}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.avatar-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--color-gold);box-shadow:var(--shadow-md)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gold) 0,var(--color-gold-light) 100%);color:var(--color-white);font-size:var(--fs-4xl);font-weight:var(--fw-bold);font-family:var(--font-heading)}.avatar-actions{display:flex;gap:var(--spacing-sm);flex-direction:column}.profile-info{flex:1}.profile-name{font-size:var(--fs-2xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-heading)}.profile-email,.profile-phone{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray);margin-bottom:var(--spacing-xs)}.badge-admin,.badge-verified{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-right:var(--spacing-sm);margin-top:var(--spacing-sm)}.badge-admin{background:var(--color-gold);color:var(--color-white)}.badge-verified{background:var(--color-success);color:var(--color-white)}.profile-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.profile-details{padding-top:var(--spacing-2xl);border-top:1px solid var(--color-gray-light)}.section-title{font-size:var(--fs-xl);color:var(--color-gray-dark);margin-bottom:var(--spacing-lg);font-family:var(--font-heading)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:var(--fs-sm);color:var(--color-gray);font-weight:var(--fw-medium)}.detail-value{color:var(--color-gray-dark);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sidebar-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.sidebar-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--fs-lg);color:var(--color-gray-dark);margin-bottom:var(--spacing-lg);font-family:var(--font-heading)}.sidebar-title i{color:var(--color-gold)}.quick-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.quick-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-off-white);border-radius:var(--radius-md);color:var(--color-gray-dark);text-decoration:none;transition:var(--transition-base)}.quick-link:hover{background:var(--color-gold-light);color:var(--color-gold)}.quick-link i:first-child{width:20px;text-align:center;color:var(--color-gold)}.quick-link span{flex:1}.quick-link i:last-child{color:var(--color-gray-light)}.recent-orders{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.recent-order{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-off-white);border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-base)}.recent-order:hover{background:var(--color-gold-light)}.order-number{font-weight:var(--fw-semibold);color:var(--color-gray-dark);font-family:monospace;font-size:var(--fs-sm)}.order-date{font-size:var(--fs-xs);color:var(--color-gray)}.status-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.view-all-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gold);text-decoration:none;font-weight:var(--fw-medium);font-size:var(--fs-sm)}.view-all-link:hover{text-decoration:underline}.addresses-count{color:var(--color-gray);margin-bottom:var(--spacing-md)}.btn-outline-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--fs-sm);border:1px solid var(--color-gold);background:0 0;color:var(--color-gold);border-radius:var(--radius-sm);font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-outline-sm:hover{background:var(--color-gold);color:var(--color-white)}.btn-outline-sm.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-outline-sm.btn-danger:hover{background:var(--color-danger);color:var(--color-white)}.btn-block{width:100%;justify-content:center}.text-success{color:var(--color-success)}.text-muted{color:var(--color-gray)}.loyalty-card-container{perspective:1500px;display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.loyalty-card{width:100%;max-width:650px;aspect-ratio:1.586;position:relative;border-radius:20px;overflow:hidden;transition:transform .3s,filter .3s;cursor:default;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, .25))}.loyalty-card:hover{transform:translateY(-10px) scale(1.02);filter:drop-shadow(0 30px 60px rgba(0, 0, 0, .35))}.card-background-image{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.card-bronze .card-background-image{background-image:url(/images/fiedlity_card/bronze.png)}.card-silver .card-background-image{background-image:url(/images/fiedlity_card/silver.png)}.card-gold .card-background-image{background-image:url(/images/fiedlity_card/gold.png)}.card-platinum .card-background-image{background-image:url(/images/fiedlity_card/platinum.png)}.card-content{position:relative;width:100%;height:100%;padding:40px 35px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.card-center{flex:1;display:flex;flex-direction:column;justify-content:space-between}.loyalty-card .user-info{text-align:right;margin-top:20px;margin-right:25px}.loyalty-card .user-name{font-family:var(--font-heading);font-size:2rem;font-weight:300;letter-spacing:2.5px;margin-bottom:12px;text-transform:uppercase}.loyalty-card .member-id{font-family:'Courier New',monospace;font-size:1rem;font-weight:300;letter-spacing:2px}.loyalty-card .member-id-barcode{display:flex;justify-content:flex-end}.loyalty-card .barcode-svg,.loyalty-card .member-id-barcode svg{max-width:250px;height:auto;filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .7))}.card-bronze .points-label,.card-bronze .points-value,.card-bronze .user-name{color:#885329;-webkit-text-stroke:.5px rgba(0,0,0,.5);text-shadow:0 2px 4px rgba(0,0,0,.6)}.card-silver .points-label,.card-silver .points-value,.card-silver .user-name{color:#817c79;-webkit-text-stroke:.5px rgba(0,0,0,.5);text-shadow:0 2px 4px rgba(0,0,0,.6)}.card-gold .points-label,.card-gold .points-value,.card-gold .user-name{color:#c8471f;-webkit-text-stroke:.5px rgba(0,0,0,.5);text-shadow:0 2px 4px rgba(0,0,0,.6)}.card-platinum .points-label,.card-platinum .points-value,.card-platinum .user-name{color:#a9a49f;-webkit-text-stroke:.5px rgba(0,0,0,.5);text-shadow:0 2px 4px rgba(0,0,0,.6)}.loyalty-card .points-section{text-align:left;padding:14px 20px;align-self:flex-start;max-width:200px;margin-left:25px}.loyalty-card .points-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:300;margin-bottom:8px}.loyalty-card .points-value{font-family:var(--font-body);font-size:2.4rem;font-weight:800;letter-spacing:1.2px}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.avatar-section{align-items:center}.profile-info{text-align:center}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-actions{flex-direction:column}.profile-actions .btn{width:100%;justify-content:center}}