:root{font-family:system-ui,Arial,sans-serif;color:#eaf0f7;background:#06101f;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}header{padding:20px 24px;background:#0b1b30;border-bottom:2px solid #159ade;display:flex;align-items:center;flex-wrap:wrap;gap:20px}
header img{width:240px;max-width:100%;height:auto}header h1{margin:0 0 8px;font-size:24px}header nav{margin-left:auto}
a{color:#67daff}main{max-width:1250px;margin:auto;padding:24px}.demo{color:#89e5ff;font-size:12px}
.notice{background:#102b40;border:1px solid #2588b1;border-radius:12px;padding:14px;margin-bottom:18px;line-height:1.5}
.notice p{margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.card,.panel{background:#102137;border:1px solid #304963;border-radius:14px;padding:18px}.number{font-size:32px;font-weight:800}
.panel{margin:18px 0;min-width:0}.table-wrap{overflow-x:auto}button{background:#098bc2;color:white;border:0;padding:11px 14px;border-radius:8px;cursor:pointer;min-height:44px}
button.secondary{background:#344d65}button:disabled{opacity:.5;cursor:default}input,select{background:#07172a;color:white;border:1px solid #627c96;padding:10px;border-radius:8px;max-width:100%;min-height:44px}
form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:14px 0}form label{display:grid;gap:6px;min-width:0}table{width:100%;border-collapse:collapse;min-width:540px}
th,td{padding:12px;border-bottom:1px solid #304963;text-align:left;overflow-wrap:anywhere}td{max-width:300px}th{color:#b9cfe2}
#error{background:#49252c;padding:14px;border:1px solid #f0a9b0;border-radius:8px}h2{font-size:20px}p{line-height:1.5}
:focus-visible{outline:3px solid #60d8ff;outline-offset:3px}
@media(max-width:600px){main{padding:12px}header{padding:16px;gap:12px}header img{width:200px}header nav{margin-left:0}header h1{font-size:21px}.panel{padding:12px}form label{width:100%}form input,form select{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}