:root{--bg: #0f1419;--bg-elev: #1a2129;--bg-card: #232b35;--border: #2e3744;--text: #e4e8ed;--text-dim: #98a3b1;--accent: #5ec9ff;--accent-dim: #3a8bbd;--danger: #ff6b6b;--warn: #ffb84d;--ok: #5eddaa;--radius: 6px;--mono: "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0 0 .5em;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;background:var(--accent);color:#0a1117;border:none;padding:.5em 1em;border-radius:var(--radius);cursor:pointer;font-weight:500}button:hover{background:#7bd4ff}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--bg-elev)}button.danger{background:var(--danger);color:#fff}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.5em .75em;border-radius:var(--radius);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}label{display:block;margin-bottom:.25em;color:var(--text-dim);font-size:13px}.container{max-width:1100px;margin:0 auto;padding:1.5rem;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.field{margin-bottom:1rem}.error{color:var(--danger);font-size:13px;margin-top:.25em}.notice{background:var(--bg-elev);border-left:3px solid var(--warn);padding:.75em 1em;border-radius:0 var(--radius) var(--radius) 0;margin:1em 0;color:var(--warn)}.notice.danger{border-left-color:var(--danger);color:var(--danger)}.notice.success{border-left-color:var(--ok);color:var(--ok)}table{width:100%;border-collapse:collapse}th,td{padding:.6em .75em;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-elev);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}th:hover{color:var(--accent)}.row{display:flex;gap:1rem;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-dim)}.mono{font-family:var(--mono)}.grid{display:grid;gap:1rem}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 720px){.grid.cols-3{grid-template-columns:1fr}}.product-card{display:flex;flex-direction:column;gap:.5rem}.product-card .thumb{width:100%;aspect-ratio:1;background:var(--bg-elev);border-radius:var(--radius);display:grid;place-items:center;font-size:2rem;color:var(--text-dim);overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:cover}.product-card .price{font-family:var(--mono);color:var(--accent);font-size:1.1rem}.product-card .meta{font-size:12px;color:var(--text-dim)}header.app-header{background:var(--bg-elev);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1.5rem}header.app-header .brand{font-weight:600;color:var(--accent)}header.app-header nav{display:flex;gap:1rem}header.app-header nav a{color:var(--text-dim)}header.app-header nav a:hover,header.app-header nav a.active{color:var(--text);text-decoration:none}header.app-header .cart-badge{background:var(--accent);color:#0a1117;padding:.1em .5em;border-radius:999px;font-size:12px;font-weight:600;margin-left:.3em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;min-width:340px;max-width:500px}.toast-stack{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:200}.toast{background:var(--bg-card);border:1px solid var(--border);padding:.75em 1em;border-radius:var(--radius);min-width:240px}.toast.success{border-left:3px solid var(--ok)}.toast.danger{border-left:3px solid var(--danger)}.tag{display:inline-block;padding:.1em .6em;background:var(--bg-elev);border-radius:999px;font-size:12px;color:var(--text-dim)}ul.clean{list-style:none;padding:0;margin:0}li.drag-item{background:var(--bg-elev);border:1px solid var(--border);padding:.75em 1em;border-radius:var(--radius);margin-bottom:.5em;cursor:grab}li.drag-item.dragging{opacity:.4}li.drag-item.drop-target{border-color:var(--accent)}.checkbox-row,.radio-row{display:flex;align-items:center;gap:.5em;margin-bottom:.4em}.checkbox-row input,.radio-row input{width:auto}footer.app-footer{margin-top:auto;padding:1rem 1.5rem;color:var(--text-dim);font-size:12px;border-top:1px solid var(--border)}