:root{font-family:Arial,sans-serif;color:#151a18;background:#f5f7f6;font-size:15px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;background:#2f3332;color:white;padding:20px 28px}header strong{font-size:23px}header span{color:#d5ddd8}header button{margin-left:auto}main{padding:0 28px 30px}h1{font-size:23px}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px;margin:24px 0 12px}button,input,select{font:inherit;min-height:40px;border:1px solid #b9c6be;border-radius:5px;background:white;color:#151a18;padding:9px 12px}button{cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover{background:#e9f2ec}button:disabled{opacity:.55;cursor:default}button svg{width:18px;height:18px}.primary{background:#60d88c;border-color:#41aa66;font-weight:bold}.danger{color:#a51b27;border-color:#d9a4aa}input,select{width:100%;min-width:0}input[type=checkbox]{width:18px;height:18px;min-height:0}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:bold}label.check{flex-direction:row;align-items:center}nav{display:flex;gap:8px;border-bottom:1px solid #d5ddd8;padding:18px 0}nav button[aria-pressed=true]{background:#d8f3e1;border-color:#3b9c5e}#refresh{margin-left:auto}.toolbar{display:flex;gap:12px;padding:18px 0}.toolbar input{max-width:380px}.toolbar select{max-width:200px}.split{display:grid;grid-template-columns:minmax(320px,1fr) minmax(330px,480px);gap:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;background:white}th,td{padding:13px 12px;border-bottom:1px solid #dce3df;font-size:13px}th{color:#46594d;font-size:12px}td button{padding:0;border:0;min-height:32px;text-align:left;background:transparent;justify-content:flex-start}tr.selected{background:#e7f5ec}aside{background:white;border-left:1px solid #d5ddd8;padding:22px;min-width:0;overflow-wrap:anywhere}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .wide{grid-column:1/-1}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.muted{font-size:13px;color:#56665d}.warning{color:#8a4b0b;font-size:13px}.login{max-width:380px;margin:80px auto;padding:25px;background:white;border:1px solid #d5ddd8;border-radius:6px}.login button{margin-top:20px;width:100%}#notice{margin:0;padding:12px 28px;min-height:42px;color:#246039}#notice.error{color:#a51b27}#settings{max-width:800px}#backup{margin-top:28px}ul.history{padding-left:20px}ul.history li{margin:10px 0}.badge{display:inline-block;padding:4px 7px;background:#eef1ef;border-radius:3px;font-size:12px}a{color:#186b38}[hidden]{display:none!important}:focus-visible{outline:3px solid #54bd79;outline-offset:2px}@media(max-width:850px){.split{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #d5ddd8}main{padding:0 14px 24px}header{padding:16px 14px;gap:10px}header strong{font-size:18px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex:1 1 100%}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}nav{flex-wrap:wrap}.login{margin:40px 16px}th,td{padding:10px 8px}}
:root header img{max-width:55%;height:auto;object-fit:contain}header span{white-space:nowrap}@media(max-width:500px){header{flex-wrap:wrap}header img{max-width:100%;width:300px}header span{font-size:13px}}