*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--primary-color:#a435f0;--secondary-color:#b47aea;--tertiary-color:#d4acfb;--logo-icon:url("data:image/svg+xml,<svg width=\"110\" height=\"103\" viewBox=\"0 0 110 103\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_65_124)\"><path d=\"M45 85C26.144 85 16.7155 85 10.858 79.142C5 73.2845 5 63.856 5 45C5 26.1438 5 16.7157 10.858 10.8578C16.7155 5 26.144 5 45 5H65C83.8562 5 93.2842 5 99.1421 10.8578C105 16.7157 105 26.1438 105 45C105 63.856 105 73.2845 99.1421 79.142C95.8762 82.408 91.5005 83.853 85 84.4925\" stroke=\"%23A435F0\" stroke-width=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M45 85C51.1825 85 57.989 87.496 64.207 90.725C74.194 95.9105 79.1875 98.5035 81.6482 96.8515C84.109 95.199 83.6432 90.0755 82.7117 79.8285L82.5 77.5\" stroke=\"%23A435F0\" stroke-width=\"10\" stroke-linecap=\"round\"/></g><defs><clipPath id=\"clip0_65_124\"><rect width=\"110\" height=\"103\" fill=\"white\"/></clipPath></defs></svg>");--left-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg' fill='%236b7280' %3E%3Cpath d='M48.6 23H15.4c-.9 0-1.3-1.1-.7-1.7l9.6-9.6c.6-.6.6-1.5 0-2.1l-2.2-2.2c-.6-.6-1.5-.6-2.1 0L2.5 25c-.6.6-.6 1.5 0 2.1L20 44.6c.6.6 1.5.6 2.1 0l2.1-2.1c.6-.6.6-1.5 0-2.1l-9.6-9.6c-.6-.7-.2-1.8.7-1.8h33.2c.8 0 1.5-.6 1.5-1.4v-3c0-.8-.6-1.6-1.4-1.6'/%3E%3C/svg%3E");--chat-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e2e2e3'%3E%3Cpath d='M17 11v3l-3-3H8a2 2 0 0 1-2-2V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2zm-3 2v2a2 2 0 0 1-2 2H6l-3 3v-3H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h2v3a4 4 0 0 0 4 4z'/%3E%3C/svg%3E");--message-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' fill='%23e2e2e3'%3E%3Cpath d='M169.566 72.579A79.995 79.995 0 0 0 16 103.992v66a14.016 14.016 0 0 0 14 14h56.667a80.16 80.16 0 0 0 73.333 48h66a14.016 14.016 0 0 0 14-14v-66a79.966 79.966 0 0 0-70.434-79.413M224 215.992h-64a64.14 64.14 0 0 1-55.679-32.433 79.905 79.905 0 0 0 70.375-93.86A63.99 63.99 0 0 1 224 151.993Z'/%3E%3C/svg%3E");--send-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.61 2.645c1.585-.455 3.047 1.007 2.592 2.592l-4.024 14.005c-.67 2.334-3.788 2.778-5.068.72l-1.776-2.85a2 2 0 0 1 .287-2.474l3.79-3.79a1 1 0 0 0 .002-1.414A1 1 0 0 0 13 9.436l-3.79 3.79a2 2 0 0 1-2.473.287l-2.852-1.775c-2.057-1.281-1.613-4.399.721-5.07z' fill='white'/%3E%3C/svg%3E");--arrow-icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='5 21 10 12 5 3' fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpolyline points='14 21 19 12 14 3' fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E")}body{font-family:var(--font);background-color:#fff}a,button{color:inherit;text-decoration:none}input[type=number]{appearance:textfield}main{width:100%}.layout{width:100%;max-width:1664px;margin:40px auto 0;padding:0 1rem}.layout h3{color:#29292f;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:55px;margin-bottom:1rem;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:400;display:flex}.layout .refresh-icon{color:#a1a1aa;width:18px;height:18px;animation:.8s linear infinite spin}.layout .refresh-icon.paused{animation-play-state:paused}.refresh-btn{cursor:pointer;background-color:#0000;border:0;place-items:center;height:100%;display:grid}.refresh-btn:disabled{cursor:not-allowed}.logo div{aspect-ratio:110/103;background:var(--logo-icon) no-repeat center / contain;height:25px}.logo p{color:var(--primary-color);align-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:22px;display:flex}.logo span{font-family:var(--font);font-size:16px;font-weight:500;position:relative;top:1px;left:.5px}.search form{background-color:#f3f4f6;border-radius:30px;align-items:center;width:100%;height:45px;padding-inline:1.25rem;transition:background-color .5s;display:flex;position:relative}.search form:before{content:"";background-color:var(--primary-color);transform-origin:50%;border-radius:1px;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.search form:focus-within{background-color:#0000}.search form:focus-within:before{transform:scaleX(1)}.search input{width:100%;height:100%;font-family:var(--font);background-color:#0000;border:0;outline:0;font-size:.9rem}.modal-overlay{z-index:3;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:14px;width:100%;max-width:480px;margin:1rem;overflow:hidden}.modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal-head p{color:#29292f;font-size:16px;font-weight:400}.modal-head button{color:#6b7280;cursor:pointer;background-color:#0000;border:0;place-items:center;display:grid}.modal-head button svg{width:20px;height:20px}.modal-body{gap:1rem;padding:1rem;display:grid}.modal-body h4,.modal-body label{color:#29292f;font-size:15px;font-weight:500;line-height:1.8}.modal-body input,.modal-body select{width:100%;font-family:var(--font);color:#29292f;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:0;padding:10px;font-size:15px}.modal-body p{color:#64748b;font-size:15px;line-height:1.6}.modal-body ol{list-style-position:inside}.modal-body ol li{color:#64748b;font-size:15px;line-height:1.8}.modal-body ol li svg{vertical-align:text-bottom;width:18px;height:18px;margin-inline:2px;display:inline-block}.modal-footer{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-btn{width:100%;font-family:var(--font);cursor:pointer;border:0;border-radius:20px;padding:10px;font-size:15px;font-weight:500}.modal-btn.primary{color:#fff;background-color:#29292f}.modal-btn.secondary{color:#fff;background-color:#e11d48}.modal-btn.tertiary{color:#29292f;background-color:#fff;border:1px solid #e2e8f0}.modal-btn:disabled{cursor:not-allowed;background-color:#fff;border:1px solid #e2e8f0}@keyframes spin{to{transform:rotate(1turn)}}@media (width>=1024px){html,body{overflow:hidden}main:has(.layout,.chat-layout){padding:8px;background-color:#f5f5f7;height:100dvh;padding-left:16rem}.layout{background-color:#fff;border-radius:12px;height:100%;margin-top:0;overflow-y:auto}.layout h3{font-size:20px}}@media (width>=1280px){.layout h3{font-size:24px}}.toast{z-index:2147483647;color:#fff;width:100%;padding:1rem;font-size:16px;position:fixed;bottom:0;left:0}.toast.success{background-color:#15803d}.toast.error{background-color:#b91c1c}.toast.warn{background-color:#92400e}.toast.info{background-color:#1d4ed8}.toast.load{background-color:#222}header{z-index:2;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 10px 0 8px;display:flex;position:fixed;top:0;left:0}body.scrolled header{box-shadow:0 0 5px #0000001a,0 0 1px #0000001a}header .logo{justify-content:center;align-items:center;display:flex}header button{height:40px;font-family:var(--font);color:#6b7280;cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;gap:4px;font-size:16px;display:flex}header button svg{width:18px;height:18px}aside{z-index:3;background-color:#fff;width:100%;max-width:16rem;height:100dvh;display:none;position:fixed;top:0;right:0;overflow-y:auto}aside.active{display:flex}body:has(aside.active){overflow:hidden}.sidebar{flex-direction:column;flex:1;width:100%;display:flex}aside .logo{-webkit-user-select:none;user-select:none;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:55px;padding:0 1rem;display:flex}.links{flex-direction:column;flex:1;gap:4px;padding:1rem;display:flex}.links a,.links button{height:40px;font-family:var(--font);color:#29292f;cursor:pointer;background-color:#0000;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 1rem;font-size:15px;display:flex}.links a:disabled,.links button:disabled{cursor:not-allowed}.links a:hover,.links button:hover,.links a.active,.links button.active{background-color:#f3f4f6}.links a svg,.links button svg{width:15px;height:15px}.links .spinner{margin:0}.links hr{border:0;border-bottom:1px solid #e2e8f0}.blur{z-index:2;background-color:#0009;width:100%;height:100dvh;display:none;position:fixed;top:0;left:0}.blur.active{display:block}@media (width>=1024px){header{display:none}aside{left:0;right:unset;background-color:#f5f5f7;padding:8px;display:flex;overflow-y:hidden}body:has(aside.active){overflow:auto}.sidebar{background-color:#fff;border-radius:12px;overflow-y:auto}aside .logo{justify-content:start}.blur.active{display:none}}.loader{place-content:center;width:100%;height:100svh;margin-top:-40px;display:grid}.dots{justify-content:center;align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite wave}.dot-1{background:var(--tertiary-color);animation-delay:0s}.dot-2{background:var(--secondary-color);animation-delay:.2s}.dot-3{background:var(--primary-color);animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.spinner{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(0deg,#00000080 30%,#0000 0 70%,#000 0),linear-gradient(90deg,#00000040 30%,#0000 0 70%,#000000bf 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;flex-shrink:0;width:15px;margin:auto;animation:1s steps(12,end) infinite spin;display:grid}.spinner:before,.spinner:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.spinner:after{opacity:.83;transform:rotate(60deg)}@media (width>=1024px){.loader{height:100%;margin-top:0}}.dashboard{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.dashboard-card{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:14px;display:flex}.card-title{color:#29292f;margin-bottom:16px;font-size:14px}.count-card{flex-direction:row;justify-content:space-around;align-items:center;max-height:240px;padding:16px 8px;display:flex}.count-box{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.count-title{text-align:center;color:#29292f;font-size:14px}.count-val{font-size:22px}.traffic-card{height:240px}.traffic-box{justify-content:space-between;align-items:flex-end;gap:12px;width:100%;margin-top:auto;display:flex}.traffic-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.traffic-bar{background-color:#f6f7f9;border-radius:20px;flex-direction:column;justify-content:flex-end;width:12px;height:125px;display:flex;position:relative}.traffic-val{background-color:var(--secondary-color);cursor:pointer;border-radius:20px;width:100%;transition:height .3s;position:relative}.bar-hint{z-index:1;white-space:nowrap;color:#fff;opacity:0;visibility:hidden;background-color:#29292f;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}.bar-hint:after{content:"";border:6px solid #0000;border-top-color:#29292f;position:absolute;top:100%;left:50%;transform:translate(-50%)}.traffic-val:hover .bar-hint{opacity:1;visibility:visible}.traffic-date{color:#64748b;margin-top:10px;font-size:13px}.country-card{height:240px;padding:0}.country-card .card-title{padding:14px 14px 0}.country-card .country-box{padding:0 14px 14px}.country-box{flex-direction:column;flex:1;gap:12px;padding-right:6px;display:flex;overflow-y:auto}.country-item{justify-content:space-between;display:flex}.country-info{gap:10px;display:flex}.country-flag,.country-name,.country-val{font-size:14px}.country-empty{color:#a1a1aa;text-align:center;margin-top:65px;font-size:12px}.peak-card{grid-column:span 3;height:240px}.peak-box{width:100%;height:125px;margin-top:auto;position:relative}.peak-box svg{width:100%;height:100%;display:block;overflow:visible}.peak-box svg path{vector-effect:non-scaling-stroke}.peak-overlay{display:flex;position:absolute;inset:0}.peak-col{cursor:pointer;flex:1;justify-content:center;display:flex;position:relative}.peak-dot{border:2px solid var(--secondary-color);background-color:#fff;border-radius:50%;width:6px;height:6px;position:absolute;left:50%;transform:translate(-50%,-50%)}.peak-col:hover .peak-dot{background-color:var(--secondary-color);transform:translate(-50%,-50%)scale(1.2)}.peak-col .bar-hint{bottom:auto;left:50%;transform:translate(-50%,calc(-100% - 12px))}.peak-col:hover .bar-hint{opacity:1;visibility:visible}.peak-col:first-child .bar-hint{left:50%;transform:translate(-15%,calc(-100% - 12px))}.peak-col:first-child .bar-hint:after{left:15%}.peak-col:last-child .bar-hint{left:50%;transform:translate(-85%,calc(-100% - 12px))}.peak-col:last-child .bar-hint:after{left:85%}.peak-time{justify-content:space-between;margin-top:10px;display:flex}.peak-time span{color:#64748b;font-size:13px}@media (width>=640px){.dashboard{grid-template-columns:repeat(2,1fr);display:grid}.count-card{grid-column:span 3}}@media (width>=768px){.dashboard{grid-template-columns:200px 1fr 250px;align-items:stretch}.count-card{flex-direction:column;grid-column:span 1;justify-content:center;gap:0;padding:0}.count-box{flex:none;align-items:flex-start;width:100%;padding:1rem 0 1rem 1rem}}.chat-layout{width:100%;max-width:1664px;margin:40px auto 0;display:grid}.chat-layout.status{color:#222;place-content:center;height:100dvh;margin-top:0}.chat-layout.messages{height:calc(100dvh - 40px)}.chat-layout.chats,.chat-layout.messages{grid-template-columns:auto}.chat-layout.chats .chat-body,.chat-layout.messages .chat-sidebar{display:none}.chat-sidebar{height:100%;overflow:hidden auto}.chat-sidebar h3{color:#29292f;border-bottom:1px solid #e2e8f0;align-items:center;height:55px;margin:0 1rem 1rem;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:400;display:flex}.chat-sidebar .search{margin-inline:1rem}.chat-sidebar .spinner,.chat-body .spinner{margin-top:1rem}.chat-links{contain:content;flex-direction:column;gap:4px;margin:1rem 8px;display:flex}.chat-link{contain:layout style;contain-intrinsic-size:70px;content-visibility:auto;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:8px;height:70px;padding-inline:1rem;display:flex}.chat-link:hover,.chat-link.active{background-color:#f3f4f6}.chat-link div{justify-content:space-between;align-items:center;gap:20px;display:flex}.chat-link p,.chat-link span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-link p{color:#111827;font-size:15px}.chat-link p.active:before{content:"";background-color:#22c55e;border-radius:3px;width:6px;height:6px;margin-bottom:2px;margin-right:8px;display:inline-block}.chat-link span{color:#64748b;font-size:14px}.chat-link span:last-child{font-size:13px;overflow:visible}.chat-link span.active{color:#9e25ef}.chat-sidebar .none,.chat-body .none{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.chat-sidebar .none{margin:1rem auto}.chat-body .none{flex:1}.chat-sidebar .none div,.chat-body .none div{width:35px;height:35px}.chat-sidebar .none div{background:var(--chat-icon) no-repeat center / contain}.chat-body .none div{background:var(--message-icon) no-repeat center / contain}.chat-body{overflow:hidden}.chat-box{background-color:#f5f5f7;flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-head{background-color:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;width:100%;height:55px;padding-inline:.5rem;display:flex}.chat-head a{background-color:#f3f4f6;border-radius:6px;place-items:center;padding:8px;display:grid}.chat-head a div{background:var(--left-icon) no-repeat center / contain;width:15px;height:15px}.chat-head h4{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:400;line-height:1.3;overflow:hidden}.chat-head span{color:#40566d;font-size:12px}.chat-head span.active{color:#22c55e}.chat-messages{contain:layout style;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-messages .dates{flex-direction:column;gap:1rem;display:flex}.chat-messages .date{z-index:0;text-align:center;color:#8894ab;font-size:12px;position:sticky;top:0}.chat-messages .msg{z-index:1;flex-direction:column;gap:4px;display:flex}.chat-messages .msg.VISITOR{align-items:flex-start}.chat-messages .msg.ADMIN{align-items:flex-end}.chat-messages .msg p:first-child{box-shadow:0 0 2rem #00000013,0 1rem 1rem -1rem #0000001a}.chat-messages .msg.VISITOR p:first-child,.chat-messages .msg.ADMIN p:first-child{word-break:break-word;border-radius:20px;max-width:80%;padding:8px 16px;font-size:15px;line-height:1.4}.chat-messages .msg.VISITOR p:last-child,.chat-messages .msg.ADMIN p:last-child{color:#8894ab;font-size:11px}.chat-messages .msg.VISITOR p:first-child{color:#222;background-color:#fff;border-bottom-left-radius:5px}.chat-messages .msg.ADMIN p:first-child{color:#fff;background-color:#182346;border-bottom-right-radius:5px}.chat-messages .msg.ADMIN p:last-child{align-items:center;gap:5px;display:flex}.chat-messages .msg.ADMIN p:last-child span{background-color:#8894ab;border-radius:50%;width:3px;height:3px;display:block}.chat-body form{background-color:#fff;border-top:1px solid #e2e8f0;align-items:center;gap:1rem;margin-top:auto;padding-inline:1rem;display:flex}.chat-body form textarea{height:75px;font-family:var(--font);resize:none;border:0;outline:0;flex:1;padding-block:1rem;font-size:15px}.chat-body form button{cursor:pointer;background-color:#182346;border:0;border-radius:20px;place-items:center;width:40px;height:40px;display:grid}.chat-body form button div{background:var(--send-icon) no-repeat center / contain;width:20px;height:20px}@media (width>=768px){.chat-layout.chats{height:calc(100dvh - 40px)}.chat-layout.chats .chat-body{flex-direction:column;display:flex}.chat-layout.messages .chat-sidebar{display:block}.chat-layout.chats,.chat-layout.messages{grid-template-columns:300px 1fr}.chat-head{display:none}.chat-box{border:1px solid #f5f5f7}.chat-messages{margin-top:0}.chat-body{padding:8px 8px 8px 0}.chat-box{border-radius:10px}.chat-body form{border-color:#f5f5f7}}@media (width>=1024px){.chat-layout{background-color:#fff;border-radius:12px;margin-top:0;overflow-y:auto;height:100%!important}.chat-sidebar h3{font-size:20px}.chat-link div{gap:10px}}@media (width>=1280px){.chat-layout.chats,.chat-layout.messages{grid-template-columns:400px 1fr}.chat-sidebar h3{font-size:24px}}@media (width>=1536px){.chat-layout.chats,.chat-layout.messages{grid-template-columns:425px 1fr}.chat-messages .msg.VISITOR p:first-child,.chat-messages .msg.ADMIN p:first-child{max-width:50%}.chat-link div{gap:20px}.chat-body form textarea{height:80px}}.customize{gap:1rem;width:100%;max-width:960px;margin:0 auto 1rem;display:grid}.customize-card{background-color:#f5f5f7;border-radius:8px;gap:1.5rem;padding:1rem;display:grid}.customize-left{gap:1rem;height:fit-content;display:grid}.customize-left h4{color:#29292f;font-size:17px;font-weight:400}.customize-left p{color:#64748b;margin-top:2px;font-size:14px}.customize-left input{width:100%;height:40px;font-family:var(--font);border:1px solid #e2e8f0;border-radius:8px;outline:0;padding:0 12px;font-size:14px}.customize-right{place-items:center;display:grid}.customize-btn{font-family:var(--font);cursor:pointer;background-color:#0000;border:0;font-size:16px;text-decoration:underline}.customize-btn:disabled{cursor:not-allowed}.widget{background-color:#fff;border-radius:30px;flex-direction:column;height:60px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;transition:width .5s cubic-bezier(.34,1.15,.64,1),height .6s cubic-bezier(.34,1.15,.64,1),border-radius .6s,box-shadow .5s;display:flex;overflow:hidden;box-shadow:0 0 5px #0000004d}.widget.hovering{cursor:pointer;width:100%;box-shadow:0 0 5px #0000004d}.widget.opened{border-radius:20px;width:100%;height:min(650px,100%);box-shadow:0 0 5px #0000004d}.widget.closing{width:60px;transition:height .6s cubic-bezier(.34,1.15,.64,1),width .5s cubic-bezier(.34,1.15,.64,1) .6s,border-radius .6s,box-shadow .5s}.widget.closed{cursor:pointer;width:60px}.widget .header{align-items:center;display:flex}.widget .logo{flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.widget .logo:before{content:"";aspect-ratio:110/103;background:var(--logo-icon) no-repeat center / contain;width:32px}.widget .logo:has(img[style*="display: block"]):before{display:none}.widget .logo img{width:32px}.widget .title{flex:1;min-width:0}.widget .title p{word-break:break-all;color:#29292f;line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.widget .title span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.widget .title span.online:not(:empty):before{content:"";background-color:#22c55e;border-radius:3px;width:6px;height:6px;margin-right:4px;display:inline-block;position:relative;top:-1px}.widget .arrow{cursor:pointer;background-color:#0000;border:0;outline:0;flex-shrink:0;place-items:center;height:calc(100% - 4px);padding-inline:14px;display:grid}.widget.closed .arrow{display:none}.widget .arrow div{background:var(--arrow-icon) no-repeat center / contain;width:18px;height:18px;transform:rotate(-90deg)}.widget.opened .arrow div{transform:rotate(90deg)translate(1px)}.widget .body{opacity:0;flex-direction:column;flex:1;transition:opacity .2s;display:flex;overflow:hidden}.widget.opened .body{opacity:1;transition:opacity .4s .3s}.widget .messages{contain:layout style;background-color:#f5f5f7;border-block:1px solid #f5f5f7;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.widget .dates{flex-direction:column;gap:1rem;display:flex}.widget .date{z-index:0;text-align:center;color:#64748b;font-size:12px;position:sticky;top:0}.widget .msg{z-index:1;flex-direction:column;gap:4px;display:flex}.widget .msg.VISITOR{align-items:flex-end}.widget .msg.ADMIN{align-items:flex-start}.widget .msg.VISITOR p:first-child,.widget .msg.ADMIN p:first-child{word-break:break-word;border-radius:20px;max-width:80%;padding:8px 16px;font-size:15px;line-height:1.4}.widget .msg.VISITOR p:last-child,.widget .msg.ADMIN p:last-child{color:#64748b;font-size:11px}.widget .msg.VISITOR p:first-child{color:#29292f;background-color:#fff;border-bottom-right-radius:5px}.widget .msg.ADMIN p:first-child{color:#fff;background-color:#182346;border-bottom-left-radius:5px}.widget .msg p:first-child{box-shadow:0 0 2rem #00000013,0 1rem 1rem -1rem #0000001a}.widget form{align-items:center;gap:1rem;padding-inline:1rem;display:flex}.widget form textarea{height:75px;font-family:var(--font);resize:none;border:0;outline:0;flex:1;padding-block:1rem;font-size:15px}.widget form button{cursor:pointer;background-color:#182346;border:0;border-radius:20px;place-items:center;width:40px;height:40px;display:grid}.widget form button div{background:var(--send-icon) no-repeat center / contain;width:20px;height:20px}@media (width>=480px){.widget{bottom:20px;right:20px}.widget.hovering{width:400px;box-shadow:0 0 5px #0000004d}.widget.opened{width:400px;height:min(600px,100%);box-shadow:0 0 5px #0000004d}}@media (width>=768px){.customize-card{grid-template-columns:repeat(2,1fr)}}.install{flex-direction:column;gap:20px;margin-bottom:1rem;display:flex}.install p{color:#29292f;line-height:1.4}.install p span{color:#569cd6;font-family:"monospace"}.code{margin-top:10px;position:relative}.codes{flex-direction:column;gap:1rem;margin-top:10px;display:flex}.code-box{white-space:pre;color:#d4d4d4;background-color:#1f1f1f;border-radius:8px;flex:1;padding:1rem;font-size:14px;line-height:1.6;overflow-x:auto}.install .symbol-1{color:gray}.install .symbol-2{color:#d4d4d4}.install .symbol-3{color:#ce9178}.install .color-1{color:#569cd6}.install .color-2{color:#9cdcfe}.install .color-3{color:#ce9178}.install .color-3.link{text-decoration:underline}.install .color-4{color:#ccc}.install .comment{color:#6a9955}.copy-btn{font-family:var(--font);color:#fff;cursor:pointer;background-color:#3e3e3e;border:0;border-radius:5px;padding:5px;font-size:13px;font-weight:500;position:absolute;top:6px;right:6px}.copy-btn:hover{background-color:#29292f}@media (width>=1280px){.code{width:calc(50% - 8px)}.codes{flex-direction:row}}.team,.team .search{margin-bottom:1rem}.team-box{overscroll-behavior-x:none;border:1px solid #f3f4f6;border-radius:8px;overflow-x:auto}.team-box table{border-collapse:collapse;width:100%;min-width:580px}.team-box thead{background-color:#f3f4f6}.team-box th{text-align:left;color:#29292f;padding:12px 18px;font-size:15px;font-weight:400}.team-box tbody tr{white-space:nowrap;color:#29292f;border-top:1px solid #f3f4f6;font-size:15px}.team-box td{padding:12px 18px}.team-box td:first-child span{color:#64748b;margin-left:4px;font-size:12px}.team-box td:nth-child(5){justify-content:end;align-items:center;gap:1rem;display:flex}.invite-btn,.team-box td:nth-child(5) button{font-family:var(--font);cursor:pointer;background-color:#0000;border:0;justify-content:center;align-items:center;font-size:16px;text-decoration:underline;display:flex}.team-box td:nth-child(5) button svg{color:#6b7280;width:18px;height:18px}@media (width>=768px){.team .search{max-width:calc(300px - 2rem)}}@media (width>=1280px){.team .search{max-width:calc(400px - 2rem)}}@media (width>=1536px){.team .search{max-width:calc(425px - 2rem)}}.setting{flex-direction:row;gap:1.5rem;width:100%;max-width:960px;margin:0 auto 1rem;display:flex}.setting-sidebar{flex-direction:column;gap:4px;width:200px;height:fit-content;display:none;position:sticky;top:1rem}.setting-sidebar-btn{font-family:var(--font);text-align:left;color:#29292f;cursor:pointer;background-color:#0000;border:0;border-radius:8px;padding:10px 16px;font-size:14px}.setting-sidebar-btn:hover,.setting-sidebar-btn.active{background-color:#f3f4f6}.setting-content{flex-direction:column;flex:1;gap:20px;display:flex}.setting-content section{scroll-margin-top:1rem}.setting-head{margin-bottom:10px}.setting-head h4{color:#29292f;font-size:17px;font-weight:400}.setting-head p{color:#64748b;margin-top:2px;font-size:14px}#account .setting-card,#danger .setting-card{gap:1rem;padding:1rem;display:grid}.setting-card{background-color:#f5f5f7;border:1px solid #0000;border-radius:8px}.setting-card.active{border-color:#29292f}.setting-input{flex-direction:column;gap:6px;display:flex}.setting-extra-info .setting-input{flex-direction:row}.setting-input label{color:#29292f;font-size:15px}.setting-input input{width:100%;height:40px;font-family:var(--font);border:1px solid #e2e8f0;border-radius:8px;outline:0;padding:0 12px;font-size:14px}.setting-row{justify-content:space-between;align-items:center;padding:1rem;display:flex}.setting-row:first-child,.setting-row:nth-child(2){border-bottom:1px solid #e2e8f0}.setting-row-info{gap:4px;display:grid}.setting-row-info label{color:#29292f;font-size:15px}.setting-row-info span{color:#64748b;font-size:14px}.setting-toggle{appearance:none;cursor:pointer;background-color:#cbd5e1;border-radius:20px;flex-shrink:0;width:36px;height:20px;position:relative}.setting-toggle:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.setting-toggle:checked{background-color:#29292f}.setting-toggle:checked:after{transform:translate(16px)}.setting-extra-info{padding:0 1rem 1rem}.setting-extra-info:not(:last-child){border-bottom:1px solid #e2e8f0}.setting-extra-info ol{color:#29292f;gap:8px;margin-bottom:1rem;padding-left:1rem;font-size:14px;display:grid}.setting-btn{width:fit-content;height:40px;font-family:var(--font);color:#fff;cursor:pointer;background-color:#29292f;border:0;border-radius:20px;margin-left:auto;padding-inline:1rem;font-size:13px;font-weight:500}.setting-btn.danger{background-color:#e11d48}.setting-btn:disabled{cursor:not-allowed;background-color:#fff;border:1px solid #e2e8f0}.setting-card p{color:#29292f;font-size:15px;line-height:1.6}@media (width>=1024px){.setting-sidebar{display:flex}.setting-content{gap:1.5rem}}.auth{place-items:center;height:100%;padding:1rem 14px;display:grid}.auth form{flex-direction:column;gap:20px;width:100%;max-width:448px;display:flex}.auth h1{text-align:center;color:var(--primary-color);margin-bottom:4px;font-size:22px;font-weight:400}.auth h2{text-align:center;color:#40566d;font-size:15px;font-weight:400}.auth-error{color:#e11d48;background-color:#fef6ee;outline:1px solid #e11d48;font-size:15px;display:flex}.auth-error p{border-left:0;gap:4px;width:100%;padding:10px;animation:.4s ease-in-out shake;display:flex}.auth-error div{background:#e11d48 url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"%23ffffff\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z\"/></svg>") 50%/17px no-repeat;flex-shrink:0;width:37px;display:flex}.auth-info{color:#29292f;text-align:center;font-size:15px}.auth-or{align-items:center;gap:1rem;width:100%;display:flex}.auth-or div{background-color:#e2e8f0;width:100%;height:1px}.auth-or p{color:#64748b;font-size:14px}.auth-input{width:100%;position:relative}.auth-input:has(p):before{content:"";background-color:#e11d48;width:4px;height:100%;position:absolute;top:0;left:-30px}.auth-input p{color:#e11d48;align-items:center;gap:6px;margin-bottom:6px;font-size:16px;display:flex}.auth-input p span{animation:.4s ease-in-out shake;display:inline-block}.auth-input p:before{content:"";background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 24 24\" fill=\"%23e11d48\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z\"/></svg>") 50%/contain no-repeat;flex-shrink:0;width:17px;height:17px;margin-top:1px;display:inline-block}.auth-input-box{background-color:#f8f8f8;border:1px solid #d9d9d9;border-radius:2px;width:100%;position:relative;overflow:hidden}.auth-input:has(p) .auth-input-box{border-color:#e11d48}.auth-input .auth-input-box:hover{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #d3acfba1}.auth-input-box:has(input:focus){border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #d3acfba1}.auth-input-box label{z-index:1;color:#29292f;font-size:14px;position:absolute;top:10px;left:10px}.auth-input-box div input{width:100%;height:100%;font-family:var(--font);color:#000;background-color:#0000;border:0;outline:0;padding:34px 10px 10px;font-size:15px}.auth-input-box div:has(button) input{padding-right:38px}.auth-input-box div button{cursor:pointer;background-color:#0000;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:27px;right:2px}.auth-input-box div button svg{color:#29292f;width:16px;height:16px}.auth-btn{width:100%;height:48px;font-family:var(--font);color:#fff;background:linear-gradient(to bottom, var(--secondary-color), var(--primary-color));cursor:pointer;border:1px solid #9e25ef;border-radius:2px;justify-content:center;align-items:center;font-size:17px;display:flex}.auth-btn.google{color:#29292f;background:linear-gradient(#fff,#f3f4f6);border-color:#d9d9d9;gap:4px}.auth-btn:hover{box-shadow:0 0 0 4px #b47aeaa1}.auth-btn:disabled{cursor:not-allowed;background:linear-gradient(#fff,#f3f4f6);border-color:#d9d9d9}.auth-extras{flex-direction:column;gap:12px;display:flex}.auth-extra{color:#29292f;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;font-size:15px;display:flex}.auth-extra a{font-size:inherit;text-decoration:underline}@media (width>=480px){.auth-input:before{display:none}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.lost{place-content:center;gap:10px;width:100%;height:100svh;margin-top:-40px;display:grid}.lost p{color:#29292f;padding-right:10px;font-size:20px;animation:.5s infinite alternate typewriter;display:inline-block}@keyframes typewriter{0%{box-shadow:inset -2px 0 #64748b}to{box-shadow:inset -2px 0 #0000}}.lost a{font-family:var(--font);color:#64748b;margin-inline:auto;font-size:15px;text-decoration:underline}@media (width>=1024px){.lost{height:100%;margin-top:0}}
