:root{ --bg:#ffffff; --soft:#f0f1f5; --ink:#0f131a; --muted:#6a737c; --border:#e3e7ec; --r:16px; }
html,body{height:100%;background:var(--bg)}
body{font-family:'Roboto',sans-serif;color:var(--ink)}
.appbar{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:2px solid var(--border)}
.brand{font-weight:700}
.brand::before{content:"";display:inline-block;width:18px;height:18px;border:2px solid var(--ink);border-radius:4px;margin-right:8px;vertical-align:-3px}
.page{padding:24px 16px 56px}
.title{font-size:20px;font-weight:700;margin-bottom:16px}
.card-ui{background:#fff;border:2px solid var(--border);border-radius:var(--r)}
.wizard-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--soft);border-bottom:2px solid var(--border);border-top-left-radius:var(--r);border-top-right-radius:var(--r)}
.wizard-title{font-weight:600}
.wizard-progress{font-weight:600;color:var(--muted)}
.accordion-button{background:#fff;color:var(--ink);border-top:1px solid var(--border)}
.accordion-item:first-child .accordion-button{border-top:none}
.accordion-button:not(.collapsed){background:#fff;box-shadow:none}
.accordion-body{background:#fff}
.dot{width:10px;height:10px;border-radius:50%;background:var(--soft);border:1px solid var(--border);display:inline-block;margin-right:8px}
.dot.done{background:var(--ink)}
.muted{color:var(--muted)}
.hero{background:#eef0f4;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}
.hero h3{margin:0;font-size:18px}
.hero p{margin:0;color:var(--muted)}
.illus{min-width:72px;width:72px;height:72px;border-radius:50%;background:#fff;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}
.list-participants .item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:#fff}
.list-participants .item .name{font-weight:600}
.list-participants .item .meta{color:var(--muted)}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--soft);font-size:11px;color:var(--ink)}
.avatar{width:36px;height:36px;border-radius:50%;background:#ddd;display:inline-block;vertical-align:middle;margin-right:8px;border:2px solid #fff;box-shadow:0 0 0 1px var(--border)}
.btn{font-size:13px}
.modal-content{border:2px solid var(--border);border-radius:16px}
.modal-header{background:var(--soft)}
.contact-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 6px;border-bottom:1px solid var(--border)}
.contact-info{flex:1}
.contact-info .role{color:var(--muted);font-size:12px}