:root{color-scheme:dark;font:15px system-ui;background:#08131a;color:#e2eef4}body{margin:auto;max-width:1450px;padding:24px}header{display:flex;align-items:center;gap:22px}header>div{flex:1}h1,h2{margin:8px 0}p{color:#9eb5c2;line-height:1.6}a{color:#80dbce}button,input,select{font:inherit;border-radius:7px;padding:10px;border:1px solid #355460;background:#11242d;color:inherit}button{cursor:pointer}button:hover{background:#1a3d44}button:disabled{opacity:.5}label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}input:focus,button:focus-visible{outline:2px solid #71cfc2}main{display:grid;grid-template-columns:260px 1fr;gap:28px}aside,section,#login{padding:20px;background:#0d1d26;border:1px solid #213e4a;border-radius:12px}#login{max-width:420px;margin:50px auto}#list{display:grid;gap:7px;margin-top:18px;max-height:65vh;overflow:auto}#list button{text-align:left}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.check{flex-direction:row}table{width:100%;border-collapse:collapse}th,td{padding:6px;text-align:left}td input{width:120px;box-sizing:border-box}td input[type=date]{width:155px}.scroll{overflow:auto}#save,#confirm{background:#20564e;margin-top:20px}dialog{max-width:600px;border:1px solid #467d81;border-radius:12px;padding:28px;background:#10232c}dialog::backdrop{background:#000a}[hidden]{display:none!important}#status{min-height:24px;color:#8edcce}#status.error{color:#ffb1ba}@media(max-width:800px){main{grid-template-columns:1fr}body{padding:12px}header{flex-wrap:wrap}}