:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--base-size:16px;--brand-color:#2d5016;--brand-dark:#1a300d;--text-color:#1a1a1a;--bg-color:#f5f5f0;--border-color:#cbd5e1}body{font-family:var(--font);font-size:var(--base-size);color:var(--text-color);background-color:var(--bg-color);margin:0;line-height:1.5}h1,h2,h3{color:var(--brand-color)}.navbar{background-color:var(--brand-color);border:5px solid var(--brand-dark);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:1.5rem;padding:12px 20px;display:flex}.navbar a{color:#fdfdfd;border:2px solid var(--brand-dark);border-radius:6px;padding:8px 16px;text-decoration:none}.navbar a:hover{background-color:#fff3}.navbar a.active{color:#fff;background-color:#0b461c;font-weight:700}table{border-collapse:collapse;border:1px solid var(--border-color);background-color:#fff;border-radius:6px;width:100%;margin:1rem 0;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px}th{background-color:var(--brand-color);color:#fff;font-weight:600}tbody tr:nth-child(2n){background-color:#fafaf7}tbody tr:hover{background-color:#eef2e6}.app-container{text-align:center;max-width:960px;margin:0 auto;padding:1rem}.app-container form,.app-container table{text-align:left;margin-left:auto;margin-right:auto}.app-container ul{text-align:left;display:inline-block}form{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;flex-direction:column;gap:.75rem;max-width:480px;margin:1rem auto;padding:1rem;display:flex}form label{flex-direction:column;align-items:flex-start;gap:.25rem;font-weight:500;display:flex}input,select{border:1px solid var(--border-color);box-sizing:border-box;border-radius:4px;width:100%;padding:6px 8px}form button{background-color:var(--brand-color);color:#fff;border:none;border-radius:10px;align-self:center;padding:8px 18px}form button:hover{background-color:var(--brand-dark)}.csv_button{color:#fff;font-family:var(--font);font-size:var(--base-size);cursor:pointer;background-color:#aa7c08;border:none;border-radius:4px;margin:.5rem 0;padding:8px 16px}.csv_button:hover{background-color:#8d6605}.edit_button{color:#fff;font-family:var(--font);cursor:pointer;background-color:#b8860b;border:none;border-radius:4px;padding:5px 12px}.edit_button:hover{background-color:#946c09}.delete_button{color:#fff;cursor:pointer;background-color:#c0392b;border:none;border-radius:4px;padding:5px 12px}.delete_button:hover{background-color:#a03226}form p,.message{border:1px solid var(--brand-color);background-color:#eef2e6;border-radius:4px;padding:8px 12px}.msg-ok{border:1px solid var(--brand-color);color:var(--brand-dark);background:#eef2e6;border-radius:4px;margin:.5rem 0;padding:8px 12px}.msg-warn{color:#7a5c00;background:#fff4e5;border:1px solid #b8860b;border-radius:4px;margin:.5rem 0;padding:8px 12px}.msg-error{color:#8b1a1a;background:#fde8e8;border:1px solid #c0392b;border-radius:4px;margin:.5rem 0;padding:8px 12px}ul{line-height:1.8}@media (width<=600px){.app-container{padding:.5rem}table{font-size:.9rem}form{max-width:100%}}.table-wrap{overflow-x:auto}