*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#f5f5f0}body{margin:0;min-height:100vh}#app{min-height:100vh}.page{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.header{margin-bottom:2rem;text-align:center}.header h1{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;text-transform:lowercase}.subtitle{margin:0;color:#555;font-size:1rem}.filters{display:grid;gap:.75rem;margin-bottom:1.5rem}@media(min-width:600px){.filters{grid-template-columns:1fr auto;align-items:center}}.filter-field input,.filter-field select{width:100%;padding:.65rem .85rem;border:1px solid #ccc;border-radius:8px;font:inherit;background:#fff;color:inherit}.filter-field input:focus,.filter-field select:focus{outline:2px solid #3b6ea5;outline-offset:1px;border-color:#3b6ea5}.filter-field select{min-width:180px;cursor:pointer}.state-message{padding:2rem 1rem;text-align:center;color:#555}.state-message--error{color:#b00020}.table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 2px 12px #00000014;background:#fff}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #eee}.items-table th{background:#fafafa;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:#444}.items-table tbody tr:last-child td{border-bottom:none}.items-table tbody tr:hover{background:#f9f9f7}.item-name{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.new-badge{display:inline-block;padding:.15rem .45rem;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#ff416c,#ff4b2b,#ff6b35);border-radius:4px;box-shadow:0 0 8px #ff416c99;animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 8px #ff416c99}50%{transform:scale(1.08);box-shadow:0 0 16px #ff6b35e6}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:599px){.items-table thead{display:none}.items-table tbody tr{display:block;padding:.75rem 1rem;border-bottom:1px solid #eee}.items-table tbody tr:last-child{border-bottom:none}.items-table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;border-bottom:none}.items-table td:before{content:attr(data-label);font-weight:600;font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.items-table td[data-label=Naam]{padding-top:0;padding-bottom:.5rem}.items-table td[data-label=Categorie]{padding-bottom:0}}