:root { color-scheme:dark; font:16px/1.55 system-ui,sans-serif; color:#e6efe6; background:#171322; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:800px; margin:auto; padding:24px max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
a { color:#e2d4ff; }
h1 { font-size:clamp(1.65rem,5vw,2.4rem); line-height:1.2; } h2 { font-size:1.25rem; }
.eyebrow { color:#c0b6d1; font-size:.8rem; letter-spacing:.08em; margin-top:32px; }
section { padding:20px; margin:20px 0; background:#211c30; border:1px solid #62566f; border-radius:14px; }
button,input,select { font:inherit; max-width:100%; }
button,select { min-height:44px; padding:10px 14px; color:inherit; background:#342b46; border:1px solid #9a88ae; border-radius:9px; }
button { cursor:pointer; margin:8px 0; }button:hover:not(:disabled) { background:#493959; }button:disabled { opacity:.5; cursor:default; }
input[type=file] { display:block; width:100%; margin:12px 0; padding:10px 0; }input::file-selector-button { min-height:44px; font:inherit; padding:8px; margin-right:10px; }
label { display:block; } .ack { margin:20px 0; display:flex; gap:12px; align-items:flex-start; } .ack input { flex:0 0 24px; width:24px; height:24px; margin-top:3px; }
select { display:block; width:100%; margin:12px 0; } .actions { display:flex; gap:12px; flex-wrap:wrap; }
:focus-visible { outline:3px solid #ffdb8c; outline-offset:3px; }
.hint { color:#c9bfd7; } .error { color:#ffc0b9; } .success { color:#c3efba; }
.table-wrap { overflow:auto; }table { table-layout:fixed; width:100%; border-collapse:collapse; text-align:left; overflow-wrap:anywhere; }th,td { padding:10px 6px; border-bottom:1px solid #62566f; vertical-align:top; }th { font-weight:650; }thead th:first-child{width:34%;}
[hidden] { display:none!important; }
@media(max-width:400px){section{padding:14px;} th,td{padding:8px 4px;font-size:.9rem;} }