*{box-sizing:border-box}body{margin:0;background:#101827;color:#eef2f8;font:16px system-ui,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 4%;background:#1d293a;border-bottom:3px solid #ff9800}h1{margin:0;color:#ffac32;font-size:1.6rem}small,.muted{color:#b8c5d5}#connection{font-size:.8rem}nav{display:flex;gap:7px;overflow-x:auto;padding:12px 4%;background:#182234}nav button{white-space:nowrap}button{border:0;border-radius:7px;background:#ff9800;color:#151b24;padding:11px 15px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#354459;color:#fff}.danger{background:#a62f39;color:#fff}nav button.active{outline:2px solid #fff}main{max-width:1100px;margin:auto;padding:24px 4%}h2{color:#ffb74d}.panel,.record,.metric{background:#1d293a;border:1px solid #3d4a5d;border-radius:10px;padding:18px;margin:14px 0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}label{display:flex;flex-direction:column;gap:7px;margin:8px 0}input,textarea,select{width:100%;min-width:0;background:#0e1725;color:white;border:1px solid #78879a;border-radius:7px;padding:11px;font:inherit}textarea{min-height:76px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric strong{display:block;font-size:1.8rem;color:#ffb74d}.record h3{margin:0 0 10px;color:#ffb74d}.record p{overflow-wrap:anywhere}.line{display:grid;grid-template-columns:100px minmax(140px,2fr) 85px 110px auto;gap:8px;align-items:end;margin:8px 0}.line label{font-size:.85rem}#notice{min-height:1.5rem;color:#86efac}.error{color:#ff9696!important}.money{font-variant-numeric:tabular-nums}footer{text-align:center;padding:25px;color:#aebaca}@media(max-width:700px){.line{grid-template-columns:1fr 1fr}.line label:nth-child(2){grid-column:span 2}.line button{align-self:end}header{align-items:start;flex-direction:column}}

/* Upgrade: larger mobile targets, clear focus, and responsive records */
button,input,select,textarea{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd089;outline-offset:2px}nav{scrollbar-width:thin}nav button{min-height:44px}.record{overflow-wrap:anywhere}.record .actions button{min-height:44px}#notice{padding:5px 0}@media(max-width:700px){main{padding:16px 3%}.panel,.record{padding:14px}.fields{grid-template-columns:1fr}.line{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.line label:nth-child(2){grid-column:1/-1}.line button{min-height:44px}header{padding:15px 3%}nav{padding:10px 3%}input,textarea,select{font-size:16px;min-height:44px}}