:root{color-scheme:dark;font-family:system-ui;background:#091827;color:#ecf3fa}body{margin:0}header{padding:20px;background:#13283c;display:flex;gap:20px;flex-wrap:wrap}main{max-width:1050px;margin:24px auto;padding:0 16px}section,form{background:#142a3e;padding:20px;border-radius:14px;margin-bottom:16px}label{display:flex;flex-direction:column;gap:6px;margin:12px 0}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #496176;border-radius:8px;background:#102135;color:inherit}button{cursor:pointer;background:#217386}h1{font-size:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:10px;border-bottom:1px solid #3a5063}.scroll{overflow:auto}small{color:#b7c9db}#error{color:#ffb2a5;max-width:1000px;margin:20px auto}nav{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}