:root{font-family:system-ui,Segoe UI,Arial,sans-serif;color:#1c2530;background:#f3f5f8}body{margin:0}.container{max-width:640px;margin:0 auto;padding:16px}.container.narrow{max-width:420px;padding-top:48px}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}h1{font-size:1.4rem}h2{font-size:1.1rem;margin-top:0}nav{display:flex;gap:8px;align-items:center}.card{background:#fff;border-radius:10px;padding:16px;margin:12px 0;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #00000014}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}input{padding:8px;border:1px solid #c5ccd6;border-radius:6px;font-size:1rem}button{padding:8px 14px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-size:.95rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:#2563eb;padding:4px 6px}button.link.danger{color:#c0392b}nav button:not(.link){background:#e3e8f0;color:#1c2530}nav button.active{background:#2563eb;color:#fff}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f4}.list .grow{flex:1}.num{background:#e3e8f0;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem}.inline{display:flex;flex-wrap:wrap;gap:6px;width:100%}.inline input{flex:1;min-width:140px}.error{color:#c0392b;margin:8px 0}.info{color:#1e7e34;margin:8px 0}.hint{color:#6b7686;font-size:.85rem;margin:4px 0}