:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f2937;background:#f3f4f6;font-size:16px;--blue:#001689;--line:#d1d5db}*{box-sizing:border-box}body{margin:0}header{height:64px;background:var(--blue);color:white;display:flex;align-items:center;gap:16px;padding:0 max(16px,env(safe-area-inset-left));position:sticky;top:0;z-index:10}header a{color:white;font-size:32px;text-decoration:none;width:44px;text-align:center}header strong{font-size:20px}header span{margin-left:auto;opacity:.8}main{max-width:760px;margin:auto;padding:16px 16px calc(110px + env(safe-area-inset-bottom))}h1{font-size:1.6rem;color:var(--blue);margin:0 0 14px}h2{font-size:1.2rem;color:var(--blue)}h3{font-size:1.05rem}p{line-height:1.5}.card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin:12px 0;box-shadow:0 1px 3px #00000008}.card p{margin:8px 0}label{display:block;margin:12px 0 5px}input:not([type=checkbox]),select,textarea{font:inherit;width:100%;min-height:46px;border:1px solid #9ca3af;border-radius:7px;padding:10px;background:white;color:#111827}textarea{min-height:80px}button,.button{font:inherit;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:8px;padding:10px 16px;border:1px solid var(--blue);background:var(--blue);color:white;text-decoration:none;cursor:pointer;gap:8px}form>button{margin-top:16px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#1f2937;background:white;border-color:#9ca3af}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.actions{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:12px max(16px,calc((100vw - 728px)/2)) calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;justify-content:flex-end;z-index:20}.actions button{flex:1;max-width:340px}.status{font-size:.85rem;padding:8px;border-radius:6px;background:#e0e7ff}.error,.validation-summary-errors,#message:not(:empty){background:#fee2e2;border:1px solid #fca5a5;padding:12px;border-radius:8px;margin:10px 0;white-space:pre-line}.transport{display:grid;grid-template-columns:1fr 1fr;gap:10px}.group{border:2px solid #cbd5e1;border-radius:9px;padding:12px;min-width:0}.ready{background:#dcfce7;border-color:#86efac}.waiting{background:#fef3c7;border-color:#fbbf24}.empty{background:#f3f4f6;color:#6b7280}.loaded{background:#dbeafe;border-color:#60a5fa}.toggle{display:flex;align-items:center;gap:9px;position:relative;min-height:44px;cursor:pointer}.toggle input{position:absolute;width:44px;height:26px;opacity:0;margin:0}.toggle span:first-of-type{width:44px;min-width:44px;height:26px;background:#9ca3af;border-radius:20px;display:inline-block;position:relative}.toggle span:first-of-type:after{content:"";width:20px;height:20px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .15s}.toggle input:checked+span{background:#2563eb}.toggle input:checked+span:after{transform:translateX(18px)}.toggle input:focus-visible+span{outline:3px solid #60a5fa;outline-offset:3px}.toggle input:disabled+span{opacity:.45}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.muted{color:#6b7280;font-size:.9rem}dialog{border:0;border-radius:12px;width:calc(100% - 24px);max-width:650px;padding:20px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#0f172a99}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:-20px;background:white;padding:12px 0}.dialog-actions button{margin-top:0}.order-line{padding:12px 0;border-bottom:1px solid #e5e7eb}.order-line:last-child{border:0}.badge{display:inline-block;border-radius:6px;padding:4px 7px;font-size:.85rem;background:#e0e7ff;color:var(--blue)}summary{min-height:44px;padding:8px;cursor:pointer}pre{overflow:auto;white-space:pre-wrap}.search-results{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:6px}.search-results button{display:block;width:100%;text-align:left;background:white;color:#111827;border:0;border-bottom:1px solid var(--line);border-radius:0}.search-results button:focus{background:#dbeafe}canvas{max-width:100%;touch-action:none}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:380px){main{padding-left:10px;padding-right:10px}.card{padding:12px}.group{padding:8px}button{padding:10px}.actions{padding-left:10px;padding-right:10px}}