:root{--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--font-small: .875rem;--font-base: 1rem;--font-large: 1.5rem;--surface: #fff;--background: #f4f6f8;--text: #1c2939;--muted: #566574;--border: #d6dce3;--radius: .65rem;--focus: #0c718a;--success: #23734b;--warning: #966b00;--danger: #a12534;--primary: #146b83;font-family:system-ui,sans-serif;color:var(--text);background:var(--background);font-size:var(--font-base)}*{box-sizing:border-box}body{margin:0}a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}button{background:var(--primary);color:#fff;border:0;border-radius:var(--radius);padding:.65rem 1rem;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input,select{min-height:2.65rem;max-width:100%;width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.55rem;background:var(--surface);color:var(--text)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}label{display:grid;gap:var(--space-2);font-size:var(--font-small)}h1{font-size:1.8rem;line-height:1.3;margin-top:0}h2{font-size:var(--font-large)}p{line-height:1.6;overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.topbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);gap:var(--space-3);background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:750;color:var(--text);max-width:20rem}.controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.controls select{min-width:5rem;max-width:14rem}summary{cursor:pointer;overflow-wrap:anywhere;max-width:16rem}aside{background:var(--surface);border-right:1px solid var(--border)}nav{display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2)}nav a{padding:.8rem;border-radius:var(--radius)}nav a:hover{background:var(--background)}.content{min-width:0;padding:var(--space-5)}.page{max-width:65rem;margin:auto}.muted{color:var(--muted)}.panel{background:var(--surface);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);margin:var(--space-4) 0}.form{display:grid;gap:var(--space-3);max-width:38rem}.form button{justify-self:start}.records{display:grid;gap:var(--space-3)}.record{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius)}.record strong{overflow-wrap:anywhere}.badge{display:inline-block;padding:.25rem .65rem;border-radius:1rem;background:#e4edf1;color:var(--primary);font-size:var(--font-small);margin:var(--space-2) var(--space-2) 0 0}.notice{color:var(--danger);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius)}.empty{padding:var(--space-4);color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.auth{display:grid;min-height:100vh;place-items:center;padding:var(--space-4)}.auth section{width:min(100%,32rem)}@media(max-width:1024px){.topbar{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:12rem minmax(0,1fr)}}@media(max-width:768px){.layout{display:block}aside{border:0;border-bottom:1px solid var(--border)}nav{flex-direction:row;flex-wrap:wrap;gap:0}nav a{padding:.55rem}.content{padding:var(--space-3)}.controls{width:100%;align-items:flex-start}.controls label{flex:1}.record{align-items:flex-start;flex-direction:column}.topbar{padding:var(--space-3)}h1{font-size:1.5rem}}textarea,select[multiple]{width:100%;font:inherit;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff;min-width:0}.training-tabs,.wizard-controls,.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.training-tabs{margin-bottom:16px}.training-tabs [aria-current]{background:#1c4768;color:#fff}.diagnostics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.diagnostics p{overflow-wrap:anywhere}.action{display:inline-block}.wizard-controls p{flex:1}.form{max-width:760px}.diagnostic{overflow-wrap:anywhere}.diagnostic dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.diagnostic dt{font-size:.85rem;color:var(--muted)}.diagnostic dd{margin:4px 0}.snippet{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f6;padding:12px;border-radius:8px}.form textarea{min-height:90px;width:100%;font:inherit;padding:8px;border:1px solid #bccbd7;border-radius:8px}.form input[type=checkbox]{width:auto}.panel a{margin:12px}
