*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f4f4f4}img{width:100%;object-fit:contain}.app{height:80vh}body{margin:0!important}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#9f045f;color:#fff}.navbar__logo a{text-decoration:none}.navbar__logo h2{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.8rem;color:#fff;letter-spacing:1px;text-transform:uppercase;margin:0;padding:.5rem 0;position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.navbar__logo h2:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#9f045f,#fffcfa);opacity:.7}.navbar__logo h2:hover{transform:translateY(-2px);text-shadow:0 4px 8px rgba(194,24,91,.2)}@media (max-width:768px){.navbar__logo h2{font-size:1.5rem}}.navbar__links{display:flex;list-style:none;align-items:center}.navbar__links li{margin-left:1.5rem}.navbar__links a,.navbar__links p{color:#fff;text-decoration:none;cursor:pointer}.navbar__links a:hover,.navbar__links p:hover{color:#f4f4f4}.cart__link{display:flex;align-items:center}.cartlogo__badge{background:#fff;color:#333;border-radius:50%;padding:0 .4rem;font-size:.8rem;margin-left:.2rem}.navbar__user{display:flex;align-items:center}.navbar__user span{margin-right:.5rem}.hamburger__menu{display:none;cursor:pointer}.hamburger__menu div{width:25px;height:3px;background:#fff;margin:5px}@media (max-width:768px){.navbar__links{display:none}.hamburger__menu{display:block}}.search{display:flex;align-items:center;width:100%;max-width:500px;margin:0 auto;position:relative}.search input{width:100%;padding:12px 50px 12px 20px;border:2px solid #f3e5e8;border-radius:30px;font-size:1rem;outline:none;transition:all .3s ease;background:#fff;box-shadow:0 2px 10px rgba(194,24,91,.1)}.search input:focus{border-color:#9f045f;box-shadow:0 2px 15px rgba(194,24,91,.2)}.search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:#9f045f;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search button:hover{background:#9e1449;transform:translateY(-50%) scale(1.05)}.search i.fa-search{font-size:1rem}@media (max-width:768px){.search{max-width:100%}.search input{padding:10px 45px 10px 15px}.search button{width:35px;height:35px}}.sidedrawer{width:70%;background:#fff;height:100vh;position:fixed;top:0;left:0;z-index:200;transform:translateX(-100%);transition:all .3s ease-out;display:flex;flex-direction:column;justify-content:center}.sidedrawer.show{transform:translateX(0)}.sidedrawer__links{display:flex;flex-direction:column;list-style:none}.sidedrawer__links>li{display:flex;align-items:center}.sidedrawer__links>li>a:hover{background:#333;color:#f4f4f4}.sidedrawer__links>li>a,.sidedrawer__links>li>p{display:flex;align-items:center;justify-content:center;text-align:center;flex:1 1;padding:1rem;text-decoration:none;color:#171717;font-size:1.6rem}.sidedrawer__cartbadge,.sidedrawer__links>li>a>span{display:flex;align-items:center;margin-left:8px}.sidedrawer__cartbadge{justify-content:center;width:30px;height:30px;background-color:#171717;border-radius:50%;color:#fff;font-size:1rem}.sidedrawer__links>li>a:hover .sidedrawer__cartbadge{background-color:#fff;color:#171717}@media (min-width:960px){.sidedrawer{display:none}}.backdrop{width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:100;position:fixed;top:0;left:0}.home-container{padding:0;max-width:100%;margin:0 auto}.category-section{margin:40px 0}.category-title{font-size:1.8rem;margin-bottom:20px;color:#333;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:capitalize}.homescreen{max-width:85%;margin:1rem auto}.homescreen__title{font-size:1.5rem;color:#171717;margin-bottom:1rem;margin-left:8px}.homescreen__products{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(5,1fr)}@media (max-width:1600px){.homescreen__products{grid-template-columns:repeat(4,1fr)}}@media (max-width:1400px){.homescreen__products{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.homescreen__products{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homescreen__products{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.homescreen__products{grid-template-columns:1fr}}.product{width:300px;padding:1rem;background:#fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.4);margin:8px auto;display:flex;justify-content:space-between;flex-direction:column}.product>img{width:100%;height:170px;object-fit:contain;border-radius:8px;margin-bottom:20px}.product__info>p{margin-bottom:8px}.info__name,.info__price{font-weight:700}.info__name{font-size:1.3rem;overflow:hidden}.info__description{font-size:.8rem}.info__button{display:block;text-decoration:none;text-align:center;color:#fffdfd;width:100%;padding:8px 16px;background-color:#9f045f;border:1px solid #fffcfc;font-size:1rem}.info__button:hover{opacity:.8}@media (max-width:1232px){.product{width:360px}}@media (max-width:1115px){.product{width:330px}}@media (max-width:1028px){.product{width:300px}}@media (max-width:950px){.product{width:400px}}@media (max-width:830px){.product{width:330px}}@media (max-width:700px){.product{width:290px}}@media (max-width:630px){.product{width:450px}}@media (max-width:500px){.product{width:350px}}@media (max-width:400px){.product{width:300px}}@media (min-width:1400px){.product{width:300px;height:350px}}.carousel-container{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.carousel-slides{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-slide{min-width:100%;position:relative}.carousel-image{width:100%;height:800px;display:block;object-fit:cover;aspect-ratio:16/9}.carousel-caption{position:absolute;bottom:20px;left:20px;right:20px;background-color:#f89dc0;color:#fff;padding:20px;border-radius:4px;max-width:500px}.carousel-caption h3{margin-top:0;font-size:1.5rem;margin-bottom:15px}.carousel-caption p{margin-bottom:15px;font-size:1rem}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#9f045f;color:#fff;border:none;padding:10px 15px;cursor:pointer;font-size:1.5rem;z-index:10;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.carousel-control:hover{opacity:.7}.carousel-control.prev{left:15px}.carousel-control.next{right:15px}.carousel-indicators{position:absolute;bottom:20px;right:20px;display:flex;grid-gap:8px;gap:8px}.indicator{width:12px;height:12px;border-radius:50%;background-color:#ccbec4;cursor:pointer;transition:background-color .3s}.indicator.active{background-color:#9f045f}@media (max-width:768px){.carousel-caption{bottom:10px;left:10px;right:10px;padding:15px;max-width:80%}.carousel-caption h3{font-size:1.2rem}.carousel-caption p{font-size:.9rem;margin-bottom:10px}.carousel-button{padding:6px 12px;font-size:.8rem}.carousel-control{width:30px;height:30px;font-size:1.2rem}.carousel-indicators{bottom:10px;right:10px}}@media (max-width:480px){.carousel-caption{position:static;max-width:100%;background-color:rgba(0,0,0,.8);border-radius:0}.carousel-indicators{position:static;justify-content:center;margin-top:10px}}.productscreen{max-width:1300px;margin:1rem auto;display:flex}.productscreen__left{display:flex;flex:0.8 1}.left__image{margin:1rem;flex:0.6 1}.left__info{margin:1rem;flex:0.4 1;background:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.9rem}.left__name{font-weight:700;font-size:1.3rem}.left__info>p,.right__info>p{padding:1rem;border-bottom:1px solid rgba(0,0,0,.2)}.left__info>p:last-child,.right__info>p:last-child{border:none}.productscreen__right{flex:0.2 1}.right__info{width:250px;margin:1rem;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}.right__info p{padding:1rem;font-size:.8rem;display:grid;grid-template-columns:repeat(2,1fr)}.right__info p>button{grid-column:1/-1;width:100%;padding:10px 16px;background:#9f045f;color:#f4f4f4;border:1px solid #fff;cursor:pointer;border-radius:5px}.right__info select{padding:10px 16px}@media (max-width:960px){.productscreen{flex-direction:column}.productscreen__left{flex-direction:column;flex:1 1}.left__image,.left__info{flex:1 1}.productscreen__right{flex:1 1;padding:1rem}.right__info{width:100%;margin:0}}.cartscreen{display:flex;max-width:1300px;margin:2rem auto;grid-gap:2rem;gap:2rem;font-family:"Montserrat",sans-serif}.cartscreen h2{margin-bottom:1.5rem;color:#9f045f;font-size:1.8rem;font-weight:600;border-bottom:2px solid #f3e5e8;padding-bottom:.5rem}.cartscreen__left{flex:0.7 1;padding:2rem}.cartscreen__left,.cartscreen__right{background:#fff;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.05)}.cartscreen__right{flex:0.3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.cartscreen__info{padding:1.5rem}.cartscreen__info p{padding:.5rem 0;display:flex;justify-content:space-between;font-size:1rem}.cartscreen__info p:first-child{font-weight:600;color:#333}.cartscreen__info p:last-child{font-size:1.2rem;font-weight:700;color:#9f045f}.cartscreen__right button{width:100%;padding:1rem;background:#9f045f;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cartscreen__right button:hover{background:#9e1449;transform:translateY(-2px);box-shadow:0 4px 12px rgba(194,24,91,.3)}.cartscreen__left>div{text-align:center;padding:3rem 0;color:#666}.cartscreen__left>div a{color:#9f045f;text-decoration:none;font-weight:600;margin-left:.5rem;transition:all .3s ease}.cartscreen__left>div a:hover{text-decoration:underline}@media (max-width:960px){.cartscreen{flex-direction:column;padding:0 1rem}.cartscreen__left,.cartscreen__right{width:100%;margin:0 0 1.5rem}.cartscreen__right{position:static}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cartitem{animation:fadeIn .3s ease-out forwards;width:100%;padding:1.5rem!important;display:grid;grid-template-columns:100px 2fr 1fr 1fr 1fr;grid-gap:1.5rem!important;gap:1.5rem!important;background:#fff;border-radius:12px;place-items:center;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #f3e5e8}.cartitem:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(194,24,91,.1)}.cartItem__image{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#f9f9f9;padding:.5rem}.cartItem__name{text-decoration:none;color:#333;font-weight:600;font-size:1rem;justify-self:start;transition:all .2s ease}.cartItem__name:hover{color:#9f045f}.cartitem__price{font-weight:600;color:#333}.cartItem__select{padding:.7rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;outline:none;cursor:pointer;transition:all .3s ease;background:#fff}.cartItem__select:focus{border-color:#9f045f;box-shadow:0 0 0 2px rgba(194,24,91,.1)}.cartItem__deleteBtn{padding:.7rem;color:#ff4d4f;background:#fff;border:1px solid #ff4d4f;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cartItem__deleteBtn:hover{background:#ff4d4f;color:#fff;transform:scale(1.05)}@media (max-width:900px){.cartitem{grid-template-columns:80px 1fr 1fr;grid-template-rows:auto auto;grid-gap:1rem;gap:1rem;padding:1rem}.cartItem__name{grid-column:2/span 2}.cartitem__price{justify-self:end}.cartItem__select{grid-column:1;grid-row:2;justify-self:start}.cartItem__deleteBtn{grid-column:3;grid-row:2;justify-self:end}}@media (max-width:500px){.cartitem{grid-template-columns:60px 1fr;grid-template-rows:auto auto auto}.cartItem__name{grid-column:2;font-size:.9rem}.cartitem__price{grid-column:1/span 2;grid-row:2;justify-self:start;padding-left:.5rem}.cartItem__select{grid-column:1;grid-row:3;padding:.5rem}.cartItem__deleteBtn{grid-column:2;grid-row:3;justify-self:end}}.signupscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signupscreen input[type=submit]{background-color:#457b9d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signupscreen input[type=submit]:hover{background-color:#1d3557}.signupscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signupscreen .container{flex-grow:1;display:flex;align-items:center}.signupscreen .container .innerContainer{border-radius:5px;background-color:#fff;padding:20px;max-width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #ccc}.signupscreen .header{background-color:#264653;width:100%;padding:20px}.signupscreen .header p{font-weight:700;font-size:20px;color:#fff}.signupscreen .container .innerContainer span{font-size:14px}.signupscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.signinscreen input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}.signinscreen input[type=submit]{color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.signinscreen input[type=submit],.signinscreen input[type=submit]:hover{background:linear-gradient(90deg,#9f045f,#ff8e53)}.fa-arrow-circle-left:before{color:#9f045f}.bg-back{background-color:#9f045f}.signinscreen .container p{font-size:28px;text-align:center;margin-bottom:10px}.signinscreen .container{flex-grow:1;display:flex;align-items:center}.signinscreen .container .innerContainer{border-radius:5px;background-color:#fff;padding:20px;max-width:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #ccc}.signinscreen .header{background:linear-gradient(90deg,#9f045f,#ff8e53);width:100%;padding:20px}.signinscreen .header p{font-weight:700;font-size:20px;color:#fff}.signinscreen .container .innerContainer span{font-size:14px}.link{text-decoration:none;cursor:pointer}.signinscreen{display:flex;align-items:center;width:100%;height:100%;flex-direction:column}.shipping{max-width:600px;margin:2rem auto;padding:2rem;box-shadow:0 4px 20px rgba(194,24,91,.08);border-radius:12px;background-color:#fff;border:1px solid #f3e5e8;font-family:"Montserrat",sans-serif}.shipping h1{text-align:center;margin-bottom:2rem;color:#9f045f;font-size:1.8rem;font-weight:600;position:relative;padding-bottom:.5rem}.shipping h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#9f045f,#ff8e53)}.shipping form{grid-gap:1.5rem;gap:1.5rem}.shipping form,.shipping form div{display:flex;flex-direction:column}.shipping form div{grid-gap:.6rem;gap:.6rem}.shipping label{font-weight:500;color:#555;font-size:.95rem}.shipping input{padding:1rem;border:1px solid #e0c8cf;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.shipping input:focus{outline:none;border-color:#9f045f;box-shadow:0 0 0 3px rgba(194,24,91,.1)}.shipping button{padding:1rem;background:linear-gradient(90deg,#9f045f,#ff8e53);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.shipping button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(194,24,91,.2)}@media (max-width:640px){.shipping{margin:1.5rem;padding:1.5rem;border-radius:10px}.shipping h1{font-size:1.5rem;margin-bottom:1.5rem}.shipping button,.shipping input{padding:.9rem}}.payment-container{max-width:600px;margin:2rem auto;padding:2.5rem;box-shadow:0 4px 20px rgba(194,24,91,.08);border-radius:12px;background:#fff;border:1px solid #f3e5e8;font-family:"Montserrat",sans-serif}.payment-header{text-align:center;margin-bottom:2.5rem;color:#9f045f;font-size:1.8rem;font-weight:600;position:relative}.payment-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#9f045f,#ff8e53)}.payment-form{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.payment-method-group{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.method-label{font-weight:600;color:#555;font-size:1rem;margin-bottom:.8rem}.method-option{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1.2rem;border:1px solid #e0c8cf;border-radius:8px;transition:all .3s ease;cursor:pointer;background:#fff}.method-option:hover{border-color:#9f045f;box-shadow:0 2px 8px rgba(194,24,91,.1)}.method-option.selected{border-color:#9f045f;background-color:#fff9fb}.method-icon{width:30px;height:30px;object-fit:contain}.method-text{flex:1 1;font-weight:500}.submit-button{padding:1rem;background:linear-gradient(90deg,#9f045f,#ff8e53);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(194,24,91,.2)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:640px){.payment-container{margin:1.5rem;padding:1.8rem}.payment-header{font-size:1.5rem;margin-bottom:2rem}.method-option{padding:1rem}.submit-button{padding:.9rem}}.message{padding:1rem;margin:1rem 0;border-radius:4px;font-weight:500}.message.info{background-color:#e6f7ff;color:#1890ff}.message.success{background-color:#f6ffed;color:#52c41a}.message.danger{background-color:#fff2f0;color:#ff4d4f}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left-color:#09f;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.placeorder{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:"Montserrat",sans-serif}.placeorder__left{flex:1 1;min-width:300px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 15px rgba(194,24,91,.05);border:1px solid #f3e5e8}.placeorder__right{flex:0 0 350px;position:-webkit-sticky;position:sticky;top:2rem;align-self:flex-start}.placeorder h2{margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f3e5e8;color:#9f045f;font-size:1.5rem;font-weight:600}.placeorder p{margin:.5rem 0;color:#555;font-size:.95rem}.placeorder p strong{color:#333;margin-right:.5rem;font-weight:600}.placeorder__left>div:last-child{margin-bottom:2rem}.placeorder__left>div>div{display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.placeorder__left>div>div>div{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;padding:1.2rem;background:#fff9fb;border-radius:8px;width:100%;border:1px solid #f3e5e8;transition:all .3s ease}.placeorder__left>div>div>div:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(194,24,91,.1)}.placeorder__left img{width:80px;height:80px;object-fit:contain;border-radius:8px;padding:.5rem}.order-summary,.placeorder__left img{background:#fff;border:1px solid #f3e5e8}.order-summary{padding:2rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 15px rgba(194,24,91,.05)}.order-summary>div{display:flex;justify-content:space-between;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #f3e5e8}.order-summary>div:last-child{border-bottom:none;font-weight:700;font-size:1.2rem;color:#9f045f}.place-order-btn{width:100%;padding:1rem;background:linear-gradient(90deg,#9f045f,#ff8e53);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(194,24,91,.2)}.place-order-btn:disabled{background:#e0c8cf;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.placeorder{flex-direction:column;grid-gap:1.5rem;gap:1.5rem;padding:0 1.5rem}.placeorder__right{position:static;width:100%}.placeorder__left,.placeorder__right{padding:1.5rem}.placeorder__left>div>div>div{flex-direction:column;align-items:flex-start}.placeorder__left img{width:100%;height:auto;max-height:200px}}.placeorder .message{margin-bottom:2rem;width:100%;padding:1rem;background:#f0fff4;border-radius:8px;color:#2d7d46;border:1px solid #c6f6d5}.order-list-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:"Montserrat",sans-serif}.order-list-title{text-align:center;margin-bottom:2.5rem;font-size:2rem;color:#9f045f;position:relative;padding-bottom:.5rem;font-weight:600}.order-list-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#9f045f,#ff8e53)}.orders-table{width:100%;border-collapse:collapse;margin-top:1.5rem;box-shadow:0 2px 15px rgba(194,24,91,.05);border-radius:12px;overflow:hidden;background:#fff;border:1px solid #f3e5e8}.orders-table-header{background:linear-gradient(90deg,#9f045f,#ff8e53);color:#fff}.orders-table-header th{padding:1.2rem;text-align:left;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.orders-table-row{background-color:#fff;border-bottom:1px solid #f3e5e8;transition:all .3s ease}.orders-table-row:last-child{border-bottom:none}.orders-table-row:hover{background-color:#fff9fb;transform:scale(1.01)}.orders-table-cell{padding:1.2rem;color:#555;font-size:.95rem}.status-badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-paid{background-color:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.status-not-paid{background-color:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.status-delivered{background-color:#ebf8ff;color:#3182ce;border:1px solid #bee3f8}.status-not-delivered{background-color:#fffaf0;color:#dd6b20;border:1px solid #feebc8}.details-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(90deg,#9f045f,#ff8e53);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.details-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(194,24,91,.2)}.loading-state{display:flex;justify-content:center;padding:3rem;background:#fff;border-radius:12px;border:1px solid #f3e5e8}.error-state{color:#e53e3e;text-align:center;padding:2rem;background-color:#fff5f5;border-radius:12px;margin-top:1.5rem;border:1px solid #fed7d7}@media (max-width:768px){.orders-table{display:block;overflow-x:auto}.order-list-title{font-size:1.6rem;margin-bottom:2rem}.orders-table-cell,.orders-table-header th{padding:1rem;white-space:nowrap}.details-button{padding:.5rem 1rem}}@media (max-width:480px){.order-list-container{padding:1.5rem .5rem}.order-list-title{font-size:1.4rem}.status-badge{padding:.3rem .8rem;font-size:.8rem}.orders-table-header th{font-size:.8rem;padding:.8rem}.orders-table-cell{font-size:.85rem;padding:.8rem}}.order-details-container{max-width:1200px;margin:2rem auto;padding:1rem;font-family:"Arial",sans-serif}.order-details-title{font-size:2rem;color:#333;margin-bottom:2rem;text-align:center}.order-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.order-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.order-section h2{font-size:1.5rem;color:#444;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.order-items{margin-top:1rem}.order-item{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f5f5f5}.item-image img{width:60px;height:60px;object-fit:cover;margin-right:1rem;border-radius:4px}.item-details p{margin:.2rem 0;color:#555}.paid{color:#28a745;font-weight:700}.not-paid{color:#dc3545;font-weight:700}.delivered{color:#28a745;font-weight:700}.not-delivered{color:#dc3545;font-weight:700}.order-total{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.order-total h2{font-size:1.5rem;color:#444;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0;border-bottom:1px solid #f5f5f5}.grand-total{font-size:1.2rem;font-weight:700;color:#333;margin-top:1rem;border-top:2px solid #eee;padding-top:1rem}@media (max-width:768px){.order-summary{grid-template-columns:1fr}}.navigation-buttons{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:2rem}.back-button,.home-link,.orders-link{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:.9rem;transition:all .3s ease}.back-button{background-color:#f0f0f0;color:#333}.orders-link{background-color:#007bff;color:#fff}.home-link{background-color:#6c757d;color:#fff}.back-button:hover{background-color:#e0e0e0}.orders-link:hover{background-color:#0056b3}.home-link:hover{background-color:#5a6268}.footer{background:linear-gradient(135deg,#9f045f,#9e1449);color:#fff;padding:3rem 0 0;margin-top:4rem;font-family:"Montserrat",sans-serif}.footer__content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.footer__section{flex:1 1;min-width:220px;margin-bottom:2rem;padding:0 1.5rem}.footer__section h3{color:#fff;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;position:relative;padding-bottom:.5rem}.footer__section h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:hsla(0,0%,100%,.5)}.footer__section ul{list-style:none;padding:0}.footer__section ul li{margin-bottom:.8rem}.footer__section a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:all .3s ease;font-size:.95rem;display:inline-block}.footer__section a:hover{color:#fff;transform:translateX(5px)}.social__icons{display:flex;grid-gap:1.2rem;gap:1.2rem;margin:1.5rem 0}.social__icons a{color:#fff;font-size:1.5rem;transition:all .3s ease}.social__icons a:hover{transform:translateY(-3px);text-shadow:0 4px 8px rgba(0,0,0,.2)}.newsletter__form{display:flex;margin-top:1.5rem;max-width:300px}.newsletter__form input{flex:1 1;padding:.8rem;border:none;border-radius:8px 0 0 8px;font-size:.95rem;outline:none}.newsletter__form button{padding:0 1.5rem;background:#171717;color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;transition:all .3s ease;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.newsletter__form button:hover{background:#000}.footer__bottom{text-align:center;padding:1.5rem;background:rgba(0,0,0,.1);margin-top:2rem}.footer__bottom p{margin:0;color:hsla(0,0%,100%,.7);font-size:.9rem}@media (max-width:768px){.footer{padding:2rem 0 0}.footer__content{flex-direction:column;padding:0 1.5rem}.footer__section{margin-bottom:2rem;padding:0}.newsletter__form{flex-direction:row;max-width:100%}.newsletter__form input{border-radius:8px 0 0 8px;margin-bottom:0}.newsletter__form button{border-radius:0 8px 8px 0}}@media (max-width:480px){.newsletter__form{flex-direction:column}.newsletter__form input{border-radius:8px;margin-bottom:.5rem}.newsletter__form button{border-radius:8px;padding:.8rem;width:100%}}
/*# sourceMappingURL=main.5766715b.chunk.css.map */