:root{--color-white: #fff;--color-off-white: #fefefe;--color-slate-50: oklch(.975 .015 200);--color-slate-100: oklch(.95 .025 200);--color-slate-200: oklch(.9 .035 200);--color-slate-300: oklch(.82 .05 200);--color-slate-400: oklch(.72 .07 200);--color-slate-500: oklch(.61 .08 200);--color-slate-600: oklch(.49 .06 200);--color-slate-700: oklch(.4 .055 200);--color-slate-800: oklch(.31 .05 200);--color-slate-900: oklch(.23 .045 200);--color-teal-50: oklch(.975 .015 200);--color-teal-100: oklch(.95 .025 200);--color-teal-500: oklch(.61 .08 200);--color-teal-700: oklch(.4 .055 200);--color-teal-800: oklch(.31 .05 200);--color-red-600: oklch(.55 .19 25);--color-red-50: oklch(.97 .02 25);--color-amber-600: oklch(.6 .16 75);--color-amber-50: oklch(.97 .04 75);--color-green-600: oklch(.55 .13 150);--color-green-50: oklch(.97 .03 150);--font-heading: "DM Sans", sans-serif;--font-body: "Work Sans", sans-serif;--radius: .5rem;--shadow-sm: 0 1px 2px 0 oklch(.23 .045 200 / .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-slate-800);background:var(--color-slate-50)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-slate-900);margin:0 0 .5rem}a{color:var(--color-teal-800)}p{line-height:1.6}.page{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:72rem;margin:0 auto;padding:0 1.5rem}.topbar{border-bottom:1px solid var(--color-slate-200);background:var(--color-white)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand{font-family:var(--font-heading);font-weight:500;font-size:1.25rem;color:var(--color-slate-900);text-decoration:none}.brand-mark{color:var(--color-teal-700)}.topbar-nav{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.topbar-nav a{color:var(--color-slate-700);text-decoration:none;font-weight:500}.topbar-nav a:hover{color:var(--color-teal-800)}.main{flex:1;padding:2.5rem 0 4rem}.hero{padding:4rem 0;text-align:center}.hero h1{font-size:2.25rem;margin-bottom:1rem}.hero p{max-width:38rem;margin:0 auto 2rem;color:var(--color-slate-600);font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--radius);font-family:var(--font-body);font-weight:500;font-size:.9rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.btn-primary{background:var(--color-teal-800);color:var(--color-white)}.btn.btn-primary:hover:not(:disabled){background:color-mix(in oklch,var(--color-teal-800),black 10%)}.btn.btn-secondary{background:var(--color-white);border-color:var(--color-teal-800);color:var(--color-teal-800)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-teal-50)}.btn.btn-danger{background:var(--color-white);border-color:var(--color-red-600);color:var(--color-red-600)}.btn.btn-danger:hover:not(:disabled){background:var(--color-red-50)}.btn-sm{padding:.35rem .8rem;font-size:.8rem}.card{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:.75rem;box-shadow:var(--shadow-sm)}.card-pad{padding:1.5rem}.search-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-input{flex:1;padding:.6rem .9rem;border:1px solid var(--color-slate-300);border-radius:var(--radius);font-family:var(--font-body);font-size:.9rem;background:var(--color-white);color:var(--color-slate-800)}.search-input:focus{outline:2px solid var(--color-teal-500);outline-offset:1px}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-weight:600;color:var(--color-slate-600);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:.6rem 1rem;border-bottom:1px solid var(--color-slate-200)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-slate-100);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer;transition:background-color .1s ease}.table tr.clickable:hover{background:var(--color-teal-50)}.table tr.clickable:active{background:var(--color-teal-100)}.row-actions{display:flex;gap:.5rem;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-public{background:var(--color-green-50);color:var(--color-green-600)}.badge-private{background:var(--color-slate-100);color:var(--color-slate-600)}.badge-pending{background:var(--color-amber-50);color:var(--color-amber-600)}.badge-dpp{background:var(--color-teal-100);color:var(--color-teal-800)}.badge-material{background:var(--color-slate-100);color:var(--color-slate-600)}.badge-gs1-valid{background:var(--color-green-50);color:var(--color-green-600);cursor:help}.badge-gs1-invalid{background:var(--color-red-50);color:var(--color-red-600);cursor:help}.state-message{padding:3rem 1rem;text-align:center;color:var(--color-slate-500)}.error-banner{background:var(--color-red-50);color:var(--color-red-600);border:1px solid color-mix(in oklch,var(--color-red-600),white 70%);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.9rem}.info-banner{background:var(--color-teal-50);color:var(--color-teal-800);border:1px solid color-mix(in oklch,var(--color-teal-500),white 60%);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.25rem;font-size:.9rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.muted{color:var(--color-slate-500);font-size:.85rem}.checkbox-cell{width:2.5rem}.bulk-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--color-teal-50);border:1px solid var(--color-teal-100);border-radius:var(--radius);margin-bottom:1rem;font-size:.85rem}.back-link{display:inline-block;margin-bottom:1.5rem;font-size:.85rem;color:var(--color-slate-600);text-decoration:none}.back-link:hover{color:var(--color-teal-800)}.preview-frame-wrap{border:1px solid var(--color-slate-200);border-radius:.75rem;overflow:hidden;background:var(--color-white)}.preview-frame{width:100%;height:70vh;border:none;display:block}.json-pre{background:var(--color-slate-900);color:var(--color-slate-100);padding:1rem;border-radius:var(--radius);overflow-x:auto;font-size:.8rem;line-height:1.5}.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.85rem;font-weight:500;color:var(--color-slate-700);margin-bottom:.3rem}.json-input{width:100%;padding:.75rem;border:1px solid var(--color-slate-300);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;background:var(--color-slate-900);color:var(--color-slate-100);resize:vertical}.json-input:focus{outline:2px solid var(--color-teal-500);outline-offset:1px}.json-input::placeholder{color:var(--color-slate-400)}