@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap";
:root{--ink:#14121f;--muted:#6b6880;--line:#e7e5ef;--bg:#f6f5fb;--card:#fff;--brand:#5b3df5;--brand-2:#7c5cff;--brand-soft:#efebff;--ok:#12a150;--warn:#c77700;--danger:#d63b3b;--radius:16px;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}.btn{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;text-decoration:none;transition:transform 80ms,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.soft{background:var(--brand-soft);color:var(--brand)}.btn.danger{color:var(--danger);background:#fdeaea}.btn.small{border-radius:10px;padding:8px 12px;font-size:14px}.btn.block{width:100%}.input,.textarea,.select{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:border .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{resize:vertical;min-height:120px;line-height:1.45}.label{margin:16px 0 6px;font-size:14px;font-weight:600;display:block}.hint{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.4}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.error{color:var(--danger);background:#fdeaea;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px}.success{color:var(--ok);background:#e7f7ee;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.center{text-align:center}.chip{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;line-height:1.35;display:inline-flex}.chip:hover{border-color:var(--brand)}.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.badge{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.badge.green{background:#25d366}.badge.warn{color:#3a2600;background:#ffb020}.tag{background:var(--brand-soft);color:var(--brand);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.tag.ok{color:var(--ok);background:#e7f7ee}.tag.warn{color:var(--warn);background:#fff4e0}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3{letter-spacing:-.01em;margin:0}.auth{background:radial-gradient(1200px 600px at 50% -10%, #e6e0ff, transparent), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-box{width:100%;max-width:400px}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:26px;font-weight:800;display:inline-flex}.logo-mark{background:linear-gradient(135deg, var(--brand), #b06bff);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 8px 24px -8px #5b3df5aa}.google-btn{color:var(--ink);border:1px solid var(--line);background:#fff}.divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.shell{max-width:880px;min-height:100dvh;margin:0 auto;padding-bottom:84px}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f6f5fbeb;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.avatar{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.page{padding:16px}.tabs{z-index:30;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs-inner{width:100%;max-width:880px;display:flex}.tab{color:var(--muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 2px;font-size:11px;display:flex;position:relative}.tab svg{width:22px;height:22px}.tab.on{color:var(--brand);font-weight:600}.tab .badge{position:absolute;top:0;right:18%;transform:scale(.85)}.section-title{margin-bottom:4px;font-size:20px;font-weight:750}.stack>*+*{margin-top:12px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.stat b{font-size:22px;display:block}.stat span{color:var(--muted);font-size:12px}.modes{gap:10px;display:grid}.mode{border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.mode.on{border-color:var(--brand);background:var(--brand-soft)}.mode .dot{border:2px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:2px;display:grid}.mode.on .dot{border-color:var(--brand)}.mode.on .dot:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.mode b{display:block}.mode small{color:var(--muted);margin-top:2px;line-height:1.4;display:block}.drop{text-align:center;cursor:pointer;background:#fff;border:2px dashed #cfc8f5;border-radius:16px;padding:22px;transition:background .15s,border .15s}.drop.over{background:var(--brand-soft);border-color:var(--brand)}.kgrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.kcard{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.kthumb{aspect-ratio:4/3;background:#f1effa;place-items:center;font-size:34px;display:grid;position:relative;overflow:hidden}.kthumb img,.kthumb video{object-fit:cover;width:100%;height:100%}.kbody{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.kbody b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.kbody p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filters .chip{white-space:nowrap}.overlay{z-index:60;background:#0f0c1e73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:92dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;overflow:auto}@media (min-width:700px){.overlay{align-items:center}.sheet{border-radius:20px}}.convs{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.conv{border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.conv:last-child{border-bottom:0}.conv:hover{background:#faf9ff}.conv .preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.conv time{color:var(--muted);font-size:12px}.conv.unread time{color:#1fa855;font-weight:600}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty .big{font-size:44px}.share-link{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex}.share-link span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:200px;height:200px;padding:10px}.wa{--wa-header:#fff;--wa-header-text:#0b141a;--wa-header-sub:#667781;--wa-header-icon:#0b141a;--wa-bg:#f5f1eb;--wa-out:#d9fdd3;--wa-in:#fff;--wa-text:#0b141a;--wa-meta:#667781;--wa-meta-out:#667781;--wa-tick:#53bdeb;--wa-link:#027eb5;--wa-day-bg:#fff;--wa-day-text:#54656f;--wa-notice-bg:#fff3c4;--wa-notice-text:#54656f;--wa-input:#fff;--wa-input-text:#0b141a;--wa-input-icon:#54656f;--wa-placeholder:#8696a0;--wa-send-bg:#1daa61;--wa-send-icon:#fff;--wa-shadow:0 1px .5px #0b141a21;--wa-typing:#8696a0;--wa-sheet:#fff;--wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='.06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 22h22v16H20zM26 22v-4h10v4'/%3E%3Ccircle cx='120' cy='30' r='10'/%3E%3Cpath d='M114 30l4 4 8-8'/%3E%3Cpath d='M70 60c6-8 18-8 24 0'/%3E%3Cpath d='M170 70l12 7-12 7z'/%3E%3Cpath d='M30 110c0-8 14-8 14 0 0 8-14 14-14 14s-14-6-14-14c0-8 14-8 14 0'/%3E%3Cpath d='M95 115h28l-4 18H99z'/%3E%3Ccircle cx='103' cy='139' r='2'/%3E%3Ccircle cx='117' cy='139' r='2'/%3E%3Cpath d='M175 150l6 12 12 2-9 8 2 12-11-6-11 6 2-12-9-8 12-2z'/%3E%3Cpath d='M45 175h20M55 165v20'/%3E%3Cpath d='M66 14l8 8M74 14l-8 8'/%3E%3Crect x='150' y='110' width='22' height='16' rx='3'/%3E%3Cpath d='M154 110v-3h14v3'/%3E%3Ccircle cx='110' cy='195' r='7'/%3E%3Cpath d='M106 195h8M110 191v8'/%3E%3Cpath d='M190 20c4 0 6 3 6 6s-3 7-6 9c-3-2-6-5-6-9s2-6 6-6z'/%3E%3C/g%3E%3C/svg%3E");background:var(--wa-bg);color:var(--wa-text);flex-direction:column;font-family:Roboto,Segoe UI,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0}@media (prefers-color-scheme:dark){.wa{--wa-header:#0b1014;--wa-header-text:#e9edef;--wa-header-sub:#8696a0;--wa-header-icon:#e9edef;--wa-bg:#0b1014;--wa-out:#134d37;--wa-in:#1f272a;--wa-text:#e9edef;--wa-meta:#8696a0;--wa-meta-out:#e9edef99;--wa-tick:#53bdeb;--wa-link:#21c063;--wa-day-bg:#1d2427;--wa-day-text:#8696a0;--wa-notice-bg:#1d2427;--wa-notice-text:#ffd279;--wa-input:#1f272a;--wa-input-text:#e9edef;--wa-input-icon:#8696a0;--wa-placeholder:#8696a0;--wa-send-bg:#fff;--wa-send-icon:#0b1014;--wa-shadow:none;--wa-typing:#8696a0;--wa-sheet:#1f272a;--wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.045' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 22h22v16H20zM26 22v-4h10v4'/%3E%3Ccircle cx='120' cy='30' r='10'/%3E%3Cpath d='M114 30l4 4 8-8'/%3E%3Cpath d='M70 60c6-8 18-8 24 0'/%3E%3Cpath d='M170 70l12 7-12 7z'/%3E%3Cpath d='M30 110c0-8 14-8 14 0 0 8-14 14-14 14s-14-6-14-14c0-8 14-8 14 0'/%3E%3Cpath d='M95 115h28l-4 18H99z'/%3E%3Ccircle cx='103' cy='139' r='2'/%3E%3Ccircle cx='117' cy='139' r='2'/%3E%3Cpath d='M175 150l6 12 12 2-9 8 2 12-11-6-11 6 2-12-9-8 12-2z'/%3E%3Cpath d='M45 175h20M55 165v20'/%3E%3Cpath d='M66 14l8 8M74 14l-8 8'/%3E%3Crect x='150' y='110' width='22' height='16' rx='3'/%3E%3Cpath d='M154 110v-3h14v3'/%3E%3Ccircle cx='110' cy='195' r='7'/%3E%3Cpath d='M106 195h8M110 191v8'/%3E%3Cpath d='M190 20c4 0 6 3 6 6s-3 7-6 9c-3-2-6-5-6-9s2-6 6-6z'/%3E%3C/g%3E%3C/svg%3E")}}.wa-header{background:var(--wa-header);color:var(--wa-header-text);padding:6px 4px 6px 2px;padding-top:calc(6px + env(safe-area-inset-top));z-index:2;flex-shrink:0;align-items:center;gap:4px;min-height:60px;display:flex}.wa-header .back{width:40px;height:44px;color:var(--wa-header-icon);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.wa-header .pp{background:#6a7175;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.wa-header .pp img{object-fit:cover;width:100%;height:100%}.wa-header .who{flex:1;min-width:0;padding-left:10px;line-height:1.25}.wa-header .who b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;display:block;overflow:hidden}.wa-header .who small{color:var(--wa-header-sub);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.wa-header .icons{gap:0;display:flex}.wa-header .icons a,.wa-header .icons button{width:46px;height:46px;color:var(--wa-header-icon);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.wa-body{overscroll-behavior:contain;background-color:var(--wa-bg);background-image:var(--wa-doodle);flex:1;padding:6px 12px 10px;position:relative;overflow-y:auto}@media (min-width:900px){.wa-body{padding:8px 7% 12px}}.wa-day{justify-content:center;margin:12px 0 10px;display:flex}.wa-day span{background:var(--wa-day-bg);color:var(--wa-day-text);box-shadow:var(--wa-shadow);border-radius:8px;padding:5px 12px;font-size:13px}.wa-notice{background:var(--wa-notice-bg);max-width:90%;color:var(--wa-notice-text);text-align:center;box-shadow:var(--wa-shadow);border-radius:8px;margin:6px auto 10px;padding:7px 12px;font-size:12.5px;line-height:1.45}.wa-row{margin-bottom:2px;padding:0 8px;display:flex}.wa-row.out{justify-content:flex-end}.wa-row.first{margin-top:10px}.wa-bubble{max-width:min(82%,560px);box-shadow:var(--wa-shadow);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--wa-text);border-radius:10px;padding:6px 8px 7px 9px;font-size:15.5px;line-height:21px;position:relative}@media (min-width:900px){.wa-bubble{max-width:65%;font-size:14.5px;line-height:19px}}.wa-row.in .wa-bubble{background:var(--wa-in)}.wa-row.out .wa-bubble{background:var(--wa-out)}.wa-row.first.in .wa-bubble{border-top-left-radius:0}.wa-row.first.out .wa-bubble{border-top-right-radius:0}.wa-row.first.in .wa-bubble:before,.wa-row.first.out .wa-bubble:before{content:"";width:8px;height:13px;position:absolute;top:0}.wa-row.first.in .wa-bubble:before{background:var(--wa-in);clip-path:polygon(100% 0,0 0,100% 100%);left:-8px}.wa-row.first.out .wa-bubble:before{background:var(--wa-out);clip-path:polygon(0 0,100% 0,0 100%);right:-8px}.wa-meta{color:var(--wa-meta);white-space:nowrap;align-items:center;gap:3px;font-size:11.5px;line-height:15px;display:inline-flex;position:absolute;bottom:4px;right:8px}.wa-spacer{vertical-align:bottom;height:1px;display:inline-block}.wa-row.out .wa-meta{color:var(--wa-meta-out)}.wa-meta svg{width:17px;height:12px}.wa-meta.read svg{color:var(--wa-tick)}.wa-media{background:#0002;border-radius:8px;max-width:330px;margin:-3px -5px 5px -6px;overflow:hidden}.wa-media img{object-fit:cover;cursor:zoom-in;width:100%;max-height:380px;display:block}.wa-media video{background:#000;width:100%;max-height:400px;display:block}.wa-media.only~.wa-meta{text-shadow:0 1px 2px #0009;bottom:8px;right:10px;color:#fff!important}.wa-file{color:var(--wa-text);background:#00000014;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;text-decoration:none;display:flex}.wa-file .ic{color:#fff;background:#e2574c;border-radius:4px;place-items:center;width:34px;height:40px;font-size:10px;font-weight:700;display:grid}.wa-typing{gap:4px;padding:5px 2px;display:inline-flex}.wa-typing i{background:var(--wa-typing);border-radius:50%;width:7px;height:7px;animation:1.2s infinite wadot}.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}@keyframes wadot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.wa-footer{padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:var(--wa-bg);flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.wa-input{background:var(--wa-input);min-height:52px;box-shadow:var(--wa-shadow);border-radius:26px;flex:1;align-items:flex-end;padding:0 6px;display:flex}.wa-input button{width:42px;height:52px;color:var(--wa-input-icon);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.wa-input textarea{resize:none;max-height:130px;color:var(--wa-input-text);background:0 0;border:0;outline:none;flex:1;padding:15px 4px;font-family:inherit;font-size:17px;line-height:22px}.wa-input textarea::placeholder{color:var(--wa-placeholder)}.wa-send{background:var(--wa-send-bg);width:52px;height:52px;color:var(--wa-send-icon);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.wa-send:disabled{opacity:.7}.wa-emojis{background:var(--wa-sheet);z-index:5;border-radius:16px;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;display:grid;position:absolute;bottom:70px;left:8px;right:8px;box-shadow:0 4px 20px #00000040}.wa-emojis button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px;font-size:24px}.wa-emojis button:hover{background:#7f7f7f26}.wa-viewer{z-index:50;background:#000000f0;place-items:center;display:grid;position:fixed;inset:0}.wa-viewer img{object-fit:contain;max-width:100%;max-height:100%}.wa-preview{z-index:40;color:#fff;background:#0b1014;flex-direction:column;display:flex;position:absolute;inset:0}.wa-preview .img{flex:1;place-items:center;padding:20px;display:grid;overflow:hidden}.wa-preview .img img,.wa-preview .img video{max-width:100%;max-height:100%}.wa-preview .wa-footer{background:#0b1014}.wa-preview .wa-input{background:#1f272a}.wa-preview .wa-send{color:#fff;background:#1daa61}.wa-scroll-down{background:var(--wa-input);width:44px;height:44px;color:var(--wa-input-icon);z-index:3;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:82px;right:14px;box-shadow:0 1px 4px #0000004d}.wa-toast{color:#0b1014;z-index:6;white-space:nowrap;background:#e9edef;border-radius:18px;padding:8px 14px;font-size:14px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.wa-err{text-align:center;color:var(--wa-meta);padding:60px 20px}.wa a{color:var(--wa-link)}.wa-bubble .btn{font-family:system-ui,sans-serif}.wa.embedded{position:absolute;inset:0}.draft{outline-offset:2px;outline:2px dashed #ffb020}.draft-actions{clear:both;white-space:nowrap;justify-content:flex-end;gap:6px;width:100%;margin-top:8px;padding-top:4px;display:flex}.draft-actions .btn{white-space:nowrap}.order-banner{color:#6b4500;background:#fff4e0;border-bottom:1px solid #ffd79a;padding:10px 14px;font-size:14px}.ai-bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}