:root{--teal:#00555a;--orange:#ffac1c;--vanilla:#f1d58f;--ink:#183436;--grey:#687777;--mint:#e8f5ef;--bg:#faf9f4;--danger:#b3261e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}.top{background:var(--teal);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:3}.brand{font-size:26px;font-weight:800}.eyes{color:var(--vanilla)}.top nav{margin-left:auto}.top a{color:#fff;text-decoration:none;margin-left:14px}.wrap{width:min(1100px,calc(100% - 28px));margin:28px auto}.card{background:#fff;border:1px solid #dce6e2;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 3px 15px #00383c0b}.login{width:min(460px,calc(100% - 28px));margin:60px auto}h1,h2,h3{margin-top:0}h1{color:var(--teal)}label{display:block;font-weight:700;margin:14px 0 6px}input,select,textarea{width:100%;border:1px solid #bdceca;border-radius:10px;padding:11px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.check{background:var(--mint);padding:10px;border-radius:10px}.check input{width:auto}.btn{display:inline-block;border:0;border-radius:24px;background:var(--orange);color:var(--teal);font-weight:800;padding:12px 19px;text-decoration:none;cursor:pointer}.btn.secondary{background:var(--mint)}.btn.danger{background:#fde8e7;color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notice{padding:12px 15px;border-radius:12px;background:var(--mint);margin-bottom:16px}.error{background:#fde8e7;color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e0e8e5}th{color:var(--teal)}.pill{display:inline-block;padding:5px 9px;border-radius:12px;background:var(--mint);font-size:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo{border:1px solid #dce6e2;border-radius:12px;overflow:hidden}.photo img{display:block;width:100%;height:150px;object-fit:cover}.photo div{padding:10px}.muted{color:var(--grey);font-size:14px}@media(max-width:700px){.grid,.checks,.photo-grid{grid-template-columns:1fr}.top{align-items:flex-start}.top nav{display:flex;flex-direction:column}.top a{margin:2px 0}.table-wrap{overflow:auto}.wrap{margin-top:18px}}

