:root{--green:#1b5e20;--border:#d9d9d9;--bg:#f7f8f7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#161616;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--green);color:#fff}.topbar nav a{color:#fff;margin-left:16px;text-decoration:none}.container{max-width:1000px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px}input,select{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px}button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}button.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1 1;min-width:200px}table.preview{border-collapse:collapse;width:100%}table.preview td,table.preview th{border:1px solid var(--border);padding:6px 8px}