:root{color:#20333c;background:#f1f5f6;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1160px;margin:auto;padding:40px 24px}header{border-bottom:1px solid #cfdbdf;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}h1{margin:6px 0;font-size:34px}small{letter-spacing:2px;color:#516c78}section{background:#fff;border:1px solid #dbe4e7;border-radius:12px;padding:24px}.login{max-width:400px;margin:60px auto}form{gap:16px;max-width:420px;display:grid}label{gap:6px;display:grid}input{font:inherit;border:1px solid #91a9b4;border-radius:6px;padding:10px}button{font:inherit;cursor:pointer;color:#fff;background:#176b76;border:0;border-radius:6px;padding:11px 18px}button:hover{background:#0c535d}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #eeac53}nav{gap:12px;margin:24px 0;display:flex}nav button[aria-pressed=false]{color:#1a626e;background:#dcebee}nav{flex-wrap:wrap}.table-scroll{overflow-x:auto}.check{align-items:start;gap:10px;display:flex}.check input{margin-top:5px}td{overflow-wrap:anywhere}small{letter-spacing:.4px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.ok{color:#176344}.error{color:#a12e2e}footer{color:#586c75;margin-top:40px}table{border-collapse:collapse;background:#fff;width:100%;margin-bottom:24px}td,th{text-align:left;border-bottom:1px solid #dae2e6;padding:14px}@media (width<=650px){header{flex-direction:column;align-items:start}main{padding:24px 16px}}