*{box-sizing:border-box}body{margin:0;background:#f5f6f8;font-family:Tahoma,Arial;color:#111}header{background:#111;color:#fff;padding:22px 4%;display:flex;justify-content:space-between;align-items:center}h1{margin:0}header p{margin:5px 0 0;color:#bbb}nav{display:flex;gap:10px}a{color:inherit}nav a,button{background:#ffd400;color:#111;text-decoration:none;border:0;border-radius:9px;padding:11px 16px;font-weight:800}.tableWrap{margin:28px 3%;background:#fff;border-radius:15px;overflow:auto;box-shadow:0 8px 30px #0001}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{text-align:right;padding:15px;border-bottom:1px solid #eee;vertical-align:top}th{background:#fff8d1}small{color:#666;line-height:1.7}select,input{padding:11px;border:1px solid #ccd0d6;border-radius:8px;font:inherit}.empty{text-align:center;padding:50px;color:#777}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(390px,calc(100% - 32px));background:#fff;padding:32px;border-radius:18px;box-shadow:0 15px 50px #0002;display:grid;gap:18px}.login label{display:grid;gap:8px;font-weight:800}.login button{font-size:17px}.error{background:#ffe5e5;color:#a40000;padding:12px;border-radius:8px}