:root{font-family:Segoe UI,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f0f4fa;background-color:#1a2233;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#1a2233}h1,h2,h3,label,th,td{color:#f0f4fa}input,select{padding:.5em 1em;margin:.5em .5em .5em 0;border:1px solid #444;border-radius:6px;font-size:1em;background:#222a38;color:#f0f4fa}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#141c28d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#222a38;padding:2em 2.5em;border-radius:12px;box-shadow:0 4px 24px #00000052;min-width:320px;max-width:90vw;text-align:center}.modal-content h2{margin-bottom:1em;color:#f0f4fa}.modal-content form{display:flex;flex-direction:column;gap:.8em}.modal-content input[type=date]{background:#222a38;color:#f0f4fa;border:1px solid #444;border-radius:6px;font-size:1em;padding:.5em 1em}.modal-content input[type=date]::placeholder{color:#888}.modal-content select{padding:.5em 1em;border:1px solid #444;border-radius:6px;font-size:1em;background:#1a2233;color:#f0f4fa}.modal-content button{margin-top:1em}.modal-close{background:#444;color:#f0f4fa;margin-top:.5em}