.product-list-shell{color:#f8fafc;background:#0f172ab3;border:1px solid #ffffff14;border-radius:28px;width:960px;margin:0 auto;padding:2.5rem 1.5rem;box-shadow:0 35px 60px #020617bf}.product-list-header{color:#cbd5f5;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.product-list-header select{color:#f8fafc;background:#0f172a80;border:1px solid #ffffff26;border-radius:14px;padding:.5rem .8rem}.product-table{border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.product-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;display:grid}.product-table-row.header{text-transform:uppercase;letter-spacing:.25em;color:#94a3b8;background:#0f172ae6;font-size:.75rem}.product-table-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-table-row button{color:#bfdbfe;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem}.product-edit-card{background:#0f172acc;border:1px dashed #fff3;border-radius:20px;margin-top:1.5rem;padding:1.5rem}.new-product-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.new-product-form label{color:#94a3b8;flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.new-product-form input,.new-product-form select{color:#e2e8f0;background:#0f172a66;border:1px solid #ffffff1f;border-radius:14px;padding:.85rem;font-size:.95rem}.new-product-form input:focus,.new-product-form select:focus{outline-offset:2px;border-color:#0000;outline:2px solid #3b82f699}.form-error,.form-message{grid-column:1/-1;padding:.5rem 0;font-size:.85rem}.form-error{color:#fca5a5}.form-message{color:#fcd34d}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:.75rem;display:flex}.form-actions button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;padding:.85rem 1.6rem;font-weight:600;transition:transform .2s,background .2s}.form-actions button:hover{transform:translateY(-2px)}.form-actions .ghost{color:#e2e8f0;background:0 0;border:1px solid #fff6}.form-actions .ghost:hover{background:#ffffff0d}.page-shell{background:linear-gradient(#030712 0%,#030916 40%,#01050e 100%);min-height:100vh;padding:3rem 1.25rem 4rem}.page-content{color:#f8fafc;flex-direction:column;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.page-content h1{margin:0;font-size:clamp(2rem,1.4rem + 1.2vw,2.8rem)}
