:root{--navy:#0b1b48;--muted:#6b7280;--muted-strong:#4b5563;--bg:#f0f9f8;--bg-page:linear-gradient(180deg, #f5fbff, #f0f9f8 55%, #e7f7f3);--brand:linear-gradient(135deg, #00a2ff, #00c4df, #00f098);--focus:#00c4df;--border:#e7e7ef;--border-strong:#d5d8e2;--separator:#f0f2f6;--active-bg:#f0f9f8;--active-border:#d2eae9;--ok-text:#1e5e24;--ok-bg:#ebf5ed;--ok-border:#cfe6d3;--warn-text:#d35400;--warn-bg:#fdf1eb;--alert-text:#c0392b;--alert-bg:#fdf0ef;--info-text:#1d5f8a;--info-bg:#eaf2f8;--info-border:#cfe0ee;--shadow-card:0 2px 12px #00000009}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--navy);margin:0;font-family:Montserrat,sans-serif;font-size:15px;line-height:1.5}a{color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button,input{font-family:inherit}.page{background:var(--bg-page);min-height:100vh}.frame{flex-wrap:wrap;align-items:stretch;display:flex}.nav{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:232px;gap:22px;padding:24px 14px;display:flex}.nav-brand{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:0 8px;display:flex}.nav-brand strong{letter-spacing:.08em;font-size:14px;font-weight:700}.nav-brand span{color:var(--muted);font-size:13px}.nav-links{flex-direction:column;gap:2px;display:flex}.nav-link{min-height:44px;color:var(--navy);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link[aria-current=page]{background:var(--active-bg);border-color:var(--active-border);font-weight:600}.nav-sep{background:var(--border);height:1px;margin:6px 12px}.nav-officine{background:var(--active-bg);border:1px solid var(--active-border);color:var(--navy);border-radius:16px;align-items:center;gap:10px;margin-top:auto;padding:12px;text-decoration:none;display:flex}.nav-officine .icon{border:1px solid var(--border);background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nav-officine .name{font-size:14px;font-weight:600}.nav-officine .sub{color:var(--muted);font-size:13px}.main{flex:999 560px;min-width:0;padding:28px 36px 112px}.container{flex-direction:column;gap:18px;max-width:1120px;margin:0 auto;display:flex}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.head h1{margin:0;font-size:26px;font-weight:700;line-height:1.25}.head p{color:var(--muted);margin:0}.back{min-height:36px;color:var(--muted);align-self:flex-start;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pill-demo{border:1px dashed var(--muted);background:#fff;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.columns{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.col-main{flex-direction:column;flex:2 520px;gap:18px;min-width:0;display:flex}.col-side{flex-direction:column;flex:300px;gap:18px;min-width:0;display:flex}.card{border:1px solid var(--border);box-shadow:var(--shadow-card);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.card h2{margin:0;font-size:20px;font-weight:700}.card h2.small{font-size:18px}.card h3{margin:0;font-size:15px;font-weight:600}.card p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.rows{flex-direction:column;display:flex}.row{border-top:1px solid var(--separator);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.row .label{color:var(--muted);flex:0 0 120px;font-size:14px}.row .value{flex:220px;min-width:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}.badge{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-block}.badge.ok{background:var(--ok-bg);border:1px solid var(--ok-border);color:var(--ok-text)}.badge.warn{background:var(--warn-bg);color:var(--warn-text);font-weight:600}.badge.alert{background:var(--alert-bg);color:var(--alert-text);font-weight:600}.box{border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.box.info{background:var(--info-bg);border:1px solid var(--info-border)}.box.ok{background:var(--ok-bg);border:1px solid var(--ok-border)}.btn{border:1px solid var(--border-strong);min-height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border:0;padding:0 20px;font-weight:700}.btn.quiet{border-color:var(--border);font-weight:500}.btn:disabled{opacity:.55;cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:14px}.input{border:1px solid var(--border-strong);min-height:44px;color:var(--navy);background:#fff;border-radius:12px;width:100%;padding:0 14px;font-size:15px;font-weight:500}.steps{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.step{align-items:center;gap:10px;display:flex}.step.done .dot{color:#fff;background:#2e7d32;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.step.current{font-weight:600}.step.current .dot{background:#fff;border:2px solid #00a2ff}.step.todo{color:var(--muted)}.step.todo .dot{border:2px solid var(--border-strong);background:#fff}.dot{border-radius:999px;flex:none;width:18px;height:18px}.switch{cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;min-width:60px;min-height:44px;padding:0;display:inline-flex}.switch .track{background:var(--border-strong);border-radius:999px;justify-content:flex-start;width:52px;height:30px;padding:3px;transition:background .15s;display:inline-flex}.switch[aria-checked=true] .track{background:#2e7d32;justify-content:flex-end}.switch .knob{background:#fff;border-radius:999px;width:24px;height:24px;box-shadow:0 1px 3px #0003}.switch[aria-disabled=true]{cursor:not-allowed}.letter{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px}.letter p{margin:0 0 12px}.alert{background:var(--alert-bg);color:var(--alert-text);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.notice{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text);border-radius:12px;padding:12px 14px;font-size:14px}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry{border-top:1px solid var(--separator);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.center{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth{flex-direction:column;gap:18px;width:100%;max-width:440px;display:flex}@media (max-width:560px){.main{padding:20px 16px 96px}}