:root{font-family:system-ui,sans-serif;color:#163b35;background:#f3f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#153f36;color:#fff;padding:22px 5%;display:flex;justify-content:space-between;align-items:center}header strong{font-size:26px}header span{display:block;color:#cee1d9}nav{display:flex;gap:8px;padding:20px 5%;flex-wrap:wrap;background:#fff}main{max-width:1100px;margin:35px auto;padding:0 24px}h1{font-size:30px}h2{font-size:20px}section{background:#fff;border:1px solid #dce5df;padding:24px;border-radius:12px;margin:20px 0}form{display:grid;gap:16px;max-width:640px;margin:20px 0}label{display:grid;gap:6px;font-size:14px;font-weight:600}input,select,textarea{padding:12px;border:1px solid #9aac9f;border-radius:6px;font:inherit;background:#fff;color:#163b35}input[type=checkbox]{width:20px;height:20px}button{padding:12px 18px;border:1px solid #9aac9f;border-radius:7px;background:#fff;color:#163b35;cursor:pointer;font:inherit}form button,.active{background:#1a6551;color:#fff;border-color:#1a6551}button:hover{filter:brightness(.94)}table{border-collapse:collapse;width:100%;background:#fff}td,th{text-align:left;padding:14px;border-bottom:1px solid #dce5df;word-break:break-word}code{word-break:break-all}.error{background:#ffe8df;color:#812c17;padding:15px;border-radius:6px}.login{max-width:500px;margin:10vh auto;background:#fff;padding:35px;border-radius:14px}footer{padding:40px;text-align:center;font-size:13px;color:#5e7868}@media(max-width:700px){table{font-size:12px}td,th{padding:8px}main{padding:0 12px}header{padding:18px}nav{padding:12px}}