*{box-sizing:border-box}
body{margin:0;background:#f5f6fa;color:#17243a;font-family:system-ui,sans-serif}
header{background:#152a4e;color:#fff;padding:20px 24px}
header a{color:#fff}
main{max-width:1400px;margin:30px auto;padding:0 20px}
main.narrow{max-width:440px}
.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0001;margin-bottom:24px}
input,select{padding:10px;border:1px solid #ddd;border-radius:8px;font:inherit}
.full{width:100%}
button,.btn{background:#e8890c;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;text-decoration:none;font:inherit;display:inline-block}
button.small{padding:6px 10px;font-size:.85em}
button.ghost{background:#fff;color:#152a4e;border:1px solid #ccd}
table{width:100%;border-collapse:collapse;font-size:.92em}
td,th{padding:10px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}
th{background:#f6f7fa}
.error,.flash{color:#b42318}
.muted{color:#667;font-size:.85em}
.notes{max-width:260px;white-space:pre-wrap;word-break:break-word}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.nav{display:flex;gap:14px;align-items:center}
.inline{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.scroll{overflow-x:auto}