*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7f6;color:#17231d}.app{max-width:1300px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:16px}.top h1{margin:0;color:#16813f}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nav a,.btn{padding:10px 14px;border-radius:7px;text-decoration:none;border:0;cursor:pointer;font-weight:bold}.nav a,.secondary{background:#eaf3ed;color:#176d3a}.primary{background:#16813f;color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.panel,.metric{background:white;border:1px solid #e0e7e2;border-radius:10px;padding:18px;margin-bottom:16px}.metric strong{font-size:24px;color:#16813f}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form label{font-size:12px;font-weight:bold}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d9e1dc;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid #e5eae7;text-align:left}th{background:#f7faf8}.table{overflow:auto}.msg{padding:12px;border-radius:7px;margin:10px 0}.ok{background:#e7f7eb;color:#176e3c}.bad{background:#fff0f0;color:#a83232}.wide{grid-column:1/-1}@media(max-width:800px){.grid,.form{grid-template-columns:1fr}}