#app{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;display:flex;flex-direction:column}.main-section{flex:1}.main-section>div{max-width:1200px;margin:0 auto;padding:20px 20px 60px}.dashboard{width:100%;display:flex;justify-content:center;margin-top:20px}.dashboard-slide-container{position:relative;width:90%;max-width:1200px;height:450px;overflow:hidden;border-radius:16px;box-shadow:0 6px 18px #00000040}.dashboard-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out}.dashboard-slide.active{opacity:1;z-index:1}.dashboard-slide .hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;filter:brightness(100%)}.hero-content{position:absolute;bottom:30px;left:40px;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.6)}.hero-content h1{font-size:1.8rem;margin:0 0 .3rem}.hero-content p{font-size:1rem}.slide-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 15px;transform:translateY(-50%);z-index:2}.slide-controls button{background:#0006;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;transition:background .1s}.slide-controls button:hover{background:#000000b3}.grid{padding:20px 40px}.social-btns{position:fixed;right:20px;bottom:80px;display:flex;flex-direction:column;gap:12px;z-index:1000}.social-btn{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;font-size:20px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.social-btn:hover{transform:scale(1.1);box-shadow:0 6px 12px #00000040}.social-btn img{width:35px;height:35px;border-radius:50%}@media (max-width: 1024px){.dashboard-slide-container{height:350px}.hero-content h1{font-size:1.5rem}}@media (max-width: 768px){.dashboard-slide-container{height:280px}.hero-content{left:20px;bottom:20px}.hero-content h1{font-size:1.3rem}.hero-content p{font-size:.9rem}}@media (max-width: 480px){.dashboard-slide-container{height:220px}.hero-content h1{font-size:1rem}.hero-content p{font-size:.8rem}}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-scale-enter-active{transition:all .5s cubic-bezier(.25,.1,.25,1)}.fade-scale-enter-from{opacity:0;transform:scale(.95)}.fade-up-enter-active,.fade-up-leave-active{transition:all .45s ease}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(10px)}.slide-fade-enter-active{animation:slideFade .35s ease-out}.slide-fade-leave-active{animation:slideFade .3s ease-in reverse}@keyframes slideFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.footer{background:linear-gradient(135deg,#1f326b,#3b0303);color:#e5e5e5;padding:20px 0;text-align:center;font-family:Poppins,sans-serif;display:flex;flex-direction:column;gap:12px;margin-top:20px}.footer-social{display:flex;justify-content:center;gap:20px}.social-item img{width:32px;height:32px;filter:brightness(0) invert(1);transition:transform .3s ease,filter .3s ease}.social-item:hover img{transform:scale(1.2);filter:brightness(1) invert(0)}.footer-copy{font-size:.85rem;opacity:.6}@media (max-width: 600px){.social-item img{width:28px;height:28px}}.card{display:flex;flex-direction:column;background:#ffffff57;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid #ddd;width:100%}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-image{width:100%;height:180px;background-size:cover;background-position:center;transition:transform .3s ease;box-shadow:0 4px 15px #0000001a}.card:hover .card-image{transform:scale(1.05)}.card-info{padding:16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#b1c2f5,#42050570);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #ddd}.card-info .code{display:inline-block;background:#457b9d15;color:#1d3557;font-size:20px;font-weight:600;padding:4px 8px;border-radius:8px;letter-spacing:.5px;align-self:flex-start}.card-info p{margin:0;color:#333;font-size:15px;line-height:1.4}.card-info .price{color:#e63946;font-size:18px;font-weight:700;transition:color .25s ease,filter .25s ease}.card:hover .card-info .price{color:#c1121f;filter:brightness(1.2)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:20px;justify-items:center}@media (max-width: 768px){.card{border-radius:12px}.card-image{height:150px}.card-info{padding:12px}}@media (max-width: 480px){.card{width:100%}.card-image{height:140px}}@media (max-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.filters{display:flex;justify-content:center;margin-top:20px;padding-top:20px;width:100%}.filters-container{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#b8c5ec,#c29d9d);padding:20px;border-radius:10px;width:60%;box-shadow:0 3px 10px #0000001a}.filter-select,.filter-input{display:flex;align-items:center;gap:12px}.filter-label{width:120px;font-weight:500;color:#333}.select,.input{flex:1;height:38px;padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.select:focus,.input:focus{border-color:#3b82f6;box-shadow:0 0 4px #3b82f666;outline:none}.search-btn-container{display:flex;justify-content:flex-end;margin-top:10px}.search-btn{background:linear-gradient(135deg,#7595f8,#d85353);background-size:200%;background-position:left;color:#fff;border:none;padding:10px 18px;font-size:14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-position .6s ease,transform .3s ease}.search-btn:hover{background-position:right;transform:translateY(-1px)}.search-btn i{font-size:14px}.select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 32px 8px 10px;font-size:14px;width:100%;box-sizing:border-box;color:#333;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select:hover{border-color:#007bff}.select:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff4d}.select{background-image:url("data:image/svg+xml;utf8,<svg fill='%23333' height='10' width='10' xmlns='http://www.w3.org/2000/svg'><polygon points='0,0 10,0 5,6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:10px}.select::-ms-expand{display:none}@media (max-width: 768px){.filters-container{width:90%;padding:15px}.filter-select,.filter-input{flex-direction:column;align-items:flex-start;width:100%}.filter-label{width:auto;margin-bottom:4px}.select,.input{width:100%;box-sizing:border-box}.search-btn-container{justify-content:center;width:100%}}.pagination[data-v-0d33d985]{margin-top:20px;display:flex;justify-content:center;gap:8px}button[data-v-0d33d985]{padding:6px 12px;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px}button.active[data-v-0d33d985]{background:#fdfdfd;color:#080808;font-weight:700}button[data-v-0d33d985]:disabled{opacity:.5;cursor:not-allowed}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#e8f0ff,#fff);padding:20px}.login-container{background:linear-gradient(135deg,#b8c5ec,#c29d9d);width:100%;max-width:420px;padding:32px 28px;border-radius:18px;box-shadow:0 8px 20px #00000014;animation:fadeIn .3s ease}.login-container h2{text-align:center;margin-bottom:24px;color:#333}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-group input{width:100%;padding:12px 14px;border:1.5px solid #d1d9e6;border-radius:10px;font-size:15px;transition:all .25s ease}.form-group input:focus{border-color:#4a8cff;box-shadow:0 0 0 3px #4a8cff40;outline:none}button[type=submit]{width:100%;padding:13px 14px;background:linear-gradient(135deg,#7595f8,#d85353);background-position:left;background-size:200%;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-position .6s ease,transform .3s ease}button[type=submit]:hover{background-position:right;transform:translateY(-1px)}button[type=submit]:active{transform:scale(.98)}@media (max-width: 480px){.login-container{padding:26px 22px;border-radius:14px}.form-group input{font-size:14px;padding:11px}button[type=submit]{padding:12px;font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}.account-detail-page{max-width:1200px;margin:0 auto;padding:20px 20px 60px}.detail-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 18px #00000014;margin-top:20px;animation:fadeIn .25s ease}.form-group{margin-bottom:16px}.form-group label{font-weight:600;display:block;margin-bottom:6px}.form-control,.form-group input,.form-group textarea{width:100%;padding:12px 14px;font-size:15px;border:1.6px solid #d3dae7;border-radius:10px;transition:all .25s ease}.form-control:focus,.form-group input:focus,.form-group textarea:focus{border-color:#4a8cff;box-shadow:0 0 0 3px #4a8cff33;outline:none}.switch{position:relative;width:45px;height:24px;display:inline-block}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:24px;transition:.3s}.slider:before{content:"";position:absolute;height:19px;width:19px;left:3px;bottom:2.5px;border-radius:50%;background:#fff;transition:.25s}.switch input:checked+.slider{background-color:#4a8cff}.switch input:checked+.slider:before{transform:translate(20px)}.images{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;margin-top:12px}.image-item{position:relative;border-radius:12px;overflow:hidden;background:#f8f8f8}.image-item img{width:100%;display:block;border-radius:12px}.btn-delete{position:absolute;top:8px;right:8px;background:#ff2828d9;color:#fff;border:none;padding:6px 10px;font-size:13px;border-radius:6px;cursor:pointer;transition:.2s}.btn-delete:hover{background:red}.preview-images{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.preview-item{position:relative;width:140px;height:140px;border-radius:12px;overflow:hidden}.preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-item button{position:absolute;top:6px;right:6px;width:26px;height:26px;border:none;color:#fff;background:#ff3c3cd9;border-radius:50%;cursor:pointer;font-size:16px;line-height:0}.actions{display:flex;gap:12px;margin-top:24px}.nav-btn{padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#7595f8,#d85353);background-size:200%;background-position:left;color:#fff;transition:.25s}.nav-btn:hover{background-position:right;transform:translateY(-1px)}.nav-btn:active{transform:scale(.97)}.info-item{padding:14px 18px;border-radius:10px;display:flex;align-items:center}.code-box strong{font-size:22px;font-weight:700;color:#222}.price-box strong{font-size:20px;font-weight:600;color:#d33}.description-box{background:linear-gradient(135deg,#b8c5ec,#c29d9d)}.description-box h3{font-size:15px;font-style:italic;color:#444;line-height:1.4;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.images{grid-template-columns:1fr}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.grid{display:grid}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}