:root{--text:#1e293b;--bg:#fff;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}button{font-family:inherit}:root{--border:#e2e8f0;--muted:#64748b;--primary:#2563eb;--danger:#dc2626;--bg-soft:#f8fafc}.app{text-align:left;max-width:900px;margin:0 auto;padding:2rem 1.5rem}.app-header{margin-bottom:2rem}.app-header h1{margin:0;font-size:2.2rem}.app-header p{color:var(--muted);margin:.25rem 0 0}.panel{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;padding:1.5rem}.panel h2{margin-top:0}.product-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.product-form input{border:1px solid var(--border);border-radius:8px;flex:140px;padding:.55rem .7rem;font-size:.95rem}.product-form button,.link-danger{cursor:pointer;border:none;border-radius:8px;font-weight:600}.product-form button{background:var(--primary);color:#fff;padding:.55rem 1.2rem}.product-form button:disabled{opacity:.6;cursor:not-allowed}.product-table{border-collapse:collapse;width:100%;font-size:.95rem}.product-table th,.product-table td{border-bottom:1px solid var(--border);text-align:left;padding:.6rem .5rem}.product-table th{color:var(--muted);font-weight:600}.link-danger{color:var(--danger);background:0 0;padding:.2rem .4rem}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.6rem .8rem}.app-footer{color:var(--muted);margin-top:2rem}