@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#2563eb;--ink:#17233a;--muted:#7b879c;--line:#eaf0f7;--bg:#f7f9fd;--soft:#edf3ff;--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 53% 32%,#e6efff 0,transparent 52%),#f3f6fb;color:var(--ink);font:14px 'Manrope',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}svg{width:21px;height:21px;stroke-width:1.7;flex-shrink:0}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{width:480px;min-height:calc(100dvh - 32px);margin:16px auto;background:#fff;border:1px solid #e7edf6;border-radius:34px;position:relative;box-shadow:0 20px 80px #34568a0a;overflow:clip}header{padding:24px 24px 15px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-radius:34px 34px 0 0}.workspace{display:flex;gap:10px;align-items:center}.workspace .brand-mark{height:36px;width:36px;object-fit:contain;background:var(--soft);border-radius:12px;padding:7px}.workspace small{font-size:10px;color:var(--muted)}.workspace strong{font-size:13px;font-weight:750;display:block}.head-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f5f7fb;position:relative}.notice-dot{position:absolute;width:6px;height:6px;border:2px solid white;box-sizing:content-box;border-radius:50%;background:var(--blue);right:10px;top:9px}.demo-tag{font-size:8px;letter-spacing:.8px;border:1px solid #e4ebf5;background:#f7f9fd;border-radius:5px;padding:5px;color:#65738c}main{padding:4px 24px 122px;min-height:740px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--blue)}h1{font-size:28px;letter-spacing:-1.1px;line-height:1.25;margin:9px 0 8px;font-weight:800}h2{font-size:17px;letter-spacing:-.45px;font-weight:800;margin:0}h3{font-size:14px;margin:0;font-weight:750}p{line-height:1.65}.intro{color:var(--muted);margin:0;font-size:12px}.greeting{font-size:11px;color:var(--muted);margin:12px 0 6px}.spark{color:var(--blue);margin-left:4px}.title-row,.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head{margin:26px 0 13px}.text-btn{font-size:11px;color:var(--blue);display:inline-flex;align-items:center;gap:3px;min-height:36px;padding:0}.text-btn svg{width:15px}.hero{background:linear-gradient(120deg,#2563eb,#1652db);border-radius:24px;color:white;padding:23px;margin-top:24px;position:relative;overflow:hidden;min-height:178px;box-shadow:0 10px 22px #2563eb19}.hero:after{content:'';width:225px;height:225px;border:1px solid #ffffff1c;border-radius:50%;position:absolute;right:-70px;top:-40px;box-shadow:0 0 0 24px #ffffff06,0 0 0 50px #ffffff04}.hero .eyebrow{color:#d7e4ff;font-size:8px;letter-spacing:1.5px}.hero h2{font-size:24px;line-height:1.3;max-width:240px;margin:13px 0 8px;letter-spacing:-.9px}.hero p{font-size:11px;color:#dbe7ff;max-width:215px;margin:0}.hero-action{background:white;color:var(--blue);border-radius:22px;padding:10px 14px;font-size:10px;font-weight:800;margin-top:16px;display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1}.hero-action svg{width:15px;height:15px}.bubble-art{position:absolute;right:22px;top:52px;transform:rotate(-9deg);z-index:1;width:103px;height:75px;border:1px solid #ffffff60;background:linear-gradient(130deg,#ffffff77,#ffffff18);box-shadow:0 12px 30px #0035a52a;backdrop-filter:blur(7px);border-radius:22px;display:flex;gap:7px;align-items:center;justify-content:center}.bubble-art:before{content:'';position:absolute;width:17px;height:17px;background:#96b6ff;bottom:-6px;left:19px;transform:rotate(45deg);border-radius:4px}.bubble-art i{width:9px;height:9px;background:white;border-radius:50%}.bubble-small{position:absolute;right:12px;top:121px;border-radius:13px;padding:9px;background:#fff;color:var(--blue);box-shadow:0 8px 24px #073da345;z-index:2;transform:rotate(8deg)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.stat{padding:14px 12px;border:1px solid var(--line);border-radius:19px;background:#fff}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--blue);margin-bottom:8px}.stat-top svg{width:17px;height:17px}.stat strong{font-size:24px;letter-spacing:-1px;display:block;line-height:1.3}.stat small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.mini-pill{font-size:8px;color:#249875;background:#e9f7f0;border-radius:6px;padding:3px 4px}.shortcut-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.shortcut{text-align:center;font-size:9px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:64px}.shortcut span{width:47px;height:47px;background:var(--soft);color:var(--blue);border-radius:16px;display:grid;place-items:center}.shortcut:nth-child(2) span{background:#eff8f5;color:#399a7a}.shortcut:nth-child(3) span{background:#fff6e9;color:#bd8735}.shortcut:nth-child(4) span{background:#f4effd;color:#9671c9}.ticket-list{display:flex;flex-direction:column}.ticket-row{display:flex;gap:12px;align-items:center;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);width:100%}.ticket-row:last-child{border-bottom:0}.avatar{height:42px;width:42px;min-width:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#eaf0fc;color:#6883ba;font-size:12px;font-weight:800;position:relative}.avatar.green{background:#e7f4ec;color:#5f9979}.avatar.peach{background:#fff0e7;color:#b78c71}.avatar.purple{background:#f1eafb;color:#9c7bbd}.avatar-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid white;border-radius:50%;background:#34b58a}.row-body{flex:1;min-width:0}.row-top{display:flex;align-items:center;gap:6px}.row-top strong{font-size:12px}.row-body p{font-size:10px;color:var(--muted);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font-size:9px;color:var(--muted);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.badge{display:inline-flex;font-size:8px;border-radius:5px;padding:3px 5px;line-height:1.2;background:#eef3ff;color:var(--blue);font-weight:700}.badge.orange{color:#b27e2e;background:#fff4df}.badge.green{color:#248968;background:#e9f7ef}.badge.red{color:#cf6060;background:#fff0ef}.count{background:var(--blue);color:#fff;border-radius:50%;min-width:17px;height:17px;display:grid;place-items:center;font-size:9px}.card{border:1px solid var(--line);border-radius:22px;padding:18px;margin-top:14px;background:#fff}.community-card{background:linear-gradient(130deg,#f0f5ff,#f8faff);border:1px solid #e9effb;position:relative;padding:18px;border-radius:21px}.community-card .community-icon{height:43px;width:43px;border-radius:14px;color:white;background:#5884ef;display:grid;place-items:center}.community-top{display:flex;align-items:center;gap:12px}.community-card h3{font-size:14px}.community-card p{font-size:10px;color:#8391ab;margin:4px 0}.community-bottom{border-top:1px solid #e1e9f9;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.avatar-stack{display:flex;padding-left:3px;align-items:center}.avatar-stack span{width:24px;height:24px;border-radius:50%;border:2px solid #f2f6ff;margin-left:-4px;font-size:7px;display:grid;place-items:center;background:#d8e5fd;color:#5c7fb7;font-weight:800}.avatar-stack small{font-size:9px;color:#7e8da6;margin-left:6px}.status-line{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.live-dot{height:6px;width:6px;background:#31ad85;border-radius:50%;display:inline-block}.disconnected{background:#d2a253}.bottom-note{text-align:center;color:#9aa6bb;font-size:9px;line-height:1.8;margin:24px 0 0}.bottom-note a{color:#7c8eae}nav{position:fixed;bottom:24px;width:448px;left:50%;transform:translateX(-50%);z-index:15;display:flex;justify-content:space-around;padding:9px 7px;background:#ffffffdd;backdrop-filter:blur(24px);border:1px solid #e9eef7;border-radius:24px;box-shadow:0 8px 40px #233e6b13}nav button{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:8px;color:#8794a9;min-width:62px;padding:4px 3px;min-height:51px}nav button>span:first-child{height:27px;width:43px;display:grid;place-items:center;border-radius:12px}nav button.active{color:var(--blue);font-weight:800}nav button.active>span:first-child{background:#edf3ff}nav svg{width:21px;height:21px}.desktop-brand{position:fixed;left:5vw;top:45px;bottom:36px;width:250px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:108px}.brand>span{font-size:26px;font-weight:400;border-left:1px solid #d7dfeb;padding-left:12px;letter-spacing:-1.2px}.brand-caption{font-size:8px;letter-spacing:2px;color:#8a97ac;margin-top:16px}.side-story{position:absolute;top:28%}.side-story h2{font-size:37px;font-weight:650;line-height:1.3;letter-spacing:-1.5px;color:#273b5c;margin:20px 0}.side-story p{font-size:12px;color:#8795ac;line-height:1.9}.powered{position:absolute;bottom:0;font-size:10px;color:#8c9ab0}.orbit{width:130px;height:130px;margin-top:35px;border-radius:50%;border:1px solid #dce6f6;position:relative;display:grid;place-items:center}.orbit span{display:grid;place-items:center;width:63px;height:63px;border-radius:20px;background:#ffffff9a;color:#6792ed;font-size:37px;font-weight:800;box-shadow:0 14px 30px #809fd514;transform:rotate(-8deg)}.orb{position:absolute;border-radius:50%;border:4px solid #f3f6fb}.orb.one{background:#a4bff7;width:22px;height:22px;left:-9px;top:39px}.orb.two{background:#bbdccc;width:17px;height:17px;right:3px;top:8px}.orb.three{background:#e5d2b2;width:14px;height:14px;bottom:-5px;right:40px}.desktop-note{position:fixed;right:5vw;top:44%;width:180px;font-size:8px;color:#8290a8;letter-spacing:1.8px}.desktop-note p{font-size:18px;letter-spacing:-.5px;color:#5c6e89;line-height:1.6}.desktop-note small{letter-spacing:0;line-height:1.9;font-size:10px;color:#95a0b2}.search{display:flex;align-items:center;background:#f5f7fb;border:1px solid #f0f3f8;border-radius:16px;padding:0 14px;margin:20px 0 14px;gap:9px;color:#8b98ad}.search input{border:0;outline:0;width:100%;background:none;padding:15px 0;font-size:11px;color:var(--ink)}.chips{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:12px 0 15px}.chip{border:1px solid #e8edf5;padding:9px 13px;border-radius:20px;white-space:nowrap;font-size:10px;min-height:36px}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 7px #2563eb20}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:44px;border-radius:14px;background:var(--blue);color:white;font-size:11px;font-weight:750}.btn.secondary{background:var(--soft);color:var(--blue)}.btn.danger{background:#fff0ef;color:#bd5454}.btn.wide{width:100%}.btn svg{height:17px;width:17px}.empty{text-align:center;padding:42px 15px;color:var(--muted);font-size:12px}.empty svg{width:38px;height:38px;color:#a7bde8;margin-bottom:12px}.small{font-size:10px;color:var(--muted);line-height:1.8}.muted{color:var(--muted)}.list-card{padding:15px 0;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.list-card:last-child{border-bottom:0}.list-card .grow{flex:1;min-width:0}.list-card p{font-size:10px;color:var(--muted);margin:5px 0 0}.list-card .icon-tile{width:42px;height:42px;min-width:42px;display:grid;place-items:center;background:var(--soft);border-radius:14px;color:var(--blue)}.list-link{display:flex;width:100%;text-align:left;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.list-link span:nth-child(2){flex:1}.list-link svg:last-child{width:16px;color:#a2adc0}.list-link .icon-tile svg{width:21px;color:var(--blue)}.list-link small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.toggle{min-width:43px;width:43px;height:26px;background:#dce3ed;border-radius:20px;position:relative;padding:3px;min-height:26px}.toggle:after{content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0001;transition:transform .2s}.toggle.on{background:var(--blue)}.toggle.on:after{transform:translateX(17px)}label.field{display:block;margin:16px 0;font-size:11px;font-weight:700}label.field input,label.field select,label.field textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #e1e8f2;border-radius:12px;background:#f9fbfd;color:var(--ink);outline-color:#85aaf5;font-size:12px;min-height:44px}textarea{resize:vertical;min-height:100px}.help{padding:13px 15px;background:#f2f6ff;border-radius:14px;font-size:10px;line-height:1.7;color:#6f82a3;margin:14px 0}.help.warn{background:#fff8e9;color:#a38750}.overlay-backdrop{position:fixed;inset:0;background:#12244445;backdrop-filter:blur(5px);z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{width:480px;max-height:90dvh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:12px 24px 32px;box-shadow:0 -20px 80px #0c284024;animation:slide .2s ease}.sheet-handle{width:36px;height:4px;background:#dee5ef;border-radius:5px;margin:0 auto 20px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sheet-head h2{font-size:20px}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1b2c48;color:#fff;font-size:11px;padding:13px 18px;border-radius:14px;max-width:410px;width:max-content;z-index:50;transition:.2s;box-shadow:0 8px 35px #172e4933}#toast.show{opacity:1;transform:translate(-50%,0)}.messages{padding:16px 0;display:flex;flex-direction:column;gap:14px}.msg{max-width:86%;align-self:flex-start}.msg.mine{align-self:flex-end}.msg .msg-body{background:#f0f3f8;padding:13px 15px;border-radius:17px 17px 17px 4px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .msg-body{background:var(--blue);color:#fff;border-radius:17px 17px 4px 17px}.msg.note .msg-body{background:#fff7df;color:#a28141}.msg small{font-size:8px;color:#98a5b9;display:block;margin-top:5px}.msg.mine small{text-align:right}.composer{margin-top:20px;background:#f7f9fc;border:1px solid var(--line);border-radius:19px;padding:12px}.composer textarea{border:0;background:transparent;width:100%;outline:none;font-size:12px;min-height:72px;color:var(--ink)}.composer-bottom{display:flex;justify-content:space-between;align-items:center}.composer-bottom select{border:0;background:none;font-size:10px;color:#7a8aa4;max-width:155px}.thread-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.thread-tools .chip{font-size:9px}.backline{display:flex;align-items:center;gap:8px;margin:8px 0 17px;color:var(--muted);font-size:10px}.backline button{color:var(--blue);display:flex;align-items:center;gap:4px;font-size:11px;padding:6px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.details-grid div{padding:13px;background:#f6f8fc;border-radius:13px}.details-grid small{color:var(--muted);display:block;font-size:9px;margin-bottom:6px}.details-grid strong{font-size:11px}.bars{display:flex;align-items:end;gap:10px;height:140px;margin:25px 0}.bar-col{flex:1;text-align:center;color:var(--muted);font-size:9px}.bar-col div{background:linear-gradient(#92b5ff,#2563eb);border-radius:6px 6px 3px 3px;margin-bottom:7px;min-height:2px}.roles{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap}.permission{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.permission input{width:19px;height:19px;accent-color:var(--blue)}.progress-track{height:5px;background:#eaf0f8;border-radius:10px;overflow:hidden;margin:10px 0}.progress-track>div{height:100%;background:var(--blue);border-radius:10px}.login-logo{width:110px;margin:25px 0}.login-hero{padding-top:35px}.login-hero h1{font-size:34px}.audit-row{border-left:2px solid #e5edfa;padding:0 0 20px 17px;margin-left:5px;position:relative}.audit-row:before{content:'';width:7px;height:7px;border-radius:50%;background:#94b4ef;position:absolute;left:-4.5px;top:4px}.audit-row small{font-size:9px;color:var(--muted)}.audit-row p{font-size:11px;margin:5px 0}.health{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:16px 0}.phone-preview{border:1px solid #e4ebf7;border-radius:20px;padding:15px;background:#edf3fb;margin:15px 0}.phone-preview .msg-body{background:white;border-radius:14px;padding:12px;font-size:11px;line-height:1.7}.menu-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:6px}.menu-buttons span{background:#dce8f9;border-radius:7px;text-align:center;font-size:9px;padding:10px 3px}.online-banner{padding:8px 15px;background:#fff6df;color:#9c7e42;font-size:10px;border-radius:10px;margin:10px 0}.check-label{display:flex;align-items:center;gap:8px;font-size:11px;margin:13px 0;line-height:1.6}.check-label input{accent-color:var(--blue)}.login-foot{font-size:9px;color:var(--muted);text-align:center;line-height:1.9;margin-top:25px}@keyframes slide{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1500px){.desktop-brand{left:9vw}.desktop-note{right:10vw}}@media(max-width:1100px){.desktop-brand{left:3vw;width:190px}.side-story h2{font-size:30px}.desktop-note{right:2vw;width:160px}}@media(max-width:920px){.desktop-brand,.desktop-note{display:none}}@media(max-width:520px){body{background:white}.app-shell{width:100%;margin:0;min-height:100dvh;border:0;border-radius:0;box-shadow:none}header{border-radius:0;padding-top:max(20px,env(safe-area-inset-top))}main{min-height:calc(100dvh - 90px)}nav{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 28px)}.sheet{width:100%;padding-bottom:max(32px,env(safe-area-inset-bottom))}.hero{padding:21px}.hero h2{font-size:23px;max-width:220px}.bubble-art{right:17px;width:87px}#toast{max-width:calc(100% - 40px)}}@media(max-width:360px){header{padding-left:18px;padding-right:18px}main{padding-left:18px;padding-right:18px}h1{font-size:25px}.hero h2{font-size:21px;max-width:175px}.hero p{max-width:160px}.bubble-art{width:67px;height:61px;right:13px;top:65px}.bubble-small{top:120px}.stat{padding:12px 10px}.stat small{font-size:8px}nav button{min-width:52px}.shortcut{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.row-body p,.list-card p,.list-link small,.intro,.small{font-size:12px}.row-top strong,.row-body>strong{font-size:13px}.stat small,.shortcut,.text-btn{font-size:11px}.badge,.row-meta{font-size:10px}nav button{font-size:10px}.chip,.text-btn{min-height:44px}.toggle{min-height:32px;height:32px;padding:6px 3px}.icon-btn{width:44px;height:44px}.btn{font-size:12px}.greeting{font-size:12px}.hero p{font-size:12px}.hero-action{font-size:11px}.login-foot{font-size:11px}.boot{display:grid;place-items:center;min-height:70dvh;text-align:center;color:var(--muted)}.boot img{width:120px}.boot p{font-size:12px}.boot-line{height:3px;background:var(--soft);width:100px;margin:20px auto;overflow:hidden;border-radius:3px}.boot-line:after{content:'';display:block;width:35%;height:100%;background:var(--blue);animation:load 1s infinite alternate}@keyframes load{to{transform:translateX(190%)}}@media(max-width:520px){input,select,textarea,label.field input,label.field select,label.field textarea,.search input{font-size:16px}.composer textarea{font-size:16px}.hero p{max-width:180px}.hero h2{max-width:220px}}

.lang-choice{display:inline-flex;flex:0 0 auto}.lang-choice select{width:58px;min-width:0;padding:8px 3px;margin:0;font-size:12px;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}