*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#212121;line-height:1.6;min-width:320px;position:relative}#root{width:100%;min-height:100vh}@media(min-width:768px){html{font-size:16px}}@media(max-width:768px){body{-webkit-overflow-scrolling:touch}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],textarea,select{font-size:16px!important}}.navbar{background:linear-gradient(135deg,var(--navbar-bg, var(--primary)),var(--navbar-hover, var(--secondary)));box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;width:100%;overflow-x:hidden}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem;width:100%;max-width:100%;flex-wrap:wrap}.navbar-brand h1{color:var(--navbar-text, var(--white));font-size:1.2rem;font-weight:700;letter-spacing:1px;white-space:nowrap}.navbar-logo{height:45px;width:auto;object-fit:contain;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-search{flex:1;max-width:300px;min-width:150px;position:relative;display:flex;align-items:center}.navbar-search svg{position:absolute;left:12px;color:#999;z-index:1}.navbar-search input{width:100%;padding:8px 10px 8px 35px;border:none;border-radius:25px;font-size:14px;min-width:0}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{color:var(--navbar-text, var(--white));text-decoration:none;font-weight:500;transition:opacity .3s;display:flex;align-items:center;gap:8px}.nav-link:hover{opacity:.8}.nav-user{display:flex;align-items:center;gap:1rem}.nav-auth-buttons{display:flex;align-items:center;gap:.75rem}.nav-auth-buttons .btn-outline{border-color:var(--white);color:var(--white)}.nav-auth-buttons .btn-outline:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-logout{background:#fff3;color:var(--white);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;transition:background .3s}.btn-logout:hover{background:#ffffff4d}.btn-sm{padding:8px 16px;font-size:14px}.nav-cart{position:relative;color:var(--navbar-text, var(--white));font-size:1.5rem}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--accent);color:var(--white);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}@media(max-width:968px){.navbar-brand h1{font-size:1.1rem}.navbar-logo{height:40px}.navbar-search{max-width:250px}.navbar-menu{gap:1rem}.nav-link{font-size:.9rem}}@media(max-width:768px){.navbar-content{padding:.5rem 0;gap:.75rem}.navbar-brand h1{font-size:1rem;letter-spacing:.5px}.navbar-logo{height:35px}.navbar-search{order:3;flex-basis:100%;max-width:100%;width:100%;margin-top:.5rem}.navbar-search input{padding:10px 10px 10px 35px;font-size:16px}.menu-toggle{display:block;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.navbar-menu{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;background:var(--white);flex-direction:column;align-items:flex-start;padding:2rem 1.5rem;box-shadow:-2px 0 12px #00000026;transition:right .3s ease;overflow-y:auto}.navbar-menu.active{right:0}.nav-link{color:var(--dark);width:100%;padding:1rem 0;border-bottom:1px solid #f0f0f0;font-size:1rem;min-height:48px}.nav-auth-buttons{flex-direction:column;width:100%;gap:.75rem;margin-top:1rem}.nav-auth-buttons .btn{width:100%;justify-content:center;min-height:48px}.btn-logout{background:var(--danger);width:100%;justify-content:center;margin-top:1rem;min-height:48px}.nav-cart{font-size:1.8rem}}@media(max-width:480px){.navbar-brand h1{font-size:.9rem}.navbar-logo{height:30px}.navbar-search input{padding:8px 8px 8px 32px;font-size:14px}.nav-link{font-size:.95rem;padding:.9rem 0}}.footer{background:var(--footer-bg, var(--dark));color:var(--footer-text, var(--white));padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.8rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--footer-link, var(--primary)),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-logo{height:80px;width:auto;margin-bottom:1rem;object-fit:contain}.footer-section h4{margin-bottom:1rem;color:var(--footer-link, var(--primary))}.footer-section p{color:#b0b0b0;line-height:1.8}.social-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .3s,box-shadow .3s}.social-btn svg{font-size:1rem}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.social-btn.whatsapp{background:#25d366;color:var(--white)}.social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:var(--white)}.social-btn.facebook{background:#1877f2;color:var(--white)}.contact-list{list-style:none}.contact-list li{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#b0b0b0}.contact-list svg{color:var(--footer-link, var(--primary))}.footer-links{list-style:none}.footer-links a{color:#b0b0b0;text-decoration:none;display:block;margin-bottom:10px;transition:color .3s}.footer-links a:hover{color:var(--footer-link, var(--primary))}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#b0b0b0}@media(max-width:768px){.footer-content{grid-template-columns:1fr}.social-links{flex-direction:column}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:5rem 0;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.3rem;margin-bottom:2rem;opacity:.9}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--dark);position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:2px}.featured-products{padding:4rem 0}.product-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.product-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.product-image{position:relative;width:100%;height:300px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.1)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2rem}.discount-badge{position:absolute;top:10px;right:10px;background:var(--danger);color:var(--white);padding:8px 12px;border-radius:20px;font-weight:700;font-size:14px}.product-info h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--dark);min-height:48px}.product-category{display:inline-block;background:#f0f0f0;padding:4px 12px;border-radius:12px;font-size:12px;color:#666;margin-bottom:1rem}.product-prices{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.old-price{text-decoration:line-through;color:#999;font-size:14px}.price{font-size:1.8rem;font-weight:700;color:var(--success)}.price-info{font-size:14px;color:#666;margin-bottom:.3rem}.installment{font-size:13px;color:#999;margin-bottom:1rem}.product-actions{display:flex;gap:10px}.product-actions .btn{flex:1;justify-content:center;font-size:14px;padding:10px}.features{background:linear-gradient(135deg,#e91e630d,#9c27b00d);padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--white);padding:2rem;border-radius:12px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--primary);margin-bottom:.5rem}.feature-card p{color:#666}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.product-image{height:200px}.features-grid{grid-template-columns:1fr}}.products-page{min-height:100vh;display:flex;flex-direction:column}.page-header{background:linear-gradient(135deg,#7b68ee,#9370db);color:#fff;padding:4rem 0 3rem;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:.5rem}.page-header p{font-size:1.2rem;opacity:.9}.products-section{flex:1;padding:3rem 0;background:#f5f5f5}.products-filters{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.search-box{margin-bottom:1.5rem}.search-box input{width:100%;padding:1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s}.search-box input:focus{outline:none;border-color:#7b68ee}.category-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border:2px solid #7B68EE;background:#fff;color:#7b68ee;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s;text-transform:capitalize}.filter-btn:hover{background:#f3f0ff}.filter-btn.active{background:#7b68ee;color:#fff}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.sale-badge{position:absolute;top:10px;right:10px;background:#ff5722;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.85rem;z-index:1;box-shadow:0 2px 8px #ff57224d}.product-image img{width:100%;height:100%;object-fit:cover}.price-cash{display:block;font-size:1.5rem;font-weight:700;color:#7b68ee;margin-bottom:.25rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #7B68EE;border-radius:50%;animation:spin 1s linear infinite}.no-products{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}@media(max-width:968px){.products-filters{flex-direction:column;gap:1rem}.search-box,.search-box input{width:100%}.category-filters{flex-wrap:wrap;justify-content:center}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.page-header{padding:2rem 0}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.products-section{padding:2rem 0}.container{padding:0 1rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{max-width:100%}.product-image{height:250px}.product-actions{flex-direction:row;gap:.5rem}.product-actions .btn{flex:1;padding:.75rem .5rem;font-size:.85rem}.category-filters{gap:.5rem;justify-content:center}.filter-btn{padding:.5rem 1rem;font-size:.85rem}}.products-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;position:relative}.filter-toggle-btn{display:none;width:100%;padding:1rem;background:linear-gradient(135deg,#7b68ee,#9370db);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;align-items:center;justify-content:center;gap:.5rem}.filters-sidebar{background:#fff;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:100px;box-shadow:0 2px 8px #0000001a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.filters-header h3{font-size:1.3rem;color:#333;margin:0}.close-filters-btn{display:none;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem}.filters-sidebar .search-box{margin-bottom:1.5rem}.filter-group{margin-bottom:2rem}.filter-group h4{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:600}.filter-options{display:flex;flex-direction:column;gap:.75rem}.filter-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .3s}.filter-option:hover{background:#f9f9f9}.filter-option input[type=radio]{width:18px;height:18px;cursor:pointer}.filter-option span{font-size:.95rem;color:#555;text-transform:capitalize}.filter-option input[type=radio]:checked+span{color:#7b68ee;font-weight:600}.size-options{flex-direction:row;flex-wrap:wrap}.size-chip{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff}.size-chip:hover{border-color:#7b68ee;background:#f3f0ff}.size-chip input[type=radio]:checked+span{color:#fff}.size-chip:has(input[type=radio]:checked){background:#7b68ee;border-color:#7b68ee}.size-chip:has(input[type=radio]:checked) span{color:#fff}.size-chip input[type=radio]{display:none}.clear-filters-btn{width:100%;margin-top:1rem}.products-content{flex:1;min-width:0}.products-header{margin-bottom:1.5rem}.products-count{color:#666;font-size:1rem;font-weight:500}.product-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.product-category,.product-gender,.product-size{font-size:.85rem;padding:.25rem .75rem;border-radius:12px;background:#f0f0f0;color:#666}.product-gender{background:#e3f2fd;color:#1976d2}@media(max-width:480px){.page-header h1{font-size:1.5rem}.product-info h3{font-size:1.1rem}.price-cash{font-size:1.3rem}.stock-indicator{font-size:.8rem;padding:.4rem}.product-actions .btn{font-size:.8rem;padding:.6rem .4rem}.filter-btn{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:968px){.products-layout{grid-template-columns:1fr}.filter-toggle-btn{display:flex}.filters-sidebar{position:fixed;top:0;left:-100%;width:320px;max-width:85vw;height:100vh;z-index:1001;transition:left .3s ease;overflow-y:auto;padding:2rem 1.5rem}.filters-sidebar.active{left:0}.close-filters-btn{display:block}.filters-header{position:sticky;top:0;background:#fff;z-index:1;margin:-2rem -1.5rem 1.5rem;padding:1.5rem}}@media(max-width:768px){.filters-sidebar{width:280px}.size-options{gap:.5rem}.size-chip{padding:.4rem .8rem;font-size:.9rem}.filter-option{padding:.4rem}.filter-option span{font-size:.9rem}}.offers-page{min-height:100vh;display:flex;flex-direction:column}.offers-header{background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;padding:4rem 0 3rem;text-align:center;position:relative;overflow:hidden}.offers-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50" font-size="80" opacity="0.1">🔥</text></svg>') repeat;opacity:.1;animation:float 20s linear infinite}@keyframes float{0%{background-position:0 0}to{background-position:100% 100%}}.fire-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.offers-header h1{font-size:2.5rem;margin-bottom:.5rem;position:relative;z-index:1}.offers-header p{font-size:1.2rem;opacity:.9;position:relative;z-index:1}.offers-section{flex:1;padding:3rem 0;background:#f5f5f5}.offers-count{background:#fff;padding:1rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;text-align:center;font-size:1.1rem;font-weight:600;color:#ff5722}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;position:relative;border:2px solid transparent}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #ff572233;border-color:#ff5722}.sale-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.85rem;z-index:1;box-shadow:0 4px 12px #ff572266;display:flex;align-items:center;gap:.25rem;animation:shake 3s ease-in-out infinite}@keyframes shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}.product-image{width:100%;height:280px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;background:#f0f0f0}.product-info{padding:1.5rem}.product-info h3{font-size:1.2rem;margin-bottom:.5rem;color:#333}.product-category{color:#666;font-size:.9rem;margin-bottom:.5rem;text-transform:capitalize}.stock-indicator{padding:.5rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;font-weight:600;text-align:center}.stock-indicator.in-stock{background:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.stock-indicator.low-stock{background:#fff3e0;color:#e65100;border:1px solid #ff9800}.stock-indicator.out-of-stock{background:#ffebee;color:#c62828;border:1px solid #f44336}.product-prices{margin-bottom:1rem}.price-cash{display:block;font-size:1.5rem;font-weight:700;color:#ff5722;margin-bottom:.25rem}.price-card{display:block;font-size:.9rem;color:#666}.product-actions{display:flex;gap:.5rem}.product-actions .btn{flex:1;padding:.75rem;font-size:.9rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff5722;border-radius:50%;animation:spin 1s linear infinite}.no-offers{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.no-offers-icon{font-size:5rem;color:#ddd;margin-bottom:1rem}.no-offers h2{color:#666;margin-bottom:.5rem}.no-offers p{color:#999;margin-bottom:2rem}@media(max-width:968px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.offers-count{padding:.75rem 1.5rem;font-size:1rem}}@media(max-width:768px){.offers-header{padding:2.5rem 0 2rem}.offers-header h1{font-size:1.8rem}.offers-header p{font-size:1rem}.fire-icon{font-size:3rem}.offers-section{padding:2rem 0}.container{padding:0 1rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{max-width:100%}.product-image{height:250px}.product-actions{flex-direction:row;gap:.5rem}.product-actions .btn{flex:1;padding:.75rem .5rem;font-size:.85rem}.sale-badge{font-size:.75rem;padding:.4rem .8rem}.offers-count{padding:.75rem 1rem;font-size:.95rem;margin-bottom:1.5rem}.no-offers{padding:3rem 1.5rem}.no-offers-icon{font-size:4rem}.no-offers h2{font-size:1.3rem}.no-offers p{font-size:1rem}}@media(max-width:480px){.offers-header h1{font-size:1.5rem}.fire-icon{font-size:2.5rem}.product-info h3{font-size:1.1rem}.price-cash{font-size:1.3rem}.stock-indicator{font-size:.8rem;padding:.4rem}.product-actions .btn{font-size:.8rem;padding:.6rem .4rem}.sale-badge{font-size:.7rem;padding:.35rem .7rem}}.profile-page{min-height:100vh;display:flex;flex-direction:column}.profile-header{background:linear-gradient(135deg,#7b68ee,#9370db);color:#fff;padding:3rem 0 2rem;text-align:center}.profile-header h1{font-size:2.5rem;margin-bottom:.5rem}.profile-header p{font-size:1.1rem;opacity:.9}.profile-content{flex:1;padding:3rem 0;background:#f5f5f5}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.user-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.user-avatar{width:100px;height:100px;background:linear-gradient(135deg,#7b68ee,#9370db);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:3rem;color:#fff}.user-card h3{margin-bottom:.5rem;color:#333}.user-email{color:#666;font-size:.9rem}.profile-nav{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.nav-item{width:100%;padding:1rem 1.5rem;border:none;background:#fff;text-align:left;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.75rem;color:#666;border-bottom:1px solid #f0f0f0}.nav-item:last-child{border-bottom:none}.nav-item:hover{background:#f5f5f5;color:#673ab7}.nav-item.active{background:#f3e5f5;color:#673ab7;font-weight:600}.logout-btn{color:#f44336}.logout-btn:hover{background:#ffebee;color:#d32f2f}.profile-main{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-header h2{margin:0}.edit-actions{display:flex;gap:.5rem}.profile-main h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333}.profile-main h3{font-size:1.3rem;margin:2rem 0 1rem;color:#555}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.info-item label{display:block;font-size:.85rem;font-weight:600;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.info-item p{font-size:1.05rem;color:#333}.edit-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.edit-form .form-group{display:flex;flex-direction:column}.edit-form label{font-size:.85rem;font-weight:600;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.edit-form input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.edit-form input:focus{outline:none;border-color:#673ab7}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{border:2px solid #f0f0f0;border-radius:8px;padding:1.5rem;transition:all .3s}.order-card:hover{border-color:#673ab7;box-shadow:0 4px 12px #673ab71a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.order-header h4{font-size:1.2rem;margin-bottom:.25rem;color:#333}.order-date{font-size:.9rem;color:#666}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-pending{background:#fff3e0;color:#f57c00}.status-processing{background:#e3f2fd;color:#1976d2}.status-shipped{background:#f3e5f5;color:#7b1fa2}.status-delivered{background:#e8f5e9;color:#388e3c}.status-cancelled{background:#ffebee;color:#d32f2f}.order-items{margin-bottom:1rem}.order-item{display:flex;justify-content:space-between;padding:.5rem 0;color:#666}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f0f0f0}.order-payment{color:#666;font-size:.9rem;text-transform:capitalize}.order-total{font-size:1.2rem;color:#673ab7}.no-orders{text-align:center;padding:4rem 2rem}.no-orders-icon{font-size:5rem;color:#ddd;margin-bottom:1rem}.no-orders p{color:#666;font-size:1.1rem;margin-bottom:2rem}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #673ab7;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:968px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{flex-direction:row;gap:1rem}.user-card,.profile-nav{flex:1}.nav-item{justify-content:center;font-size:.9rem;padding:.9rem 1rem}.info-grid,.edit-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container{padding:0 1rem}.profile-header{padding:2rem 0 1.5rem}.profile-header h1{font-size:1.8rem}.profile-header p{font-size:1rem}.profile-content{padding:2rem 0}.profile-sidebar{flex-direction:column;gap:1rem}.user-card{padding:1.5rem}.user-avatar{width:80px;height:80px;font-size:2.5rem}.user-card h3{font-size:1.1rem}.nav-item{padding:.9rem 1.2rem;font-size:.95rem}.profile-main{padding:1.5rem}.profile-main h2{font-size:1.5rem}.profile-main h3{font-size:1.2rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header .btn,.edit-actions .btn{width:100%}.edit-actions{width:100%;flex-direction:column}.info-grid,.edit-form{grid-template-columns:1fr;gap:1rem}.order-card{padding:1rem}.order-header,.order-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.order-header h4,.order-total{font-size:1.1rem}.status-badge{padding:.4rem .8rem;font-size:.8rem}.no-orders{padding:3rem 1.5rem}.no-orders-icon{font-size:4rem}.no-orders p{font-size:1rem}}@media(max-width:480px){.profile-header h1{font-size:1.5rem}.user-avatar{width:70px;height:70px;font-size:2rem}.user-card h3{font-size:1rem}.user-email{font-size:.85rem}.nav-item{padding:.8rem 1rem;font-size:.9rem}.profile-main{padding:1rem}.profile-main h2{font-size:1.3rem}.info-item label,.edit-form label{font-size:.8rem}.info-item p{font-size:1rem}.edit-form input{padding:.65rem;font-size:.95rem}.order-card{padding:.85rem}.order-item{font-size:.9rem}}.product-details-container{padding:3rem 20px}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a}.product-gallery{display:flex;flex-direction:column;gap:1rem}.main-image{width:100%;height:500px;border-radius:12px;overflow:hidden;background:#f5f5f5}.main-image img{width:100%;height:100%;object-fit:contain}.thumbnail-list{display:flex;gap:1rem;overflow-x:auto}.thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s}.thumbnail:hover,.thumbnail.active{border-color:var(--primary)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info-detail{display:flex;flex-direction:column;gap:1.5rem}.product-category-badge{display:inline-block;width:fit-content;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.product-info-detail h1{font-size:2rem;color:var(--dark);line-height:1.3}.product-prices-detail{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#e91e630d,#9c27b00d);border-radius:12px}.price-cash,.price-card{display:flex;flex-direction:column;gap:.5rem}.price-label{font-size:14px;color:#666;font-weight:500}.price-value{font-size:2rem;font-weight:700;color:var(--success)}.price-card .price-value{color:var(--primary)}.installment-text{font-size:13px;color:#666}.product-description{padding:1.5rem;background:#f9f9f9;border-radius:12px}.product-description h3{color:var(--dark);margin-bottom:1rem}.product-description p{color:#666;line-height:1.8}.product-stock{font-weight:600}.in-stock{color:var(--success)}.out-of-stock{color:var(--danger)}.quantity-selector{display:flex;align-items:center;gap:1rem}.quantity-selector label{font-weight:600;color:var(--dark)}.quantity-controls{display:flex;align-items:center;gap:.5rem;background:#f5f5f5;padding:8px;border-radius:8px}.quantity-controls button{background:var(--white);border:none;width:40px;height:40px;border-radius:6px;cursor:pointer;font-size:1.2rem;color:var(--primary);font-weight:700;transition:all .3s}.quantity-controls button:hover{background:var(--primary);color:var(--white)}.quantity-controls input{width:60px;text-align:center;border:none;background:var(--white);padding:8px;border-radius:6px;font-weight:600}.product-actions-detail{display:flex;gap:1rem}.product-actions-detail .btn{flex:1;justify-content:center}@media(max-width:768px){.product-details{grid-template-columns:1fr}.main-image{height:300px}.product-actions-detail{flex-direction:column}}.empty-cart{text-align:center;padding:3rem}.empty-cart h2{color:var(--dark);margin-bottom:1rem}.empty-cart p{color:#666;margin-bottom:2rem}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-top:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{background:var(--white);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000001a}.item-image{width:100px;height:100px;border-radius:8px;overflow:hidden;background:#f5f5f5}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1}.item-info h3{color:var(--dark);margin-bottom:.5rem}.item-category{display:inline-block;background:#f0f0f0;padding:4px 12px;border-radius:12px;font-size:12px;color:#666;margin-bottom:.5rem}.item-price{font-size:1.2rem;font-weight:700;color:var(--success)}.item-quantity{display:flex;align-items:center;gap:10px;background:#f5f5f5;padding:8px;border-radius:8px}.item-quantity button{background:var(--white);border:none;width:30px;height:30px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s}.item-quantity button:hover{background:var(--primary);color:var(--white)}.item-quantity span{min-width:30px;text-align:center;font-weight:600}.item-total{font-size:1.3rem;font-weight:700;color:var(--dark);min-width:120px;text-align:right}.btn-remove{background:var(--danger);color:var(--white);border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-remove:hover{opacity:.8;transform:scale(1.1)}.cart-summary{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;height:fit-content;position:sticky;top:100px}.cart-summary h3{color:var(--dark);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;color:#666}.summary-row .free{color:var(--success);font-weight:600}.summary-total{display:flex;justify-content:space-between;margin:1.5rem 0;padding-top:1rem;border-top:2px solid #f0f0f0;font-size:1.5rem;font-weight:700;color:var(--dark)}@media(max-width:768px){.cart-content{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.item-image{width:80px;height:80px}.item-total{width:100%;text-align:left;margin-top:1rem}.cart-summary{position:static}}.checkout-container{padding:3rem 20px;max-width:1200px}.checkout-container h1{color:var(--dark);margin-bottom:2rem}.checkout-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.checkout-form{display:flex;flex-direction:column;gap:1.5rem}.checkout-form h3{color:var(--primary);margin-bottom:1.5rem;font-size:1.3rem}.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.payment-option{cursor:pointer}.payment-option input[type=radio]{display:none}.option-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s}.option-content svg{font-size:2rem;color:var(--primary)}.payment-option input:checked+.option-content{border-color:var(--primary);background:linear-gradient(135deg,#e91e630d,#9c27b00d)}.delivery-address{margin-top:1.5rem;padding:1.5rem;background:#f9f9f9;border-radius:8px}.delivery-address h4{color:var(--dark);margin-bottom:.5rem}.delivery-address p{color:#666;line-height:1.8}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.order-summary{position:sticky;top:100px;height:fit-content}.order-summary h3{color:var(--dark);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.summary-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;color:#666}.summary-total{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;color:var(--dark);padding-top:1.5rem;border-top:2px solid #f0f0f0}@media(max-width:768px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}.payment-options{grid-template-columns:1fr}}.auth-container{min-height:calc(100vh - 400px);display:flex;align-items:center;justify-content:center;padding:3rem 20px;background:linear-gradient(135deg,#e91e630d,#9c27b00d)}.auth-card{background:var(--white);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:3rem;max-width:600px;width:100%}.auth-card h2{text-align:center;color:var(--dark);margin-bottom:.5rem;font-size:2rem}.auth-subtitle{text-align:center;color:#666;margin-bottom:2rem}.section-subtitle{color:var(--primary);margin:1.5rem 0 1rem;font-size:1.2rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.form-label{display:flex;align-items:center;gap:8px}.form-label svg{color:var(--primary)}.btn-block{width:100%;margin-top:1rem}.auth-footer{text-align:center;margin-top:1.5rem;color:#666}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:opacity .3s}.auth-footer a:hover{opacity:.8}@media(max-width:768px){.auth-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}}.admin-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary))}.admin-auth-card{background:var(--white);border-radius:16px;box-shadow:0 8px 32px #0003;padding:3rem;max-width:500px;width:100%}.admin-auth-header{text-align:center;margin-bottom:2rem}.admin-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.admin-auth-header h1{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;margin-bottom:.5rem}.admin-auth-header h2{color:var(--dark);font-size:1.3rem}.admin-auth-footer{text-align:center;margin-top:1.5rem;color:#666}.admin-auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.back-to-site{text-align:center;margin-top:1rem}.back-to-site a{color:#999;text-decoration:none;font-size:14px;transition:color .3s}.back-to-site a:hover{color:var(--primary)}@media(max-width:768px){.admin-auth-card{padding:2rem 1.5rem}}.admin-layout{display:flex;min-height:100vh;background:#f5f5f5;width:100%;overflow-x:hidden}.admin-sidebar{width:260px;background:linear-gradient(180deg,var(--primary),var(--secondary));color:var(--white);position:fixed;height:100vh;left:0;top:0;transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column;overflow-y:auto}.admin-sidebar.closed{transform:translate(-100%)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-header h2{font-size:1.5rem;margin-bottom:.3rem;letter-spacing:2px}.sidebar-header p{font-size:.9rem;opacity:.8}.sidebar-menu{flex:1;padding:1rem 0}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--white);text-decoration:none;transition:all .3s;border-left:4px solid transparent}.menu-item:hover{background:#ffffff1a;border-left-color:var(--white)}.menu-item.active{background:#fff3;border-left-color:var(--white)}.menu-item svg{font-size:1.2rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.logout-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border:none;color:var(--white);border-radius:8px;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#fff3}.admin-main{flex:1;margin-left:260px;transition:margin-left .3s ease;width:100%;max-width:100%;min-width:0}.admin-main.sidebar-open{margin-left:260px}.admin-header{background:var(--white);padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;width:100%}.sidebar-toggle{background:none;border:none;font-size:1.5rem;color:var(--dark);cursor:pointer;padding:.5rem;border-radius:6px;transition:background .3s;min-width:44px;min-height:44px}.sidebar-toggle:hover{background:#f0f0f0}.header-user{display:flex;align-items:center;gap:1rem;font-weight:500;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-content{padding:2rem;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:968px){.sidebar-header h2{font-size:1.3rem}.menu-item{padding:.9rem 1.2rem;font-size:.95rem}.admin-content{padding:1.5rem}}@media(max-width:768px){.sidebar-overlay{display:block}.admin-sidebar{width:280px;max-width:80vw;box-shadow:2px 0 10px #0000004d;position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:1001!important}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0!important;width:100vw}.admin-sidebar.closed{transform:translate(-100%)}.admin-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.header-user{font-size:.9rem;gap:.5rem}.admin-content{padding:1rem}.sidebar-header{padding:1.5rem 1rem}.sidebar-header h2{font-size:1.2rem}.sidebar-header p{font-size:.85rem}.menu-item{padding:.85rem 1rem;font-size:.9rem}}@media(max-width:480px){.admin-sidebar{max-width:260px}.sidebar-header h2{font-size:1.1rem;letter-spacing:1px}.menu-item{padding:.8rem 1rem;font-size:.85rem}.menu-item svg{font-size:1.1rem}.admin-content{padding:.75rem}}@media(max-width:968px){.admin-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-content .table{min-width:800px;font-size:.85rem}.admin-content .table th,.admin-content .table td{padding:.75rem .5rem}.admin-content .card{padding:1rem!important}.admin-content .btn{font-size:.85rem;padding:.6rem 1rem}.admin-content h1{font-size:1.5rem}.admin-content h2{font-size:1.3rem}.admin-content h3{font-size:1.1rem}}@media(max-width:768px){.admin-content .table{min-width:700px;font-size:.8rem}.admin-content .table th,.admin-content .table td{padding:.6rem .4rem}.admin-content .btn{font-size:.8rem;padding:.5rem .8rem}.admin-content .btn-sm{font-size:.75rem;padding:.4rem .6rem}.admin-content h1{font-size:1.3rem}.admin-content .page-header{flex-direction:column;gap:1rem;align-items:stretch!important}.admin-content .page-header .btn{width:100%;justify-content:center}.admin-content .form-row,.admin-content .filter-controls{flex-direction:column}.admin-content .form-group{width:100%}}@media(max-width:480px){.admin-content .table{min-width:600px;font-size:.75rem}.admin-content .table th,.admin-content .table td{padding:.5rem .3rem}.admin-content h1{font-size:1.2rem}.admin-content .card{padding:.75rem!important}}.dashboard h1{color:var(--dark);margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--white);border-radius:12px;padding:1.5rem;display:flex;gap:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem}.stat-info{flex:1}.stat-info h3{font-size:2rem;color:var(--dark);margin-bottom:.3rem}.stat-info p{color:#666;font-size:.9rem}.stat-alert{display:inline-block;margin-top:.5rem;padding:4px 8px;background:#fff3cd;color:#856404;border-radius:6px;font-size:12px;font-weight:600}.dashboard-section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{color:var(--dark)}.quick-actions h2{color:var(--dark);margin-bottom:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.action-card{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none;transition:all .3s}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e91e634d}.action-card svg{font-size:2.5rem}.action-card span{font-weight:600;font-size:1.1rem}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}}.product-list-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{color:var(--dark)}.filters-section{padding:1.5rem;margin-bottom:1.5rem}.search-box{position:relative;margin-bottom:1rem}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--dark);font-size:14px}.products-count{color:#666;margin-bottom:1rem;font-weight:500}.table-responsive{overflow-x:auto}.product-image-thumb{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f5f5f5}.product-image-thumb img{width:100%;height:100%;object-fit:cover}.product-image-thumb .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999}.price-cell{font-weight:600;color:var(--success)}.action-buttons{display:flex;gap:.5rem}.action-buttons .btn{padding:8px 12px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-controls{grid-template-columns:1fr}.table{font-size:14px}.product-image-thumb{width:40px;height:40px}}.product-form-page{max-width:1000px}.product-form{display:flex;flex-direction:column;gap:2rem}.form-section{padding:2rem}.form-section h3{color:var(--primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-text{display:block;margin-top:.5rem;font-size:13px;color:#666}.image-upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;width:fit-content}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background:var(--danger);color:var(--white);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-preview-item:hover .remove-image-btn{opacity:1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:2rem 0}.form-actions .btn{min-width:150px}@media(max-width:768px){.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7B68EE;--primary-dark: #6A5ACD;--secondary: #9370DB;--accent: #BA55D3;--dark: #212121;--dark-light: #424242;--light: #f5f5f5;--white: #ffffff;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--info: #2196f3}html{font-size:14px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.6;overflow-x:hidden;width:100%;min-width:320px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}img{max-width:100%;height:auto;display:block}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e6366}.btn-secondary{background:var(--dark-light);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.btn-danger{background:var(--danger);color:var(--white)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.card{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark)}.form-control{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--primary)}.form-select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:var(--white);cursor:pointer}.table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden}.table th{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);padding:16px;text-align:left;font-weight:600}.table td{padding:16px;border-bottom:1px solid #e0e0e0}.table tbody tr:hover{background:#f9f9f9}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:#e8f5e9;color:var(--success)}.badge-warning{background:#fff3e0;color:var(--warning)}.badge-danger{background:#ffebee;color:var(--danger)}.badge-info{background:#e3f2fd;color:var(--info)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:16px;border-radius:8px;margin-bottom:20px}.alert-success{background:#e8f5e9;color:var(--success);border-left:4px solid var(--success)}.alert-danger{background:#ffebee;color:var(--danger);border-left:4px solid var(--danger)}.alert-warning{background:#fff3e0;color:var(--warning);border-left:4px solid var(--warning)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(min-width:480px){html{font-size:15px}}@media(min-width:768px){html{font-size:16px}.container{padding:0 20px}}@media(max-width:968px){.container{padding:0 15px}.table{font-size:14px}.table th,.table td{padding:12px}}@media(max-width:768px){html{font-size:15px}.container{padding:0 10px}.btn{padding:10px 20px;font-size:14px}.btn-sm{padding:6px 12px;font-size:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.table{font-size:13px}.table th,.table td{padding:10px 8px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control,.form-select{font-size:16px}.card{padding:15px}}@media(max-width:480px){html{font-size:14px}.btn{padding:8px 16px;font-size:13px}.btn-sm{padding:5px 10px;font-size:11px}.badge{font-size:11px;padding:3px 10px}.table{font-size:12px}.table th,.table td{padding:8px 6px}.card{padding:12px}}@media(hover:none)and (pointer:coarse){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,.btn,a,[role=button]{-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;min-height:44px;min-width:44px}body{-webkit-overflow-scrolling:touch;position:relative}}