:root{--bg:#f7f8fa;--surface:#fff;--ink:#1c2430;--muted:#5b6675;--line:#dde2e9;--accent:#2f6df0;--accent-ink:#fff;--ok:#1f9d55;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);margin:0}.app__bar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.app__brand{font-weight:700}.app__pid{color:var(--muted);font-size:.9rem}.app__main{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.screen h1{margin:.25rem 0 1rem;font-size:1.5rem}.screen h2{margin:1.5rem 0 .5rem;font-size:1.15rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:.85rem 0;padding:1rem 1.15rem}label{margin:.6rem 0 .2rem;font-weight:600;display:block}input[type=text],input[type=number],textarea,select{border:1px solid var(--line);width:100%;font:inherit;background:var(--surface);border-radius:7px;padding:.55rem .65rem}textarea{resize:vertical;min-height:4.5rem}button{font:inherit;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.muted{color:var(--muted)}.error{color:#c0392b;margin-top:.15rem;font-size:.85rem}@media (width<=520px){.app__main{padding:1rem .9rem 3rem}}