@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Onest:wght@500;600;700;800&display=swap";:root{--bg:#e8f0ec;--bg-elevated:#fff;--ink:#14241f;--muted:#5a6e67;--line:#cfdcd6;--accent:#0b6b5a;--accent-2:#1a7f6a;--accent-soft:#0b6b5a1f;--accent-ink:#fff;--danger:#b42318;--ok:#1f7a3b;--warn:#9a6700;--radius:18px;--radius-sm:12px;--shadow:0 10px 28px #14241f12;--shadow-lg:0 16px 40px #14241f1f;--font:"Manrope", "Onest", "Segoe UI", sans-serif;--max:1080px;--ease:cubic-bezier(.22, 1, .36, 1);--tone-programs:#0b6b5a;--tone-help:#2f6f9f;--tone-support:#b06a1a;--tone-admin:#5b4d9a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg)}body{font-family:var(--font);color:var(--ink);background:radial-gradient(920px 460px at 0% -10%, #0b6b5a2e, transparent 55%), radial-gradient(720px 380px at 100% 0%, #2f6f9f1f, transparent 52%), linear-gradient(180deg, #f4faf7 0%, var(--bg) 42%, #e6efe9 100%);-webkit-font-smoothing:antialiased}html.tma-light,html.tma-light body{color:#14241f!important;background-color:#e8f0ec!important}html.tma-light body{background-image:radial-gradient(920px 460px at 0 -10%,#0b6b5a2e,#0000 55%),radial-gradient(720px 380px at 100% 0,#2f6f9f1f,#0000 52%),linear-gradient(#f4faf7 0%,#e8f0ec 42%,#e6efe9 100%)}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit}.page{width:min(100% - 1.5rem, var(--max));margin:0 auto;padding:1.15rem 0 2.6rem}.page>header{margin-bottom:.55rem}.page>header h1{letter-spacing:-.03em;color:#14241f;font-size:clamp(1.45rem,4.2vw,1.85rem);font-weight:800}.page>header .muted{color:#5a6e67}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:#14241f;background:#fff;padding:1rem 1.1rem}.welcome-card{background:linear-gradient(135deg,#fffffff2,#e8f5f0f2)}.stack{gap:.85rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.muted{color:var(--muted)}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .35rem;line-height:1.2}h1{font-size:1.55rem;font-weight:800}h2{font-size:1.15rem;font-weight:750}.btn{appearance:none;background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-ink);cursor:pointer;letter-spacing:-.01em;transition:transform .15s var(--ease), box-shadow .15s var(--ease), filter .15s ease;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.72rem 1.15rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #0b6b5a3d}.btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.secondary{color:var(--ink);border-color:var(--line);box-shadow:none;background:#fff}.btn.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);filter:none}.btn.danger{background:linear-gradient(180deg, #c53a2e, var(--danger));box-shadow:0 8px 18px #b4231838}.btn.ghost{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000;padding-inline:.45rem}.icon-btn{border-radius:12px;width:2.35rem;height:2.35rem;padding:0}.field{gap:.35rem;display:grid}.field>span{color:var(--muted);font-size:.86rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:100%;padding:.72rem .85rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.hub-tile{border-radius:var(--radius);border:1px solid var(--line);color:#14241f;min-height:8.75rem;box-shadow:var(--shadow);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s ease;background:#fff;grid-template-rows:auto 1fr auto;gap:.65rem;padding:1rem 1rem .9rem;display:grid;position:relative;overflow:hidden}.hub-tile:before{content:"";background:var(--tile-accent,var(--accent));opacity:.9;width:100%;height:3px;position:absolute;inset:0 auto auto 0}.hub-tile:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--tile-accent,var(--accent)) 35%, white);transform:translateY(-3px)}.hub-tile.tone-programs{--tile-accent:var(--tone-programs)}.hub-tile.tone-help{--tile-accent:var(--tone-help)}.hub-tile.tone-support{--tile-accent:var(--tone-support)}.hub-tile.tone-admin{--tile-accent:var(--tone-admin)}.hub-tile-copy{align-content:start;gap:.28rem;display:grid}.hub-tile-copy strong{letter-spacing:-.02em;color:#14241f;font-size:1rem;font-weight:800;line-height:1.25}.hub-tile-copy .muted{color:#5a6e67;font-size:.82rem;line-height:1.35}.hub-tile-go{width:1.85rem;height:1.85rem;color:var(--tile-accent,var(--accent));background:color-mix(in srgb, var(--tile-accent,var(--accent)) 12%, white);border-radius:10px;justify-self:end;place-items:center;display:grid}.hub-ico{background:color-mix(in srgb, var(--tile-accent,var(--accent)) 14%, white);width:2.65rem;height:2.65rem;color:var(--tile-accent,var(--accent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tile-accent,var(--accent)) 18%, white);border-radius:14px;flex:none;place-items:center;display:grid}.list-link{border:1px solid var(--line);border-radius:var(--radius);color:#14241f;box-shadow:var(--shadow);transition:transform .15s var(--ease), border-color .15s ease, box-shadow .15s ease;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.list-link:hover{border-color:color-mix(in srgb, var(--accent) 40%, white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.list-link .hub-ico{border-radius:12px;width:2.4rem;height:2.4rem}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge.warn{color:var(--warn);background:#9a670024}.badge.ok{color:var(--ok);background:#1f7a3b24}.badge.danger{color:var(--danger);background:#b423181f}.error-box{color:var(--danger);border-radius:var(--radius-sm);background:#b4231814;border:1px solid #b423184d;padding:.8rem .95rem}.rich-text{word-break:break-word;line-height:1.5}.rich-text b,.rich-text strong{font-weight:700}.rich-text i,.rich-text em{font-style:italic}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius-sm);text-align:center;color:var(--muted);cursor:pointer;background:#ffffffb3;padding:1rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.stepper{flex-wrap:wrap;gap:.4rem;display:flex}.stepper .step{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;padding:.45rem .8rem;font-size:.82rem;font-weight:650;transition:all .15s}.stepper .step.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:750}.stepper .step.done{background:var(--accent-soft);color:var(--accent)}.choice-grid{gap:.55rem;display:grid}.choice{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;transition:border-color .15s,background .15s;display:flex}.choice:hover{border-color:color-mix(in srgb, var(--accent) 40%, white)}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice input{margin-top:.2rem}.stage-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;display:grid}.stage-num{background:var(--accent-soft);width:1.8rem;height:1.8rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.stage-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.desc-preview{border-radius:var(--radius-sm);border:1px dashed var(--line);color:var(--muted);cursor:pointer;background:#f4f8f6;padding:.7rem .85rem;font-size:.92rem;transition:border-color .15s,background .15s}.desc-preview:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.desc-preview.has-text{color:var(--ink);background:#fff;border-style:solid}.chip-list{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:#f2f6f4;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.segmented{background:#dfeae5;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;padding:.3rem;display:grid}.segmented .seg{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:.3rem;padding:.55rem .4rem;font-size:.82rem;font-weight:700;display:inline-flex}.segmented .seg.active{color:var(--accent);box-shadow:var(--shadow);background:#fff}.admin-user-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.stat{border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(160deg,#fff,#f3f8f6);padding:.9rem 1rem}.stat .val{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.stat .lbl{color:var(--muted);margin-top:.15rem;font-size:.82rem}.modal-root{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1c1873;place-items:end center;padding:.75rem;display:grid;position:fixed;inset:0}@media (width>=720px){.modal-root{place-items:center}}.modal-card{background:var(--bg-elevated);width:min(100%,520px);max-height:min(88vh,720px);box-shadow:var(--shadow-lg);border:1px solid #ffffff80;border-radius:20px;overflow:auto}.modal-head,.modal-foot{justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1rem;display:flex}.modal-head{border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end}.modal-body{gap:.85rem;padding:1rem;display:grid}.anim-pop{animation:pop .28s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.icon{vertical-align:middle;flex:none;display:inline-block}@media (width<=420px){.hub-grid{gap:.65rem}.hub-tile{gap:.65rem;min-height:8.6rem;padding:.85rem}.hub-tile-copy strong{font-size:.94rem}.hub-tile-copy .muted{font-size:.76rem}}@media (width>=860px){.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-tile{min-height:11rem}}@media (width<=640px){.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}}