:root{--color-primary:#4b5320;--color-primary-dark:#3a4019;--color-primary-light:#6e7a2f;--color-secondary:#c2b280;--color-secondary-dark:#a3956b;--color-secondary-light:#dcd0aa;--color-bg-dark:#1a1a1a;--color-bg-card:#252525;--color-bg-input:#333;--color-bg-secondary:#444;--color-text-main:#f0f0f0;--color-text-muted:#a0a0a0;--color-text-inverse:#1a1a1a;--color-accent:#d9534f;--color-success:#5cb85c;--color-border:#444;--color-marketing-cta:var(--color-secondary);--color-marketing-cta-hover:var(--color-secondary-light);--color-badge-top:var(--color-accent);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-family);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover{background-color:var(--color-secondary-light)}.btn-danger{color:#fff;background-color:#ef4444;border:1px solid #dc2626}.btn-danger:hover{background-color:#dc2626}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-marketing{background-color:var(--color-marketing-cta);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.5px;font-weight:800}.btn-marketing:hover{background-color:var(--color-marketing-cta-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-xs);color:var(--color-text-muted);display:block}.form-input{width:100%;padding:var(--spacing-sm);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main)}.form-input:focus{outline:2px solid var(--color-primary);border-color:#0000}.main-content{min-height:80vh;padding:var(--spacing-lg)0}.footer{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-lg)0;text-align:center;color:var(--color-text-muted);margin-top:auto}.admin-layout{min-height:calc(100vh - 64px);display:flex}.admin-content{flex:1;overflow-x:auto}.hero{background:linear-gradient(#0009,#0009),url(/hero-bg.jpg);background-color:var(--color-primary-dark);color:#fff;text-align:center;margin-bottom:var(--spacing-xl);padding:6rem 0}.hero-content h1{margin-bottom:var(--spacing-md);color:var(--color-secondary);text-transform:uppercase;font-size:3.5rem}.hero-content p{margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem}.btn-lg{padding:1rem 2rem;font-size:1.2rem}.features{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.feature-card h3{margin-bottom:var(--spacing-sm);color:var(--color-secondary)}.feature-card p{color:var(--color-text-muted)}.page-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.page-header h1{color:var(--color-secondary)}.product-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.dashboard h1{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md)}.stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-card h3{text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.9rem}.stat-card .value{margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:700}.stat-card .value.warning{color:var(--color-secondary)}.stat-card .value.success{color:var(--color-success)}.stat-card .link{color:var(--color-primary-light);font-size:.9rem}.stat-card .link:hover{text-decoration:underline}.product-detail{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.product-detail{grid-template-columns:1.5fr 1fr}}.product-detail .product-title{margin-bottom:var(--spacing-sm);color:var(--color-text-main);font-size:2rem}.product-detail .product-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.product-detail .category-badge{background-color:var(--color-bg-input);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:4px 8px;font-size:.9rem}.product-detail .stock-badge{border-radius:var(--radius-sm);padding:4px 8px;font-size:.9rem;font-weight:700}.product-detail .in-stock{color:var(--color-success);background-color:#5cb85c1a}.product-detail .out-of-stock{color:var(--color-accent);background-color:#d9534f1a}.product-detail .price-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.product-detail .price{color:var(--color-secondary);font-size:2rem;font-weight:700}.product-detail .description{margin-bottom:var(--spacing-lg);color:var(--color-text-muted);line-height:1.8}.product-detail .actions{gap:var(--spacing-md);display:flex}.product-detail .btn-lg{width:100%;padding:1rem 2rem;font-size:1.2rem}.admin-page .page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-page .table-container{background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-page .data-table{border-collapse:collapse;width:100%;min-width:600px}.admin-page .data-table th,.admin-page .data-table td{padding:16px var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border)}.admin-page .data-table th{background-color:var(--color-bg-input);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.admin-page .data-table tr:last-child td{border-bottom:none}.admin-page .data-table tr:hover td{background-color:#00000005}.admin-page .status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.admin-page .status-badge.active{color:var(--color-success);background-color:#5cb85c26}.admin-page .status-badge.inactive{color:var(--color-text-muted);background-color:#6c757d26}.admin-page .actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.admin-product-form-page .page-header{margin-bottom:var(--spacing-lg)}.admin-orders-list .page-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:600px){.admin-orders-list .page-header{flex-direction:row;justify-content:space-between;align-items:center}}.admin-orders-list .filters{gap:var(--spacing-sm);display:flex}.admin-orders-list .filter-btn{background-color:var(--color-bg-input);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:4px 12px;font-size:.9rem}.admin-orders-list .filter-btn.active{background-color:var(--color-primary);color:#fff}.admin-orders-list .text-sm{color:var(--color-text-muted);font-size:.8rem}.admin-orders-list .badge{border-radius:var(--radius-sm);padding:2px 6px;font-size:.8rem;font-weight:500}.admin-orders-list .status-pending{color:#ffc107;background-color:#ffc10733}.admin-orders-list .status-confirmed,.admin-orders-list .status-paid{color:var(--color-success);background-color:#5cb85c33}.admin-orders-list .status-shipped{color:#5bc0de;background-color:#5bc0de33}.admin-orders-list .status-cancelled{color:var(--color-accent);background-color:#d9534f33}.admin-orders-list .payment-paid{color:var(--color-success)}.admin-orders-list .payment-unpaid,.admin-orders-list .payment-pending{color:var(--color-text-muted)}.admin-orders-list .payment-failed{color:var(--color-accent)}.admin-order-detail .page-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.admin-order-detail .status-control{align-items:center;gap:var(--spacing-md);display:flex}.admin-order-detail .order-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:900px){.admin-order-detail .order-grid{grid-template-columns:1fr 2fr}}.admin-order-detail .card{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.admin-order-detail .card h3{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.admin-order-detail .items-table{border-collapse:collapse;width:100%}.admin-order-detail .items-table th{text-align:left;border-bottom:1px solid var(--color-border);padding:8px}.admin-order-detail .items-table td{border-bottom:1px solid var(--color-border);padding:8px}.admin-order-detail .summary-row{font-weight:700}.admin-order-detail .summary-row.total{color:var(--color-secondary);font-size:1.1rem}.auth-container{min-height:calc(100vh - 200px);padding:var(--spacing-lg);background-color:var(--color-bg-dark);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;max-width:450px;box-shadow:var(--shadow-lg)}.auth-title{text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-primary-light);font-size:1.75rem}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-footer{margin-top:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.9rem}.auth-footer a{color:var(--color-primary);font-weight:500}.hero{color:#fff;text-align:center;height:70vh;min-height:500px;margin-bottom:var(--spacing-xl);background-image:url(/assets/sluban_background.png);background-position:50% 30%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.hero-overlay{z-index:1;background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:800px;padding:0 20px;position:relative}.hero h1{text-transform:uppercase;text-shadow:2px 2px 8px #000000b3;letter-spacing:2px;margin-bottom:.5rem;font-size:3rem}.hero h2{text-shadow:1px 1px 4px #000000b3;margin-bottom:2rem;font-size:1.8rem;font-weight:400}.hero-btn{background:var(--accent);color:#fff;letter-spacing:1px;border:2px solid #0000;border-radius:50px;padding:15px 35px;font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #ff6b0066}.hero-btn:hover{background:#e65100;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b0099}.trust-badges{z-index:10;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:-3rem;margin-bottom:4rem;display:grid;position:relative}.badge-item{text-align:center;color:var(--color-text-inverse);border-radius:var(--radius-md);background:#fff;padding:2rem;transition:transform .3s;box-shadow:0 10px 25px -5px #0000001a}.badge-item:hover{transform:translateY(-5px)}.badge-item i{color:var(--military);margin-bottom:1rem;font-size:2.5rem}.badge-item h4{color:var(--color-primary);margin:.5rem 0;font-size:1.2rem;font-weight:700}.badge-item p{color:#374151}.product-card{color:var(--color-text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--color-border);background:#fff;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--military);transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000026}.tag{background:var(--color-badge-top);color:#fff;z-index:10;text-transform:uppercase;letter-spacing:1px;border:1px solid #fff3;border-radius:4px;padding:6px 14px;font-size:.9rem;font-weight:900;position:absolute;top:15px;left:15px;box-shadow:0 4px 8px #0000004d;opacity:1!important;visibility:visible!important;display:block!important}.product-image{background:#f9fafb;border-bottom:1px solid #eee;justify-content:center;align-items:center;height:280px;padding:20px;display:flex;position:relative}.product-info{text-align:center;flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.product-info h3{color:var(--primary);margin:0 0 .5rem;font-size:1.2rem;line-height:1.4}.product-info .category{color:#374151;margin-bottom:1rem;font-size:.9rem}.product-info .price{color:var(--primary);margin-top:auto;margin-bottom:1rem;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:800}.product-info .btn{width:100%}.no-products{color:var(--color-text-muted)}.site-footer{color:#9ca3af;background-color:#111827;margin-top:auto;padding:4rem 0 2rem;font-size:.9rem}.site-footer .footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}.site-footer h3{color:#fff;border-bottom:2px solid var(--military);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;display:inline-block}.site-footer p{margin-bottom:1rem;line-height:1.6}.site-footer a{color:#9ca3af;transition:color .2s}.site-footer a:hover{color:#fff}.site-footer .info-list{padding:0;list-style:none}.site-footer .info-list li{align-items:center;gap:10px;margin-bottom:.8rem;display:flex}.site-footer .info-list i{color:var(--accent)}.site-footer .footer-links{padding:0;list-style:none}.site-footer .footer-links li{margin-bottom:.8rem}.site-footer .footer-links a:before{content:"›";color:var(--military);margin-right:8px;font-weight:700}.site-footer .copyright{text-align:center;color:#6b7280;border-top:1px solid #1f2937;grid-column:1/-1;margin-top:3rem;padding-top:2rem;font-size:.85rem}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.order-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;display:flex}.order-items{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.order-item{justify-content:space-between;font-size:.95rem;display:flex}.order-footer{justify-content:flex-end;align-items:center;display:flex}.status-badge{border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.pending,.status-badge.pending_payment{color:#fcd34d;background:#fef3c71a;border:1px solid #fcd34d}.status-badge.confirmed{color:#34d399;background:#d1fae51a;border:1px solid #34d399}.status-badge.shipped{color:#60a5fa;background:#dbeafe1a;border:1px solid #60a5fa}.status-badge.delivered{color:#9ca3af;background:#f3f4f61a;border:1px solid #9ca3af}.status-badge.cancelled{color:#f87171;background:#fee2e21a;border:1px solid #f87171}.payment-status{font-size:.9rem;font-weight:500}.payment-status.paid{color:var(--color-success)}.payment-status.unpaid,.payment-status.pending{color:var(--color-accent)}.payment-status.active{color:var(--color-success)}.order-id-section{flex-direction:column;display:flex}.order-date{color:var(--color-text-muted);font-size:.9rem}.order-status-section{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.order-total{font-size:1.1rem}.order-item .item-name{flex:1;margin-right:1rem;line-height:1.4}.order-item .item-quantity{color:var(--color-text-muted);font-size:.9rem}.order-item .item-price{white-space:nowrap;font-weight:600}.order-actions-wrapper{gap:var(--spacing-sm);display:flex}@media (max-width:600px){.orders-list{gap:1rem}.order-card{padding:1rem}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-status-section{text-align:left;border-top:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem}.order-footer{flex-direction:column;align-items:stretch;gap:1rem}.order-actions-wrapper{flex-direction:column;width:100%;display:flex}.order-actions-wrapper>*{text-align:center;width:100%}.order-actions-wrapper button,.order-actions-wrapper a{justify-content:center;width:100%}.cart-item{grid-template-areas:"image details""image actions""total total";gap:.75rem;grid-template-columns:60px 1fr!important}.item-image{grid-area:image}.item-details{grid-area:details}.item-actions{flex-direction:row;grid-area:actions;justify-content:space-between;align-items:center;width:100%}.item-total{text-align:right;border-top:1px solid var(--color-border);grid-area:total;margin-top:.25rem;padding-top:.5rem;display:block!important}}