*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#f1f5f9}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.screen h1{margin:0;font-size:1.75rem}.hint{color:#94a3b8;font-size:.9rem;max-width:32rem}.error{color:#f87171}.activation-code{font-size:3rem;font-weight:700;letter-spacing:.1em;margin:0}.catalog{min-height:100%;padding:1.5rem}.catalog h2{font-size:1.1rem;color:#cbd5e1;margin:1.5rem 0 .75rem}.catalog-header{display:flex;align-items:center;justify-content:space-between}.catalog-header h1{margin:0;font-size:1.5rem}.cart-link{color:#f1f5f9;background:#1e293b;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none}.offline-banner{background:#78350f;color:#fde68a;padding:.6rem 1rem;border-radius:.375rem;margin-bottom:1rem}.connectivity-badge{position:fixed;top:.75rem;right:.75rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;z-index:10}.connectivity-badge--online{background:#14532d;color:#86efac}.connectivity-badge--degraded{background:#78350f;color:#fde68a}.connectivity-badge--offline{background:#7f1d1d;color:#fecaca}.product-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem}.product-grid li{display:flex;flex-direction:column;gap:.25rem;background:#1e293b;border-radius:.5rem;padding:1rem}.product-grid li.out-of-stock{opacity:.5}.product-name{font-weight:600}.product-price{color:#93c5fd}.product-available{font-size:.8rem;color:#94a3b8}.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.cart-list li{display:flex;align-items:center;gap:1rem;background:#1e293b;border-radius:.5rem;padding:.75rem 1rem}.cart-list .product-name{flex:1}.cart-qty-controls{display:flex;align-items:center;gap:.5rem}.cart-qty-controls button{padding:.25rem .6rem}.remove-line{background:transparent;color:#f87171}.remove-line:hover{background:#1e293b}.cart-subtotal{margin-top:1.5rem;font-size:1.1rem}.cart-actions{display:flex;gap:.75rem;margin-top:1rem}.order-number{font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin:0}.order-status{display:inline-block;font-weight:600;padding:.3rem .9rem;border-radius:999px;background:#1e293b;color:#cbd5e1}.order-status--ready{background:#14532d;color:#86efac}.order-status--completed{background:#1e3a8a;color:#bfdbfe}.order-status--cancelled,.order-status--expired{background:#7f1d1d;color:#fecaca}form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:24rem}label{display:flex;flex-direction:column;gap:.25rem;text-align:left;font-size:.85rem;color:#cbd5e1}input{font-size:1rem;padding:.5rem;border-radius:.375rem;border:1px solid #334155;background:#1e293b;color:#f1f5f9}button{font-size:1rem;padding:.6rem;border-radius:.375rem;border:none;background:#3b82f6;color:#fff;cursor:pointer}button:hover{background:#2563eb}button:disabled{background:#334155;color:#64748b;cursor:not-allowed}