:root{--bg:#09090e;--panel:#171a1f;--surface:#20242b;--border:#313742;--primary:#1e8fff;--fg:#f4f7fb;--muted:#8b94a3}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{max-width:520px;margin:auto;padding:10px 7px 16px;display:flex;flex-direction:column;gap:13px;min-height:100dvh}.panel{border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:inset 0 1px 5px #ffffff08}.top{min-height:94px;padding:7px;display:grid;grid-template-columns:94px 1fr 94px;gap:11px}.top>*{display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:19px}.top strong{font-size:23px}.top small{font-size:12px;color:var(--primary)}.top button{color:var(--primary);font-size:27px}.mid{height:min(58vh,560px);min-height:320px;overflow:auto;padding:15px;scrollbar-width:thin}.eyebrow{font-size:12px;color:var(--primary);font-weight:bold;letter-spacing:.08em}.mid h1{font-size:25px;margin:8px 0 15px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile,.action{border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--fg);padding:15px 9px;min-height:65px;font-weight:bold}.tile span{display:block;font-size:23px;color:var(--primary);margin-bottom:5px}.tile:disabled{opacity:.48;cursor:default}.status{color:var(--muted);font-size:12px;line-height:1.45}.fields{display:grid;gap:9px}.fields label{font-size:13px;font-weight:bold}.fields input{width:100%;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:9px;padding:12px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.action{min-height:0;padding:10px 13px;border-radius:11px;font-size:13px}.action.primary{background:var(--primary);color:white}.record{border:1px solid var(--border);border-radius:13px;padding:11px;margin:8px 0}.record strong{display:block}.record small{color:var(--muted)}#navigation{flex:none} .hidden{display:none!important}.error{color:#ff9999}.ok{color:#8edbc0} @media(max-width:480px){.app{gap:9px;padding:7px 5px}.top{grid-template-columns:62px 1fr 62px;gap:6px;min-height:76px}.top strong{font-size:17px}.top small{font-size:10px}.top button{font-size:23px}.mid{height:calc(100dvh - 274px);min-height:290px;padding:12px}}
.search-label{display:block;margin:12px 0 5px}#search{display:block;width:100%;padding:11px;border-radius:9px;border:1px solid #748296;background:var(--field-bg,#172434);color:inherit;margin-bottom:12px}.revision{font-size:.8rem;padding:4px 10px;opacity:.8}details{margin-top:5px}summary{cursor:pointer;font-size:.8rem}