:root{color-scheme:dark;--accent:#00d2ff;--accent-dark:#0077b6;--muted:#8a99ad;--line:#236481;--bg:#030509;--surface:#0d1527;--surface-2:#08101f;--danger:#ff1744;--success:#63e6a5;--display:'Orbitron',sans-serif;--body:'Rajdhani',sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;padding:20px;overflow-x:hidden;background:radial-gradient(circle at 15% 0%,#122b43 0,#070b15 42%,var(--bg) 78%);color:#e0e6ed;font:.9rem/1.5 var(--body)}button,input,textarea,select{font:inherit}button{border:0;border-radius:7px;padding:10px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font:700 .72rem/1.1 var(--display);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 0 15px #00d2ff80}button:active{transform:translateY(0) scale(.97);box-shadow:0 0 5px #00d2ff59}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.brand{position:fixed;top:28px;left:32px;color:var(--accent);font:900 1rem var(--display);letter-spacing:.18em}.brand[hidden]{display:none}.app-shell{width:min(1180px,100%);margin:58px auto 0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.app-header h1{margin:0;color:#fff;font:900 clamp(1.35rem,3vw,2rem)/1.1 var(--display)}.app-header p{margin:6px 0 0;color:var(--muted)}.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel{padding:18px;background:rgba(13,21,39,.94);border:1px solid rgba(0,210,255,.28);border-radius:16px;box-shadow:0 18px 50px #0005}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,.cart-panel input,.cart-panel textarea{min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:#fff}.toolbar input{flex:1 1 220px}.category-nav{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.category-nav button{white-space:nowrap;border:1px solid var(--line);background:var(--surface-2);color:#b9d8e6}.category-nav button[aria-pressed=true]{background:#087da8;border-color:var(--accent);color:#fff}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category{min-width:0;padding:14px;background:linear-gradient(180deg,#0e1c2f,#0b1728);border:1px solid var(--line);border-radius:14px}.category h2{margin:0 0 10px;color:#effaff;font:700 1rem var(--display)}.product-list{display:grid;gap:8px}.product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px;border:1px solid #1a3a52;border-radius:10px;background:#0a1727}.product h3{margin:0;color:#fff;font-size:1rem}.product-meta{margin-top:3px;color:var(--muted);font-size:.86rem}.product-price{color:#eafff5;font-weight:700;text-align:right;white-space:nowrap}.product-actions{grid-column:1/-1;display:flex;gap:7px;align-items:center}.quantity{display:inline-flex;align-items:center;gap:6px;color:#dff8ff}.quantity button{width:28px;height:28px;padding:0}.status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;color:#bfefff;background:#153d55;font-size:.78rem}.status.nostock{color:#ffc2d5;background:#5a203a}.status.preorder{color:#ffdf91;background:#573e18}.empty{padding:24px;text-align:center;color:var(--muted)}.floating-cart{position:fixed;right:22px;bottom:22px;z-index:20}.backdrop{position:fixed;inset:0;z-index:30;background:#02050ccc}.cart-panel,.profile-panel{position:fixed;z-index:31;top:50%;left:50%;width:min(560px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;transform:translate(-50%,-50%);padding:20px;background:#0d1527;border:1px solid var(--accent);border-radius:16px;box-shadow:0 20px 80px #000b}.cart-panel h2,.profile-panel h2{margin:0 0 14px;color:#fff;font:700 1.2rem var(--display)}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0;border-top:1px solid #1c3850}.cart-item:first-child{border-top:0}.cart-item small{display:block;color:var(--muted)}.cart-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.profile-grid{display:grid;gap:10px}.profile-card{padding:12px;border:1px solid #1c4661;border-radius:10px;background:#0a1727}.profile-card h3{margin:0 0 8px;color:var(--accent);font-size:1rem}.profile-muted{color:var(--muted)}.message{margin:10px 0 0;color:var(--muted)}.message.error{color:var(--danger)}[hidden]{display:none!important}body :where(*){cursor:default}button,input,textarea,select{cursor:pointer}input,textarea{cursor:text}@media(max-width:1100px){.app-shell{width:min(960px,100%)}}@media(max-width:760px){.catalog{grid-template-columns:1fr}.app-header{display:grid}.header-actions{justify-content:flex-start}}@media(max-width:560px){body{padding:14px;overflow:auto}.brand{top:20px;left:20px}.app-shell{margin-top:54px}.panel{padding:14px}.floating-cart{right:14px;bottom:14px}.product{grid-template-columns:minmax(0,1fr)}.product-price{text-align:left}.product-actions{flex-wrap:wrap}}
.shop-closed{display:grid;place-items:center;gap:8px;min-height:46vh;padding:32px;text-align:center;border:1px solid var(--accent);border-radius:16px;background:rgba(13,21,39,.94);box-shadow:0 18px 50px #0005}.shop-closed strong{color:#fff;font:900 clamp(1.5rem,4vw,2.5rem) var(--display);letter-spacing:.08em}.shop-closed span{color:var(--muted);font-size:1rem}
