*{box-sizing:border-box}body{margin:0;background:#f2f6f3;color:#102b27;font:16px/1.5 Arial,sans-serif}header{background:#102b27;color:white;padding:22px max(20px,calc((100vw - 1200px)/2));display:flex;gap:20px;align-items:center;flex-wrap:wrap}header a{color:white}header strong{margin-right:auto}main{max-width:1200px;margin:30px auto;padding:0 20px}h1{font-size:32px}h2{font-size:22px}.card{background:white;border:1px solid #d8e3dc;border-radius:16px;padding:24px;margin:20px 0}.login{max-width:480px;margin:50px auto}label{display:block;margin:12px 0;font-weight:bold}input,select,button{font:inherit}input:not([type=file]),select{display:block;width:100%;padding:10px;border:1px solid #a5b5aa;border-radius:7px;margin-top:5px}button,.button{background:#17603c;border:0;border-radius:7px;color:white;padding:11px 16px;cursor:pointer;text-decoration:none}button:hover{background:#10472c}.danger{background:#8b3030}.quiet{background:#475d53}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.photo{background:white;border:1px solid #d8e3dc;border-radius:12px;overflow:hidden}.photo img{width:100%;height:220px;object-fit:contain;background:#e7eee8}.photo form{padding:0 18px 18px}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:16px;background:#e0efdf;border-radius:10px}.error{background:#ffe4df}nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}nav a{padding:8px 12px;color:#17482e;background:white;border-radius:7px}nav a[aria-current=page]{background:#17482e;color:white}.small{font-size:14px;color:#51645a}button:focus-visible,a:focus-visible{outline:3px solid #d39021;outline-offset:3px}header form{margin:0}.count{font-size:14px}.inline{display:inline}fieldset{border:0;padding:0;margin:0}
