*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary:#2d4a30;--color-secondary:#212b1f;--color-success:#27ae60;--color-background:#5d6e5f;--color-text:#1c1f1c;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#ddd;--gray-500:#7f8c8d;--gray-600:#666;--gray-700:#555}body{color:var(--color-text);background-color:var(--color-background);background-image:none;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-5);width:100%}.navbar{background:var(--color-secondary,#2c3e50);color:#fff;padding:var(--space-4) 0;box-shadow:var(--shadow-sm);border-bottom:1px solid rgba(0,0,0,.1)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--text-2xl);font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.9}.nav-links{display:flex;gap:var(--space-8);align-items:center}.nav-links a{color:#fff;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:.85}.main-content{flex:1 1;padding:var(--space-8) 0}.footer{background:var(--color-secondary,#34495e);color:#fff;padding:var(--space-6) 0;margin-top:auto;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.product-card{background:hsla(0,0%,100%,.3);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-image{width:100%;height:250px;object-fit:contain;object-position:center;background:transparent;display:block;padding:var(--space-2)}.product-info{padding:var(--space-6);background:hsla(0,0%,100%,.7)}.product-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.product-price{font-size:var(--text-2xl);font-weight:700;color:var(--color-success,#27ae60);margin-bottom:var(--space-2)}.product-coins{font-size:var(--text-sm);color:var(--gray-500)}.page-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.category-filter{margin-bottom:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--gray-400);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);cursor:pointer;transition:all .2s;font-size:var(--text-sm)}.category-btn:hover{background:var(--gray-100)}.category-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;transition:background .2s,opacity .2s;text-decoration:none;display:inline-block;text-align:center}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary,#3498db);color:#fff}.btn-primary:hover{opacity:.9}.btn-success{background:var(--color-success,#27ae60);color:#fff}.btn-success:hover{opacity:.9}.btn-secondary{background:var(--gray-500);color:#fff}.btn-secondary:hover{opacity:.9}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:500}.form-input,.form-label{font-size:var(--text-base)}.form-input{width:100%;padding:var(--space-3);border:1px solid var(--gray-400);border-radius:var(--radius-sm)}.form-input:focus{outline:none;border-color:var(--color-primary,#3498db)}.form-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.cart-item{background:#fff;padding:var(--space-6);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.cart-item,.cart-item-image{border-radius:var(--radius-md)}.cart-item-image{width:100px;height:100px;object-fit:contain;object-position:center;margin-right:var(--space-4);background:var(--gray-100);flex-shrink:0}.cart-item-info{flex:1 1}.cart-item-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.cart-item-details{color:var(--gray-500);font-size:var(--text-sm)}.cart-item-actions{display:flex;align-items:center;gap:var(--space-4)}.quantity-control{display:flex;align-items:center;gap:var(--space-2)}.quantity-btn{width:32px;height:32px;border:1px solid var(--gray-400);background:#fff;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity-btn:hover{background:var(--gray-100)}.quantity-input{width:60px;text-align:center;padding:var(--space-2);border:1px solid var(--gray-400);border-radius:var(--radius-sm)}.cart-summary{background:#fff;padding:var(--space-8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--space-8)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--space-4);font-size:var(--text-lg)}.summary-total{font-size:var(--text-2xl);font-weight:700;border-top:2px solid var(--gray-200);padding-top:var(--space-4);margin-top:var(--space-4)}.account-section{background:#fff;padding:var(--space-8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8)}.section-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.coins-balance{font-size:var(--text-3xl);font-weight:700;color:var(--color-success,#27ae60);margin-bottom:var(--space-4)}.order-list{list-style:none}.order-item{padding:var(--space-6);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.order-header,.order-item{margin-bottom:var(--space-4)}.order-header{display:flex;justify-content:space-between;align-items:center}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500}.order-status.pending{background:#f39c12;color:#fff}.order-status.paid{background:#27ae60;color:#fff}.order-status.cancelled,.order-status.expired{background:#e74c3c;color:#fff}.checkout-info{background:#fff;padding:var(--space-8);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8)}.redirect-notice{background:#e8f5e9;border:1px solid #4caf50;border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-8) 0}.redirect-notice h3{margin-bottom:var(--space-4);color:#2e7d32}.admin-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--gray-200)}.admin-table thead tr{border-bottom:2px solid var(--gray-400)}.admin-table tbody tr:hover{background:var(--gray-100)}.admin-table th{font-weight:600;font-size:var(--text-sm)}.admin-empty{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.admin-tabs{display:flex;gap:0;margin-bottom:0}.admin-tab{padding:var(--space-3) var(--space-6);background:var(--gray-100);color:#333;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;transition:all .2s;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.admin-tab:hover{background:#e8e8e8}.admin-tab.active{background:var(--color-primary);color:#fff;border-bottom-color:var(--color-primary)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-4)}.admin-card-actions{display:flex;gap:var(--space-2);align-items:center}.admin-stat-card{padding:var(--space-6);background:var(--gray-100);border-radius:var(--radius-md);border:1px solid var(--gray-400)}.admin-stat-card .label{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);color:var(--gray-600);font-weight:400}.admin-stat-card .value{font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.text-center{text-align:center}.mt-2{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-8)}.loading{text-align:center;padding:var(--space-8)}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#ffebee;border:1px solid #f44336;border-radius:var(--radius-md);padding:var(--space-4);color:#c62828;margin:var(--space-4) 0}