body{font-family:system-ui;margin:0;background:#fafafa}header{background:#f5c400;padding:10px}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}nav form{display:inline}.banner{background:#222;color:#ffd;padding:6px 10px;font-size:13px}main{padding:12px;max-width:900px;margin:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:6px;text-align:left;font-size:14px}.card{background:#fff;border-radius:8px;padding:12px;margin:8px 0;box-shadow:0 1px 3px #0002}.bar{background:#eee;height:14px}.bar,.bar>div{border-radius:7px}.bar>div{background:#f5c400;height:100%}button,input,textarea{font-size:16px;padding:6px;margin:4px 0}