:root { font: 14px/1.5 "Segoe UI", system-ui, sans-serif; color: #182d41; background: #f3f7fa; }
* { box-sizing: border-box; }
body { margin: 0; }
header { padding: 15px 16px; color: white; background: #103651; }
h1 { margin: 0; font-size: 19px; }
p { margin: 4px 0 10px; }
header p { margin: 0; color: #dce8f1; }
main { padding: 14px; }
.actions { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
button, input { font: inherit; }
button { cursor: pointer; border: 1px solid #cbd9e2; padding: 6px 9px; border-radius: 6px; background: white; color: #173a53; }
button.primary, button[aria-pressed="true"] { background: #176755; border-color: #176755; color: white; }
button:disabled { cursor: default; opacity: .55; }
form, details, li { padding: 10px; background: white; border: 1px solid #d9e4ea; border-radius: 8px; }
form p, summary { font-weight: 600; }
.dates { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 9px; }
label { display: block; min-width: 0; }
input { display: block; width: 100%; padding: 5px; border: 1px solid #bbcbd6; border-radius: 5px; }
#status, #result { margin-top: 10px; }
#list { padding: 0; list-style: none; }
#list li { margin-bottom: 6px; }
#list li span { display: block; font-size: 12px; }
#list li .warning { color: #943b20; }
details { margin-top: 14px; }
details label, details button { margin-top: 8px; }