:root{--navy:#2A2270;--orange:#F2A23A;--pink:#C42D68;--green:#6BB144;--ink:#1B1740;--muted:#5E5A80;--bg:#F6F4EF;--line:#E4E0EE;--field:#D9D4E6;--lilac:#E9E5F3;--cream:#FFF6E6}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-size:16px}
button,input,select,textarea{font-family:inherit;color:inherit}
h1,h2,h3,.disp{font-family:'Bricolage Grotesque','DM Sans',sans-serif;color:var(--navy);margin:0}
a{color:var(--navy)}
#app{height:100%}
.phone{width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;flex-direction:column;position:relative;background:var(--bg);overflow:hidden}
@media(min-width:700px){body{background:#E9E5F3}.phone{height:min(900px,100dvh);margin-top:max(0px,calc((100dvh - 900px)/2));box-shadow:0 8px 40px rgba(42,34,112,.18);border-radius:0}}
.scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}
.pad{padding:12px 24px}
.center{display:flex;flex-direction:column;align-items:center;text-align:center}
.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.field>label,.lbl{font-size:13px;font-weight:600;color:#4A4570}
.in{height:46px;width:100%;min-width:0;padding:0 14px;border:1px solid var(--field);border-radius:12px;background:#fff;font-size:16px}
.in:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:1px}
textarea.in{height:auto;padding:12px 14px;line-height:1.4;resize:vertical}
.in[readonly],.in:disabled{background:#EFEDF5;color:#6B6890}
select.in{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232A2270' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.btn{height:52px;width:100%;padding:0 20px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:disabled{opacity:.5;cursor:default}
.btn.alt{background:#fff;color:var(--navy);border:2px solid var(--navy)}
.btn.org{background:var(--orange);color:var(--ink)}
.btn.danger{background:#fff;color:var(--pink);border:2px solid var(--pink)}
.btn.sm{height:40px;width:auto;padding:0 16px;border-radius:20px;font-size:15px}
.chk{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:14px;line-height:1.4;cursor:pointer}
.chk input{width:20px;height:20px;flex-shrink:0;accent-color:var(--navy);margin-top:2px}
.err{background:#FDE8EF;color:#8A1C47;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 12px}
.okbox{background:#E3F2DA;color:#2F5F18;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 12px}
.hint{font-size:13px;color:var(--muted);line-height:1.4}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.pill.g{background:#E3F2DA;color:#2F5F18}.pill.o{background:#FFF1DA;color:#7A4A00}.pill.n{background:var(--lilac);color:var(--navy)}.pill.p{background:#FDE8EF;color:#8A1C47}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 20px 14px}
.hdr{background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:16px 16px;min-height:64px}
.hdr .t{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;line-height:1.1}
.hdr .s{font-size:12px;opacity:.85}
.iconbtn{width:44px;height:44px;border-radius:22px;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.av{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:#fff}
.row{display:flex;align-items:center;gap:14px;padding:11px 20px;cursor:pointer;background:transparent;border:0;width:100%;text-align:left}
.row:hover{background:rgba(42,34,112,.04)}
.badge{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--pink);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.tabs{display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabs button{flex:1;height:68px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer}
.tabs button.on{color:var(--navy);font-weight:700;box-shadow:inset 0 3px 0 var(--orange)}
.chips{display:flex;gap:8px;padding:4px 20px 0;overflow-x:auto}
.chipb{height:40px;padding:0 16px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--navy);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}
.chipb.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.bubbles{display:flex;flex-direction:column;gap:6px;padding:12px 16px}
.who{font-size:12px;font-weight:700;color:var(--pink);margin:6px 0 0 4px}
.b{max-width:82%;padding:10px 14px;border-radius:18px;background:#fff;border:1px solid var(--line);align-self:flex-start;white-space:pre-wrap;word-break:break-word;line-height:1.35;font-size:16px}
.b.me{align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy)}
.b .tm{display:block;font-size:11px;opacity:.7;margin-top:4px;text-align:right}
.sysmsg{align-self:center;font-size:12px;color:var(--muted);background:var(--lilac);border-radius:12px;padding:4px 12px;margin:6px 0}
.compose{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--line);align-items:flex-end}
.compose textarea{flex:1;border:1px solid var(--field);border-radius:22px;padding:11px 16px;font-size:16px;max-height:120px;resize:none;background:var(--bg)}
.send{width:44px;height:44px;border-radius:22px;border:0;background:var(--orange);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.gridg{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 14px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;cursor:pointer;text-align:left}
.gic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
.modal{position:fixed;inset:0;background:rgba(27,23,64,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}
.modal .box{background:#fff;border-radius:18px;padding:22px;width:100%;max-width:400px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.otp{letter-spacing:.5em;text-align:center;font-size:24px;font-weight:700}
.steps{display:flex;gap:4px;padding:0 24px 8px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--orange)}
.seg{display:flex;gap:10px}.seg label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--field);background:#fff;border-radius:12px;height:46px;padding:0 14px;cursor:pointer}.seg input{accent-color:var(--navy);width:18px;height:18px}
.opt{display:flex;align-items:center;gap:10px;border:1px solid var(--field);background:#fff;border-radius:12px;min-height:50px;padding:10px 14px;cursor:pointer;margin-bottom:8px;font-size:15px}
.opt input{accent-color:var(--navy);width:18px;height:18px;flex-shrink:0}
.opt.on{border-color:var(--navy);background:var(--lilac)}
/* admin console */
.admin{display:flex;min-height:100dvh;background:var(--bg)}
.side{width:236px;background:var(--navy);color:#fff;padding:20px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100dvh;overflow-y:auto;flex-shrink:0}
.side .brand{display:flex;gap:10px;align-items:center;padding:0 8px 16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;line-height:1.1}
.side button.nv{display:flex;align-items:center;gap:12px;height:44px;border:0;border-radius:10px;background:transparent;color:#E9E5F3;font-size:15px;padding:0 12px;cursor:pointer;text-align:left;width:100%}
.side button.nv.on{background:rgba(255,255,255,.14);box-shadow:inset 3px 0 0 var(--orange);font-weight:700;color:#fff}
.side .cnt{margin-left:auto;background:var(--pink);border-radius:10px;font-size:12px;font-weight:700;padding:1px 7px}
.main{flex:1;padding:24px 32px;min-width:0;max-width:none;width:100%}
.main h1{font-size:30px}
.topbar{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}
.panel h2{font-size:20px;margin-bottom:10px}
table.tb{width:100%;border-collapse:collapse;font-size:14px}
table.tb th{font-size:11px;letter-spacing:.07em;color:var(--muted);text-align:left;padding:8px 8px;border-bottom:2px solid var(--line);text-transform:uppercase}
table.tb td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.cols{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:20px;align-items:start}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.kpi b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:30px;color:var(--navy)}
.tag{display:inline-block;border-radius:999px;font-size:12px;font-weight:700;padding:3px 10px;background:var(--lilac);color:var(--navy)}
.tag.super{background:var(--navy);color:#fff}.tag.deputy{background:#5B4FB0;color:#fff}.tag.admin{display:inline-block;min-height:0;background:var(--orange);color:var(--ink)}
.sbtn{height:36px;padding:0 14px;border:2px solid var(--navy);border-radius:18px;background:#fff;color:var(--navy);font-weight:700;font-size:14px;cursor:pointer}
.sbtn.fill{background:var(--navy);color:#fff}.sbtn.org{background:var(--orange);border-color:var(--orange);color:var(--ink)}
@media(max-width:860px){.admin{flex-direction:column}.side{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;padding:10px}.side .brand{width:100%}.side button.nv{width:auto;height:38px}.main{padding:16px}.cols{grid-template-columns:1fr}.panel{overflow-x:auto}}

.chatbg{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22360%22 height=%22360%22 viewBox=%220 0 360 360%22%3E%3Cg fill=%22none%22 stroke=%22%232A2270%22 stroke-opacity=%22.14%22 stroke-width=%221.3%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath transform=%22translate%2827 20%29 rotate%2832%29 scale%280.99%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath transform=%22translate%2849 24%29 rotate%28-21%29 scale%281.33%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%2896 17%29 rotate%28-1%29 scale%281.38%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%28122 26%29 rotate%28-22%29 scale%281.19%29 translate%28-12 -12%29%22 d=%22M3 15c4 0 7-2 9-5 1-3 4-4 8-3-1 2-2 3-4 3.5 1 4-2 8-8 8-2 0-4-1-5-3.5zM12 10c0 3-1 5-3 6%22/%3E%3Ccircle cx=%22161%22 cy=%2210%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28194 9%29 rotate%28-7%29 scale%281.24%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath d=%22M225 27h7M228 23v7%22/%3E%3Cpath d=%22M273 9h7M276 5v7%22/%3E%3Cpath transform=%22translate%28308 13%29 rotate%28-30%29 scale%281.35%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath d=%22M341 14h7M344 11v7%22/%3E%3Cpath transform=%22translate%2838 46%29 rotate%28-21%29 scale%281.23%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%2872 61%29 rotate%28-23%29 scale%281.03%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Cpath transform=%22translate%28108 49%29 rotate%28-25%29 scale%281.35%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Cpath transform=%22translate%28139 53%29 rotate%28-8%29 scale%281.16%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath transform=%22translate%28175 47%29 rotate%28-19%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath d=%22M206 59h7M210 56v7%22/%3E%3Cpath transform=%22translate%28244 62%29 rotate%28-19%29 scale%281.27%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28292 48%29 rotate%28-34%29 scale%281.53%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath transform=%22translate%28324 52%29 rotate%287%29 scale%281.36%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Cpath transform=%22translate%28359 60%29 rotate%28-8%29 scale%281.16%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%2813 93%29 rotate%282%29 scale%281.19%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%2844 84%29 rotate%2815%29 scale%281.46%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Ccircle cx=%22100%22 cy=%2290%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28119 91%29 rotate%2820%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Cpath transform=%22translate%28168 86%29 rotate%2823%29 scale%281.16%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Ccircle cx=%22202%22 cy=%2289%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28242 81%29 rotate%2833%29 scale%281.27%29 translate%28-12 -12%29%22 d=%22M3 15c4 0 7-2 9-5 1-3 4-4 8-3-1 2-2 3-4 3.5 1 4-2 8-8 8-2 0-4-1-5-3.5zM12 10c0 3-1 5-3 6%22/%3E%3Cpath transform=%22translate%28272 84%29 rotate%28-12%29 scale%281.06%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28316 96%29 rotate%28-21%29 scale%281.51%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Ccircle cx=%22352%22 cy=%2290%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%2241%22 cy=%22119%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath d=%22M65 122h7M69 119v7%22/%3E%3Cpath transform=%22translate%28118 124%29 rotate%28-14%29 scale%280.90%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28139 130%29 rotate%28-21%29 scale%281.36%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%28187 127%29 rotate%28-22%29 scale%280.98%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Ccircle cx=%22209%22 cy=%22129%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28246 129%29 rotate%2816%29 scale%281.47%29 translate%28-12 -12%29%22 d=%22M3 15c4 0 7-2 9-5 1-3 4-4 8-3-1 2-2 3-4 3.5 1 4-2 8-8 8-2 0-4-1-5-3.5zM12 10c0 3-1 5-3 6%22/%3E%3Cpath transform=%22translate%28292 124%29 rotate%28-8%29 scale%281.11%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28325 126%29 rotate%2827%29 scale%281.54%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28354 124%29 rotate%287%29 scale%281.49%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath transform=%22translate%2822 159%29 rotate%287%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Cpath transform=%22translate%2852 157%29 rotate%2830%29 scale%281.56%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath transform=%22translate%2883 163%29 rotate%28-35%29 scale%281.21%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Cpath d=%22M118 169h7M121 166v7%22/%3E%3Cpath transform=%22translate%28172 152%29 rotate%28-29%29 scale%281.06%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28205 166%29 rotate%28-26%29 scale%281.09%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Cpath transform=%22translate%28233 152%29 rotate%28-17%29 scale%281.03%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Ccircle cx=%22274%22 cy=%22161%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%22304%22 cy=%22157%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28338 156%29 rotate%28-6%29 scale%281.08%29 translate%28-12 -12%29%22 d=%22M3 15c4 0 7-2 9-5 1-3 4-4 8-3-1 2-2 3-4 3.5 1 4-2 8-8 8-2 0-4-1-5-3.5zM12 10c0 3-1 5-3 6%22/%3E%3Cpath transform=%22translate%2845 198%29 rotate%2815%29 scale%281.54%29 translate%28-12 -12%29%22 d=%22M12 20C4 14 3 9 6.5 7 9 5.5 11 7 12 9c1-2 3-3.5 5.5-2C21 9 20 14 12 20z%22/%3E%3Ccircle cx=%2269%22 cy=%22204%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28100 199%29 rotate%28-32%29 scale%280.90%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Cpath transform=%22translate%28144 194%29 rotate%28-1%29 scale%281.16%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%28186 192%29 rotate%28-17%29 scale%281.24%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Ccircle cx=%22211%22 cy=%22198%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28249 194%29 rotate%28-11%29 scale%281.02%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28279 201%29 rotate%2831%29 scale%281.24%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath transform=%22translate%28324 201%29 rotate%2831%29 scale%281.05%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28351 199%29 rotate%28-22%29 scale%281.21%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Cpath d=%22M15 237h7M19 233v7%22/%3E%3Cpath transform=%22translate%2861 238%29 rotate%285%29 scale%281.12%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Cpath transform=%22translate%2881 239%29 rotate%28-6%29 scale%281.53%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28134 224%29 rotate%2831%29 scale%281.41%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Ccircle cx=%22162%22 cy=%22225%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28200 238%29 rotate%2810%29 scale%280.96%29 translate%28-12 -12%29%22 d=%22M12 6C9 4 5 4 3 5v14c2-1 6-1 9 1 3-2 7-2 9-1V5c-2-1-6-1-9 1zM12 6v14%22/%3E%3Ccircle cx=%22244%22 cy=%22229%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%22267%22 cy=%22232%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%22309%22 cy=%22238%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28343 235%29 rotate%2833%29 scale%281.54%29 translate%28-12 -12%29%22 d=%22M3 12Q9 5 15 12Q9 19 3 12ZM15 12l6-5M15 12l6 5%22/%3E%3Cpath transform=%22translate%2834 279%29 rotate%28-32%29 scale%281.46%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath transform=%22translate%2868 261%29 rotate%2821%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M3 15c4 0 7-2 9-5 1-3 4-4 8-3-1 2-2 3-4 3.5 1 4-2 8-8 8-2 0-4-1-5-3.5zM12 10c0 3-1 5-3 6%22/%3E%3Cpath transform=%22translate%28112 260%29 rotate%286%29 scale%281.49%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath transform=%22translate%28135 268%29 rotate%28-14%29 scale%281.56%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28186 276%29 rotate%28-14%29 scale%281.05%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28212 274%29 rotate%28-4%29 scale%281.19%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Cpath transform=%22translate%28253 269%29 rotate%2833%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Cpath transform=%22translate%28295 264%29 rotate%28-14%29 scale%281.33%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28331 272%29 rotate%28-25%29 scale%281.50%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28353 276%29 rotate%2827%29 scale%281.06%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Ccircle cx=%2215%22 cy=%22305%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%2862 302%29 rotate%2815%29 scale%281.38%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath transform=%22translate%2883 303%29 rotate%28-11%29 scale%281.53%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Cpath transform=%22translate%28130 308%29 rotate%2822%29 scale%281.20%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath transform=%22translate%28159 297%29 rotate%2821%29 scale%281.53%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Cpath transform=%22translate%28191 304%29 rotate%28-26%29 scale%281.17%29 translate%28-12 -12%29%22 d=%22M3 18 5 8l4 5 3-7 3 7 4-5 2 10z%22/%3E%3Cpath transform=%22translate%28237 316%29 rotate%28-33%29 scale%281.44%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Ccircle cx=%22265%22 cy=%22309%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Cpath transform=%22translate%28310 305%29 rotate%28-35%29 scale%281.08%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Cpath transform=%22translate%28343 308%29 rotate%2832%29 scale%281.29%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Cpath transform=%22translate%2826 344%29 rotate%2825%29 scale%281.12%29 translate%28-12 -12%29%22 d=%22M12 2l2 8 8 2-8 2-2 8-2-8-8-2 8-2z%22/%3E%3Cpath transform=%22translate%2874 342%29 rotate%28-18%29 scale%281.54%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Cpath transform=%22translate%28114 333%29 rotate%28-20%29 scale%281.53%29 translate%28-12 -12%29%22 d=%22M10 10h4v11h-4zM12 3c2 3 2 5 0 6-2-1-2-3 0-6M8 21h8%22/%3E%3Cpath transform=%22translate%28140 350%29 rotate%28-26%29 scale%281.50%29 translate%28-12 -12%29%22 d=%22M7 4h10c0 5-2 8-5 8S7 9 7 4zM12 12v7M8 20h8%22/%3E%3Cpath transform=%22translate%28180 336%29 rotate%28-24%29 scale%281.17%29 translate%28-12 -12%29%22 d=%22M12 3v18M6.5 9h11%22/%3E%3Cpath d=%22M220 333h7M223 330v7%22/%3E%3Cpath transform=%22translate%28249 344%29 rotate%28-27%29 scale%281.08%29 translate%28-12 -12%29%22 d=%22M4 21V11l8-5 8 5v10zM10 21v-5h4v5M12 6V2M10 3.8h4%22/%3E%3Ccircle cx=%22289%22 cy=%22350%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%22326%22 cy=%22338%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3Ccircle cx=%22359%22 cy=%22332%22 r=%221.5%22 fill=%22%232A2270%22%20fill-opacity=%22.14%22 stroke=%22none%22/%3E%3C/g%3E%3C/svg%3E");background-size:360px 360px}
.chatbg .b.me{background:var(--navy);color:#fff}.chatbg .sysmsg{background:#fff;color:var(--muted)}
.cwrap{background:var(--bg);padding:6px 8px 10px;position:relative}.ccnt{text-align:right;font-size:12px;color:var(--muted);padding:0 14px 4px}.ccnt.low{color:#D9821A}.ccnt.over{color:var(--pink)}
.cbar{display:flex;gap:8px;align-items:flex-end}.cpill{flex:1;display:flex;align-items:flex-end;gap:2px;background:#fff;border-radius:26px;padding:6px 10px;min-width:0;box-shadow:0 1px 3px rgba(42,34,112,.12)}
.cpill textarea{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:17px;padding:8px 4px;max-height:120px;resize:none;outline:none}.cpill textarea::placeholder{color:var(--muted)}
.cib{background:none;border:0;color:var(--muted);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}
.cact{width:52px;height:52px;border-radius:26px;border:0;background:#6BB144;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.emo{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:#fff;border-radius:16px;padding:8px;margin:0 0 8px;box-shadow:0 1px 3px rgba(42,34,112,.12)}.emo button{background:none;border:0;font-size:24px;padding:4px;cursor:pointer}

.sbtn{white-space:nowrap}
.phrow{position:relative;display:flex;gap:8px;align-items:stretch}
.phrow .in{flex:1;min-width:0}
.ccb{flex:none;height:var(--h,52px);padding:0 10px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}
.cch{font-size:11px;color:var(--muted)}
.ccp{position:absolute;z-index:30;top:100%;left:0;right:0;margin-top:6px;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(27,23,64,.18);padding:8px}
.ccl{max-height:240px;overflow:auto;margin-top:6px}
.cci{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 8px;border:0;background:none;font:inherit;color:var(--ink);border-radius:10px;cursor:pointer}
.cci:hover,.cci.on{background:var(--lilac,#E9E5F3)}
.ftree,.ftree ul{list-style:none;margin:0;padding-left:26px;position:relative}.ftree{padding-left:0}
.ftree ul::before{content:"";position:absolute;left:10px;top:0;bottom:14px;border-left:2px solid #CFCBE6}
.ftree li{position:relative;padding:6px 0 6px 0}.ftree ul>li::before{content:"";position:absolute;left:-16px;top:22px;width:16px;border-top:2px solid #CFCBE6}
.fnode{display:inline-block;background:#fff;border:1.5px solid #2A2270;border-radius:12px;padding:8px 14px;min-width:150px}.fsp{font-size:13px;color:#C42D68;margin-top:2px}
.tick{position:fixed;inset:0;background:rgba(20,16,60,.55);display:flex;align-items:center;justify-content:center;z-index:200;animation:tkf .2s}
.tick .tb2{background:#fff;border-radius:22px;padding:28px 34px;text-align:center;max-width:300px}.tick svg{width:92px;height:92px}
.tick circle{fill:none;stroke:#1E9E5A;stroke-width:5;stroke-dasharray:166;stroke-dashoffset:166;animation:tks .6s .1s forwards}
.tick path{fill:none;stroke:#1E9E5A;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:tks .4s .6s forwards}
@keyframes tks{to{stroke-dashoffset:0}}@keyframes tkf{from{opacity:0}}