.modern-product-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;overflow:hidden;height:100%}.modern-product-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.product-card-container{height:100%;display:flex;flex-direction:column}.product-image-container{position:relative;overflow:hidden;border-radius:16px 16px 0 0;aspect-ratio:1}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-product-card:hover .product-image{transform:scale(1.05)}.wishlist-btn{position:absolute;top:12px;right:12px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.wishlist-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.wishlist-btn.active{background:hsla(0,0%,100%,.9)}.wishlist-btn i{color:#6b7280;font-size:18px;transition:color .3s ease}.wishlist-btn.active i,.wishlist-btn:hover i{color:#dc2626}.product-content{padding:20px;flex:1;display:flex;flex-direction:column}.product-title{font-size:18px;line-height:1.4;margin-bottom:16px;font-weight:600}.product-title a{color:#1f2937;text-decoration:none;transition:color .3s ease}.product-title a:hover{color:#1a365d}.product-options{margin-bottom:20px}.option-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.color-circles{gap:8px}.color-circle{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{outline:2px solid #1a365d;outline-offset:2px}.size-options{gap:8px;flex-wrap:wrap}.size-btn{padding:6px 12px;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px}.size-btn:hover{border-color:#1a365d;background:#f8fafc}.size-btn.active{border-color:#1a365d;background:#1a365d;color:#fff}.product-footer{margin-top:auto}.product-price{margin-bottom:16px}.current-price{font-size:20px;font-weight:700;color:#1f2937}.original-price{font-size:16px;color:#9ca3af;text-decoration:line-through;margin-left:8px}.product-footer .d-flex{gap:8px}.product-footer .btn{flex:1;height:45px;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease;border:2px solid}.product-footer .btn-dark{background-color:#1f2937;border-color:#1f2937}.product-footer .btn-dark:hover{background-color:#111827;border-color:#111827;transform:translateY(-1px)}.product-footer .btn-outline-dark{color:#1f2937;border-color:#1f2937;background-color:transparent}.product-footer .btn-outline-dark:hover{color:#fff;background-color:#1f2937;border-color:#1f2937;transform:translateY(-1px)}@media (max-width:768px){.product-content{padding:16px}.product-title{font-size:16px}.current-price{font-size:18px}.color-circle{width:28px;height:28px}.size-btn{padding:4px 8px;font-size:12px;min-width:32px}}.modern-profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e5e7eb}.modern-profile-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.auth-page{padding:0;margin:0;min-height:100vh}.auth-page .modern-profile-card{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.auth-page .modern-profile-card:hover{transform:translateY(-8px);box-shadow:0 35px 60px -12px rgba(0,0,0,.3)}.modern-sidebar{background:#fff;border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid #e5e7eb;min-height:600px}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:12px;transition:all .2s ease;font-weight:600;font-size:16px;text-align:left;width:100%;border:none;background:transparent;cursor:pointer}.sidebar-nav-item.active{background-color:#000;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-2px)}.sidebar-nav-item:not(.active){color:#374151}.sidebar-nav-item:not(.active):hover{background-color:#f9fafb;color:#000;box-shadow:0 2px 4px -1px rgba(0,0,0,.06)}.sidebar-nav-item .icon{width:24px;height:24px;flex-shrink:0}.modern-order-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e5e7eb}.modern-order-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modern-notification-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e5e7eb;padding:20px}.modern-notification-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.modern-notification-card.unread{border-left:4px solid #000;background-color:#f9fafb}.modern-profile-button{background-color:#000;color:#fff;border:2px solid #000;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.modern-profile-button:hover{background-color:#1f2937;border-color:#1f2937;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.modern-profile-button-outline{background-color:transparent;color:#000;border:2px solid #000;border-radius:12px;padding:12px 24px;font-weight:600;font-size:14px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.modern-profile-button-outline:hover{background-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.modern-tab-button{padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;transition:all .2s ease;cursor:pointer;border:2px solid transparent}.modern-tab-button.active{background-color:#000;color:#fff;border-color:#000}.modern-tab-button:not(.active){background-color:transparent;color:#6b7280}.modern-tab-button:not(.active):hover{background-color:#f3f4f6;color:#000}.modern-form-input{width:100%;border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s ease;background-color:#fff}.modern-form-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.modern-form-label{display:block;font-size:14px;font-weight:600;color:#000;margin-bottom:8px}.profile-main-content{min-height:100vh;padding-left:2rem}.profile-container{min-height:100vh}.profile-main-content{max-width:100%;overflow-x:hidden}@media (max-width:1024px){.profile-container .w-72{width:16rem}}@media (max-width:768px){.modern-notification-card,.modern-order-card,.modern-profile-card{border-radius:12px;padding:16px}.modern-sidebar{min-height:auto;position:relative!important;top:auto!important}.sidebar-nav-item{padding:12px 16px;font-size:15px}.sidebar-nav-item .icon{width:20px;height:20px}.modern-profile-button,.modern-profile-button-outline{padding:10px 20px;font-size:13px}.modern-tab-button{padding:8px 12px;font-size:13px}.modern-form-input{padding:10px 12px;font-size:15px}.profile-main-content{padding-left:0;margin-top:2rem}.profile-container .w-72{width:100%}}