.up-page{font-family:Montserrat,Arial,sans-serif;color:#183b54}.up-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;background:#f5f8fa;border:1px solid #d2dee6;border-radius:12px}.up-controls label,.up-roster label{display:grid;gap:6px;font-size:12px;color:#4d6677}.up-controls input,.up-controls select,.up-roster input{padding:10px 12px;border:1px solid #bfd0db;border-radius:8px;background:#fff;color:#173a52;font:400 14px Montserrat,Arial,sans-serif}.up-controls button,.up-person button,.up-unit-tabs button,.up-preview button{padding:10px 14px;border:1px solid #bdd0de;border-radius:8px;background:#fff;color:#1c435e;font:500 13px Montserrat,Arial,sans-serif;cursor:pointer}.up-controls>button,.up-preview [data-up-print]{background:#193e59;color:#fff;border-color:#193e59}.up-unit-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.up-unit-tabs button{display:flex;align-items:center;gap:10px}.up-unit-tabs span{background:#edf2f6;border-radius:5px;padding:2px 7px}.up-unit-tabs button[aria-pressed=true]{border-color:#1d4966;box-shadow:inset 0 -2px #1d4966}.up-roster>header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 12px}.up-roster h2{font-size:20px;margin:0 0 7px;font-weight:500}.up-roster small{color:#567082}.up-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}.up-person{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid #d5e0e7;border-radius:11px;background:#fff}.up-person>div{display:grid;gap:6px;min-width:0}.up-person b{font-size:14px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.up-person small{font-size:12px}.up-person button{flex-shrink:0;padding:8px 10px;font-size:12px}.up-preview{position:fixed;inset:0;z-index:32000;background:#142c44b8;padding:20px;display:flex;align-items:center;justify-content:center;font-family:Montserrat,Arial,sans-serif}.up-preview>section{width:min(1500px,100%);height:95dvh;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 15px 75px #081c3b42}.up-preview header{display:flex;align-items:center;gap:12px;padding:17px 21px;border-bottom:1px solid #d3dfe7;color:#173a52}.up-preview header>div{flex:1}.up-preview h2{font-size:18px;font-weight:500;margin:5px 0}.up-preview header small{font-size:10px;color:#587180;letter-spacing:.05em}.up-preview p{font-size:11px;margin:6px 0 0;color:#506b7d}.up-frame{width:100%;flex:1;border:0;background:#e8edf0}.up-page button:disabled,.up-preview button:disabled{opacity:.6;cursor:wait}.up-page button:focus-visible,.up-preview button:focus-visible{outline:3px solid #ce9d45;outline-offset:3px}@media(max-width:650px){.up-controls{padding:12px;gap:10px}.up-controls label{flex:1;min-width:130px}.up-controls select,.up-controls input{width:100%;min-width:0}.up-controls>button{width:100%}.up-roster>header{align-items:stretch;flex-direction:column}.up-preview{padding:5px}.up-preview>section{height:98dvh}.up-preview header{padding:12px;flex-wrap:wrap;gap:9px}.up-preview header>div{flex-basis:100%}.up-preview h2{font-size:15px}.up-preview header>button{flex:1}.up-person{padding:12px}}