@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap";:root{--wine-plum: #5b2333;--white-smoke: #f7f4f3;--stone-brown: #564d4a;--cinnabar: #f24333;--mahogany-red: #ba1b1d;--color-bg: #f7f4f3;--color-text: #5b2333;--color-text-alt: #564d4a;--color-accent: #f24333;--color-accent-dark: #ba1b1d;--color-border: #564d4a;--color-black: #5b2333;--color-white: #f7f4f3;--color-lime: #f24333;--color-blue: #f24333;--color-red: #ba1b1d;--color-gray: #564d4a;--color-steel: #564d4a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:IBM Plex Mono,monospace;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Unbounded,sans-serif;font-weight:900;letter-spacing:-.02em;color:var(--color-text)}p{line-height:1.6;color:var(--color-text-alt)}button{font-family:inherit;border:none;padding:0;background:none;cursor:pointer}input,textarea,select{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg);border:2px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-accent);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}::selection{background:var(--color-accent);color:var(--color-bg)}.container{max-width:1600px;margin:0 auto;padding:0 2rem}*:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-bg);border-bottom:4px solid var(--color-lime)}.header-container{max-width:1600px;margin:0 auto;padding:0 3rem;height:80px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:4rem}.logo{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--color-black);display:flex;align-items:center;transition:transform .2s}.logo:hover{transform:scale(1.05)}.logo-bracket{color:var(--color-lime);font-size:2rem;line-height:1}.logo-text{margin:0 .25rem}.nav-main{display:flex;gap:2rem}.nav-link{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-decoration:none;color:var(--color-black);padding:.5rem 1rem;border:2px solid transparent;transition:all .2s;position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-lime);transition:width .3s}.nav-link:hover:before{width:100%}.nav-link-admin{color:var(--color-lime);border:2px solid var(--color-lime)}.header-right{display:flex;align-items:center;gap:2rem}.user-indicator{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--color-gray);display:flex;align-items:center;gap:.5rem}.user-symbol{color:var(--color-lime);font-size:1.5rem;line-height:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-logout,.btn-login{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1.5rem;border:2px solid var(--color-black);background:transparent;color:var(--color-black);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-logout:hover,.btn-login:hover{background:var(--color-bg);color:var(--color-black);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-lime)}.btn-logout:active,.btn-login:active{transform:translate(0);box-shadow:2px 2px 0 var(--color-lime)}.home{min-height:100vh}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:8rem 4rem 4rem;max-width:1600px;margin:0 auto;align-items:center}.hero-content{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:var(--color-lime);margin-bottom:2rem;border:2px solid var(--color-lime);display:inline-block;padding:.5rem 1rem}.hero-title{font-family:Unbounded,sans-serif;font-size:5rem;font-weight:900;line-height:.9;letter-spacing:-.03em;color:var(--color-black);margin:0 0 2rem}.title-line{display:block}.title-highlight{color:var(--color-lime);position:relative;display:inline-block}.hero-description{font-family:IBM Plex Mono,monospace;font-size:1.125rem;line-height:1.6;color:var(--color-gray);max-width:500px;margin-bottom:3rem}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-cta{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1.25rem 2.5rem;text-decoration:none;display:inline-block;transition:all .2s;border:3px solid}.btn-primary{background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime)}.btn-primary:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-black)}.btn-secondary{background:transparent;color:var(--color-black);border-color:var(--color-black)}.btn-secondary:hover{background:var(--color-bg);color:var(--color-black);transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-lime)}.btn-primary:active,.btn-secondary:active{transform:translate(0);box-shadow:2px 2px 0 var(--color-black)}.hero-visual{display:flex;align-items:center;justify-content:center;animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:500px}.grid-item{aspect-ratio:1;background:var(--color-bg);border:4px solid var(--color-black);animation:fadeInScale .6s ease-out backwards}.grid-item-lime{background:var(--color-lime);border-color:var(--color-lime)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1600px;margin:0 auto;padding:6rem 4rem;background:var(--color-bg);border-top:4px solid var(--color-black);border-bottom:4px solid var(--color-black)}.feature-card{padding:3rem;border:3px solid var(--color-black);background:var(--color-bg);transition:all .3s}.feature-card:hover{background:var(--color-lime);transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-black)}.feature-number{font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;color:var(--color-black);opacity:.2;margin-bottom:1rem}.feature-title{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:.05em;color:var(--color-black);margin:0 0 1rem}.feature-text{font-family:IBM Plex Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--color-black);margin:0}.cta-section{padding:8rem 4rem;background:var(--color-bg)}.cta-content{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-family:Unbounded,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.02em;color:var(--color-black);margin:0 0 1rem}.cta-text{font-family:IBM Plex Mono,monospace;font-size:1.125rem;color:var(--color-gray);margin:0 0 3rem}.btn-cta{background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime);font-size:1rem;padding:1.5rem 3rem}.btn-cta:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-black)}@media(max-width:1024px){.hero{grid-template-columns:1fr;padding:6rem 2rem 2rem}.hero-title{font-size:3.5rem}.features{grid-template-columns:1fr;gap:2rem;padding:4rem 2rem}.cta-title{font-size:2.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 2rem;background:var(--color-bg)}.login-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;border:4px solid var(--color-black);background:var(--color-bg);animation:slideUp .6s ease-out}.login-visual{background:var(--color-lime);position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.visual-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.overlay-text{font-family:Unbounded,sans-serif;font-size:4rem;font-weight:900;color:var(--color-black);letter-spacing:-.02em}.bracket{color:var(--color-black);font-size:5rem}.login-form-container{padding:4rem;background:var(--color-bg)}.form-header{margin-bottom:3rem}.form-title{font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-.02em;color:var(--color-black);margin:0 0 .5rem}.form-subtitle{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:#666;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--color-black)}.form-input{font-family:IBM Plex Mono,monospace;font-size:1rem;padding:1rem;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);transition:all .2s}.form-input:focus{outline:none;border-color:var(--color-lime);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-black)}.form-input::placeholder{color:#999}.error-message{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--color-red);padding:1rem;border:3px solid var(--color-red);background:#ff00000d;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1.25rem;font-weight:700}.btn-submit{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1.25rem;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);cursor:pointer;transition:all .2s;margin-top:1rem}.btn-submit:hover:not(:disabled){background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-black)}.btn-submit:active:not(:disabled){transform:translate(0);box-shadow:2px 2px 0 var(--color-black)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.form-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid #ddd}.btn-switch{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--color-black);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.btn-switch:hover{color:var(--color-lime)}@media(max-width:1024px){.login-container{grid-template-columns:1fr}.login-visual{min-height:200px}.overlay-text{font-size:2.5rem}.bracket{font-size:3rem}.login-form-container{padding:2rem}.form-title{font-size:2rem}}.products-page{min-height:100vh;padding:8rem 4rem 4rem;max-width:1600px;margin:0 auto}.products-header{margin-bottom:4rem;display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.header-content{flex:1}.page-title{font-family:Unbounded,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.02em;color:var(--color-black);margin:0 0 .5rem}.page-subtitle{font-family:IBM Plex Mono,monospace;font-size:1rem;color:var(--color-gray);margin:0}.search-form{display:flex;gap:0;flex:1;min-width:300px}.search-input{font-family:IBM Plex Mono,monospace;font-size:.875rem;padding:1rem 1.5rem;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);flex:1;transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-lime)}.search-input::placeholder{color:var(--color-gray)}.search-btn{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;border:3px solid var(--color-lime);background:var(--color-lime);color:var(--color-black);cursor:pointer;transition:all .2s;white-space:nowrap}.search-btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-black)}.loading{text-align:center;padding:6rem 2rem}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-gray);border-top:4px solid var(--color-lime);margin:0 auto 2rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-family:IBM Plex Mono,monospace;font-weight:600;letter-spacing:.2em;color:var(--color-black)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.product-card{background:var(--color-bg);border:4px solid var(--color-black);cursor:pointer;transition:all .3s;animation:fadeInUp .4s ease-out backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-lime);border-color:var(--color-lime)}.product-image{width:100%;aspect-ratio:1;background:var(--color-gray);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ddd,#ddd 10px,#ccc 10px 20px)}.placeholder-text{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;color:#0003}.stock-badge{position:absolute;top:1rem;right:1rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;border:2px solid}.stock-out{background:var(--color-red);color:var(--color-black);border-color:var(--color-red)}.stock-low{background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime)}.product-info{padding:2rem}.product-category{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:#666;text-transform:uppercase;margin-bottom:.5rem}.product-name{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:800;color:var(--color-black);margin:0 0 1rem;line-height:1.2}.product-description{font-family:IBM Plex Mono,monospace;font-size:.875rem;line-height:1.6;color:#666;margin:0 0 1.5rem}.product-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:2px solid #ddd}.product-price{font-family:Unbounded,sans-serif;font-size:1.75rem;font-weight:900;color:var(--color-black)}.product-arrow{font-size:2rem;color:var(--color-lime);transition:transform .2s}.product-card:hover .product-arrow{transform:translate(5px)}.pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:4rem}.pagination-btn{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;border:3px solid var(--color-black);background:transparent;color:var(--color-black);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-black)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-family:IBM Plex Mono,monospace;font-size:.875rem;color:var(--color-black);letter-spacing:.1em}.empty-state{text-align:center;padding:6rem 2rem}.empty-state h2{font-family:Unbounded,sans-serif;font-size:2.5rem;font-weight:900;color:var(--color-black);margin:0 0 1rem}.empty-state p{font-family:IBM Plex Mono,monospace;font-size:1rem;color:var(--color-gray)}@media(max-width:768px){.products-page{padding:6rem 2rem 2rem}.page-title{font-size:2.5rem}.products-header{flex-direction:column;align-items:stretch}.search-form{min-width:100%}.products-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:1rem}}.filters-section{display:flex;flex-direction:column;gap:1.5rem;flex:1}.category-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1.5rem;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-black)}.filter-btn.filter-active{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-black);box-shadow:4px 4px 0 var(--color-black)}.filter-btn.filter-active:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-black)}.product-detail-page{min-height:100vh;padding:8rem 4rem 4rem;max-width:1600px;margin:0 auto}.btn-back-inline{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;border:3px solid var(--color-black);background:transparent;color:var(--color-black);cursor:pointer;transition:all .2s;margin-bottom:3rem;display:inline-block}.btn-back-inline:hover{background:var(--color-bg);color:var(--color-black);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-lime)}.loading-container,.error-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-container p,.error-container h2{font-family:Unbounded,sans-serif;font-size:2rem;color:var(--color-black)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-detail-image{aspect-ratio:1;background:var(--color-gray);border:4px solid var(--color-black);overflow:hidden}.product-detail-image img{width:100%;height:100%;object-fit:cover}.detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#333,#333 20px,#444 20px 40px)}.product-detail-info{display:flex;flex-direction:column;gap:2rem}.detail-category{font-family:IBM Plex Mono,monospace;font-size:.875rem;letter-spacing:.2em;color:var(--color-lime);text-transform:uppercase;border:2px solid var(--color-lime);padding:.5rem 1rem;display:inline-block;align-self:flex-start}.detail-title{font-family:Unbounded,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-.02em;color:var(--color-black);margin:0;line-height:1}.detail-price{font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;color:var(--color-lime)}.detail-stock{font-family:IBM Plex Mono,monospace;font-size:1rem;display:flex;gap:1rem;align-items:center}.stock-label{color:var(--color-gray);letter-spacing:.1em}.stock-value{color:var(--color-black);font-weight:600}.stock-empty{color:var(--color-red)}.stock-warning{color:var(--color-lime)}.detail-description{font-family:IBM Plex Mono,monospace;font-size:1rem;line-height:1.8;color:var(--color-gray);padding:2rem 0;border-top:2px solid #333;border-bottom:2px solid #333}.order-section{display:flex;flex-direction:column;gap:2rem;padding:2rem;border:3px solid var(--color-black);background:#ffffff0d}.quantity-selector{display:flex;flex-direction:column;gap:1rem}.quantity-label{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;color:var(--color-black)}.quantity-controls{display:flex;gap:0;width:fit-content}.quantity-btn{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;width:60px;height:60px;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);cursor:pointer;transition:all .2s}.quantity-btn:hover{background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime)}.quantity-input{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;width:100px;height:60px;border:3px solid var(--color-black);border-left:none;border-right:none;background:var(--color-bg);color:var(--color-black);text-align:center}.quantity-input:focus{outline:none;border-color:var(--color-lime)}.btn-order{font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:600;letter-spacing:.1em;padding:1.5rem;border:3px solid var(--color-lime);background:var(--color-lime);color:var(--color-black);cursor:pointer;transition:all .2s}.btn-order:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-black)}.order-total{font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900;color:var(--color-black);text-align:center;padding:1.5rem;border:3px solid var(--color-black);background:#00000080}.alert{font-family:IBM Plex Mono,monospace;font-size:.875rem;padding:1.5rem;border:3px solid;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#ccff001a;border-color:var(--color-lime);color:var(--color-lime)}.alert-error{background:#ff00001a;border-color:var(--color-red);color:var(--color-red)}@media(max-width:1024px){.product-detail-page{padding:6rem 2rem 2rem}.product-detail-grid{grid-template-columns:1fr;gap:2rem}.detail-title{font-size:2.5rem}.detail-price{font-size:2rem}}.user-space{min-height:100vh;padding:8rem 4rem 4rem;max-width:1600px;margin:0 auto}.space-header{margin-bottom:4rem}.space-title{font-family:Unbounded,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.02em;color:var(--color-black);margin:0 0 .5rem}.space-subtitle{font-family:IBM Plex Mono,monospace;font-size:1rem;color:var(--color-gray);margin:0}.empty-orders{text-align:center;padding:6rem 2rem}.empty-orders h2{font-family:Unbounded,sans-serif;font-size:2.5rem;font-weight:900;color:var(--color-black);margin:0 0 1rem}.empty-orders p{font-family:IBM Plex Mono,monospace;font-size:1rem;color:var(--color-gray)}.orders-list{display:grid;gap:2rem;margin-bottom:4rem}.order-card{background:var(--color-bg);border:4px solid var(--color-black);transition:all .3s;animation:slideInLeft .5s ease-out backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.order-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-lime)}.order-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ddd}.order-id{display:flex;align-items:baseline;gap:1rem}.order-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:#666}.order-number{font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:900;color:var(--color-black)}.order-status{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;border:2px solid;text-transform:uppercase}.status-pending{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.status-confirmed,.status-completed{background:#ccff001a;border-color:var(--color-lime);color:var(--color-black)}.status-cancelled{background:#ff00001a;border-color:var(--color-red);color:var(--color-red)}.order-body{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.order-detail{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:#666}.detail-value{font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:600;color:var(--color-black)}.order-footer{padding:2rem;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #ddd;background:#ccff001a}.order-total-label{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.2em;color:var(--color-black)}.order-total-price{font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900;color:var(--color-black)}.orders-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:3rem;border:4px solid var(--color-lime);background:#ccff000d}.summary-item{display:flex;flex-direction:column;gap:1rem;padding:2rem;border:3px solid var(--color-lime);background:var(--color-bg)}.summary-label{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.2em;color:var(--color-lime)}.summary-value{font-family:Unbounded,sans-serif;font-size:3rem;font-weight:900;color:var(--color-black)}@media(max-width:768px){.user-space{padding:6rem 2rem 2rem}.space-title{font-size:2.5rem}.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-body{grid-template-columns:1fr}.order-footer{flex-direction:column;align-items:flex-start;gap:1rem}.orders-summary{grid-template-columns:1fr}}.admin-dashboard{min-height:100vh;padding:8rem 4rem 4rem;max-width:1800px;margin:0 auto}.admin-header{margin-bottom:3rem}.admin-title{font-family:Unbounded,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.02em;color:var(--color-lime);margin:0 0 .5rem}.admin-subtitle{font-family:IBM Plex Mono,monospace;font-size:1rem;color:var(--color-gray);margin:0}.admin-tabs{display:flex;gap:0;margin-bottom:3rem;border:4px solid var(--color-black);width:fit-content}.tab-btn{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1.5rem 3rem;border:none;background:var(--color-bg);color:var(--color-black);cursor:pointer;transition:all .2s}.tab-btn+.tab-btn{border-left:4px solid var(--color-white)}.tab-btn:hover{background:var(--color-bg);color:var(--color-black)}.tab-active{background:var(--color-lime);color:var(--color-black)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:4px solid var(--color-lime)}.section-title{font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900;color:var(--color-black);margin:0}.btn-add{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;border:3px solid var(--color-lime);background:var(--color-lime);color:var(--color-black);cursor:pointer;transition:all .2s}.btn-add:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-black)}.loading{font-family:IBM Plex Mono,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.2em;text-align:center;padding:6rem 2rem;color:var(--color-black)}.admin-table{display:flex;flex-direction:column;gap:0;border:4px solid var(--color-black)}.table-header,.table-row{display:grid;gap:2rem;padding:1.5rem 2rem;background:var(--color-bg);color:var(--color-black)}.table-header{background:var(--color-bg);color:var(--color-lime);border-bottom:4px solid var(--color-lime)}.table-row{border-bottom:3px solid #ddd;transition:all .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--color-lime)}.products-section .table-header,.products-section .table-row{grid-template-columns:80px 2fr 1fr 120px 100px 1fr}.users-section .table-header,.users-section .table-row{grid-template-columns:80px 1fr 1.5fr 120px 1fr}.th{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.2em}.td{font-family:IBM Plex Mono,monospace;font-size:.875rem;display:flex;align-items:center}.td-name{font-weight:600}.td-price{font-family:Unbounded,sans-serif;font-size:1.125rem;font-weight:900}.td-actions{display:flex;gap:1rem}.stock-indicator{font-family:Unbounded,sans-serif;font-weight:900;padding:.25rem .75rem;border:2px solid var(--color-black);background:var(--color-bg)}.stock-zero{background:var(--color-red);color:var(--color-black);border-color:var(--color-red)}.stock-warning{background:var(--color-lime);color:var(--color-black);border-color:var(--color-black)}.role-badge{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;border:2px solid;display:inline-block}.role-admin{background:var(--color-lime);color:var(--color-black);border-color:var(--color-black)}.role-user{background:var(--color-bg);color:var(--color-black);border-color:var(--color-black)}.btn-edit,.btn-delete{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;padding:.5rem 1rem;border:2px solid;background:transparent;cursor:pointer;transition:all .2s}.btn-edit{color:var(--color-black);border-color:var(--color-black)}.btn-edit:hover{background:var(--color-bg);color:var(--color-black)}.btn-delete{color:var(--color-red);border-color:var(--color-red)}.btn-delete:hover{background:var(--color-red);color:var(--color-black)}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .2s}.modal{background:var(--color-bg);border:4px solid var(--color-black);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:4px solid var(--color-black)}.modal-title{font-family:Unbounded,sans-serif;font-size:2rem;font-weight:900;color:var(--color-black);margin:0}.modal-close{font-size:2rem;width:50px;height:50px;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);cursor:pointer;transition:all .2s}.modal-close:hover{background:var(--color-bg);color:var(--color-black)}.product-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-label{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--color-black);margin-bottom:.5rem;display:block}.form-input,.form-textarea{font-family:IBM Plex Mono,monospace;font-size:1rem;padding:1rem;border:3px solid var(--color-black);background:var(--color-bg);color:var(--color-black);width:100%;transition:all .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-lime);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-black)}.form-textarea{resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:3px solid #ddd}.btn-cancel,.btn-submit-modal{font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;border:3px solid;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--color-bg);color:var(--color-black);border-color:var(--color-black)}.btn-cancel:hover{background:var(--color-bg);color:var(--color-black)}.btn-submit-modal{background:var(--color-lime);color:var(--color-black);border-color:var(--color-lime)}.btn-submit-modal:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-black)}@media(max-width:1024px){.admin-dashboard{padding:6rem 2rem 2rem}.admin-title{font-size:2.5rem}.admin-table{overflow-x:auto}.table-header,.table-row{min-width:800px}.modal{max-width:100%}.form-row{grid-template-columns:1fr}}.app{min-height:100vh;background:var(--color-bg)}.main-content{position:relative;z-index:1}