:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202432;background:#f7f8fc;color-scheme:light;-webkit-font-smoothing:antialiased;--muted:#7a8191;--line:#e9ebf2;--panel:#fff;--accent:#6558ee;--green:#228b67}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}p{line-height:1.65}button,input,textarea,select,a,summary{outline-offset:4px}:focus-visible{outline:2px solid #958afa}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin-top:0}button svg{pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#7c708e}.muted{color:var(--muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.primary,.secondary,.ghost,.danger{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:600;transition:background .22s,transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.primary{color:#fff;background:#6558ee;border:1px solid #6558ee;box-shadow:0 4px 12px #6558ee24}.primary:hover{background:#5749df;transform:translateY(-2px);box-shadow:0 8px 22px #6558ee35}.primary:active,.secondary:active,.category-option:active{transform:translateY(1px) scale(.98)}.primary::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff29 50%,transparent 70%);transform:translateX(-130%);transition:transform .65s}.primary:hover::after{transform:translateX(130%)}.secondary{background:#fff;color:#50576a;border:1px solid #e1e4ed;box-shadow:0 2px 4px #20243c03}.secondary:hover{background:#f5f3ff;border-color:#c9c2fb;transform:translateY(-1px);box-shadow:0 5px 12px #5c538314}.ghost{background:transparent;border:1px solid transparent;color:#798091}.ghost:hover{background:#f0eefb;color:#6558ee}.danger{background:#fff2f3;border:1px solid #f4d2d8;color:#bd465d}.danger:hover{background:#ffe5ea}.icon-button{padding:9px;min-width:37px;min-height:37px;border-radius:10px;border:1px solid #e5e8ef;background:#fff;color:#778095;display:inline-grid;place-items:center;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.icon-button:hover{color:#6558ee;background:#f3f0ff;transform:translateY(-2px);box-shadow:0 4px 12px #6558ee12}.icon-button svg{width:17px;height:17px}
.field{margin:0 0 19px}label{display:block;margin:0 0 8px;font-size:12px;font-weight:600;color:#596173}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #e2e6ef;border-radius:10px;background:#fafbfe;color:#2b3243;min-height:43px;transition:background .2s,border-color .2s,box-shadow .2s;outline:none}input:focus,textarea:focus,select:focus{background:#fff;border-color:#a69af8;box-shadow:0 0 0 4px #6558ee0b}textarea{resize:vertical;line-height:1.65}input::placeholder,textarea::placeholder{color:#7c708e}.error{color:#bd455a;font-size:12px;line-height:1.65}.error:empty{display:none}.notice{border:1px solid #eed1d9;border-radius:12px;background:#fff3f6;color:#a35567;font-size:12px;padding:13px 16px;margin:0 0 18px;animation:soft-enter .35s both}.notice:empty{display:none}.notice.success{border-color:#cdeadd;background:#f0faf5;color:#368262}.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:600;padding:5px 8px;white-space:nowrap}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.pending{background:#fff6e7;color:#ac8031}.badge.in_progress{background:#f0edff;color:#7565cc}.badge.resolved{background:#eaf7f0;color:#3d946f}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #e5defa;border-radius:13px;background:#f0ecff;color:#8470c7;font-size:12px;font-weight:650;flex-shrink:0}.unread-dot{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:7px;padding:0 5px;font-size:10px;font-weight:650;background:#6558ee;color:#fff;box-shadow:0 2px 7px #6558ee25}.connection{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#7c8c87;white-space:nowrap}.connection::before{content:"";width:5px;height:5px;border-radius:50%;background:#63bd94;box-shadow:0 0 0 3px #63bd940e;animation:status-pulse 3s ease-in-out infinite}.connection.offline{color:#747c8d}.connection.offline::before{background:#ddac76;animation:none}
.inbox{border:1px solid #e7e9f1;border-radius:20px;background:#fff;overflow:hidden;display:grid;grid-template-columns:300px minmax(0,1fr);box-shadow:0 8px 35px #3b427a06;animation:soft-enter .55s .06s both}.inbox-sidebar{min-width:0;border-right:1px solid #eceef5;background:#fff;display:flex;flex-direction:column}.list-head{padding:23px 20px 18px;border-bottom:1px solid var(--line)}.list-head>div{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}.list-head h2{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:650}.list-head p{font-size:11px;color:#7c708e;margin:0}.ticket-list{overflow-y:auto;max-height:620px;min-height:230px;flex:1}.ticket{display:flex;align-items:flex-start;gap:11px;width:100%;padding:19px 18px;text-align:left;background:transparent;border:0;border-bottom:1px solid #f1f2f7;color:inherit;position:relative;transition:background .2s,box-shadow .2s}.ticket:hover{background:#faf9ff}.ticket.active{background:#f7f5ff}.ticket.active::before{position:absolute;content:"";width:3px;inset:13px auto 13px 0;background:#8b7df4;border-radius:0 4px 4px 0}.ticket .avatar{width:34px;height:34px;border-radius:11px;font-size:10px}.ticket-copy{min-width:0;flex:1}.ticket-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket-title strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ticket-title time{font-size:9px;color:#7c708e;white-space:nowrap}.ticket-preview{font-size:11px;line-height:1.55;color:#7c708e;display:block;margin:7px 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-bottom .badge{font-size:9px;padding:4px 6px}.category-short{display:block;color:#7c708e;font-size:9px;margin:4px 0 0}.empty-list{padding:42px 25px;text-align:center;color:#7c708e;font-size:12px;line-height:1.8}.list-footer{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#7c708e}.list-footer button{font-size:10px;min-height:31px;padding:7px 10px}
.conversation-pane{display:flex;flex-direction:column;min-width:0;min-height:650px}.conversation-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 30px;flex:1;min-height:630px;background:radial-gradient(ellipse at 50% 50%,#f7f4ff,transparent 65%)}.empty-icon{display:grid;place-items:center;width:70px;height:70px;border:1px solid #e4ddff;border-radius:23px;background:#f3efff;color:#8d7bd8;margin-bottom:25px;box-shadow:0 8px 25px #8a75de0a;animation:gentle-float 6s ease-in-out infinite}.empty-icon svg{width:28px;height:28px;stroke-width:1.4}.conversation-placeholder h2{font-size:23px;letter-spacing:-.7px;line-height:1.4;margin-bottom:12px;font-weight:550}.conversation-placeholder p{font-size:12px;line-height:1.9;color:#7c708e;max-width:300px}.conversation-placeholder .eyebrow{font-size:9px;color:#7c708e}.conversation-content{display:flex;flex-direction:column;flex:1;min-height:0}.conversation-header{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;background:#fff}.conversation-heading{flex:1;min-width:0}.conversation-heading h2{font-size:14px;margin:0 0 5px;font-weight:650;overflow-wrap:anywhere}.conversation-heading p{font-size:10px;color:#7c708e;margin:0;line-height:1.7;overflow-wrap:anywhere}.conversation-meta{display:flex;align-items:center;gap:10px}.back-to-list{display:none}.chat-protocol{color:#7c708e;font-size:9px;margin-left:5px;white-space:nowrap}.message-list{flex:1;overflow-y:auto;min-height:290px;height:390px;max-height:570px;padding:23px;background:#fafbfe;scrollbar-color:#dbdcea #fafbfe}.message-day{font-size:9px;color:#7c708e;text-align:center;margin:4px 0 21px}.message-row{display:flex;margin:0 0 17px;align-items:flex-end;gap:8px}.message-row.new-message{animation:message-enter .42s cubic-bezier(.2,.8,.2,1) both}.message-row.own{justify-content:flex-end}.message-row.system{justify-content:flex-start}.message-bubble{border:1px solid #e9ebf3;background:#fff;border-radius:15px 15px 15px 4px;padding:14px 16px;max-width:min(87%,570px);box-shadow:0 2px 5px #48527403}.message-row.own .message-bubble{background:#6558ee;border-color:#6558ee;color:#fff;border-radius:15px 15px 4px 15px;box-shadow:0 4px 10px #7164ef13}.message-row.system .message-bubble{background:#f3f0fc;border:1px solid #e9e3f6;border-radius:15px;max-width:95%;color:#79718f}.message-author{font-size:10px;font-weight:650;color:#7c708e;display:block;margin-bottom:7px}.message-row.own .message-author{color:#e4e0ff}.message-row.system .message-author{color:#7c708e;font-size:9px;letter-spacing:.4px}.message-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.message-time{display:block;text-align:right;font-size:9px;color:#7c708e;margin-top:8px}.message-row.own .message-time{color:#d4ceff}.message-attachment{display:flex;align-items:center;gap:9px;padding:11px;margin-top:10px;border:1px solid #e8eaf2;border-radius:9px;background:#f8f9fc}.message-row.own .message-attachment{border-color:#ffffff26;background:#ffffff0c}.file-label{font-size:9px;letter-spacing:.4px;font-weight:650;padding:8px 5px;background:#eceef5;border-radius:6px;color:#7c708e}.message-row.own .file-label{background:#ffffff1f;color:#eeeaff}.file-copy{flex:1;min-width:0}.file-copy strong{font-size:10px;font-weight:600;display:block;overflow-wrap:anywhere}.file-copy small{font-size:9px;display:block;color:inherit;opacity:.65;margin-top:3px}.file-actions{display:flex;gap:4px}.file-actions a,.file-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:5px;border:0;border-radius:6px;background:transparent;color:inherit;text-decoration:none;transition:background .2s,transform .2s}.file-actions a:hover,.file-actions button:hover{background:#9185ef13;transform:translateY(-1px)}.file-actions svg{width:15px;height:15px}
.composer-wrap{padding:17px 21px 13px;background:#fff;border-top:1px solid #eceef5}.composer{border:1px solid #e4e7f0;background:#fafbfe;border-radius:14px;padding:11px;transition:border-color .2s,box-shadow .2s,background .2s}.composer:focus-within{background:#fff;border-color:#b3a8fc;box-shadow:0 0 0 4px #6558ee08}.composer textarea{background:transparent;border:0;box-shadow:none;padding:3px 4px;min-height:52px;max-height:180px;resize:vertical;font-size:13px;line-height:1.65}.composer textarea:focus{box-shadow:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.composer-toolbar>div{display:flex;align-items:center;gap:10px}.composer-toolbar .primary{padding:8px 13px;min-height:35px;font-size:11px;border-radius:9px}.composer-toolbar .primary svg{width:14px;height:14px}.composer-hint{font-size:9px;color:#7c708e}.composer-note{margin:9px 0 0;text-align:center;color:#7c708e;font-size:9px;line-height:1.5}.file-pending{margin:6px 0 10px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid #e7e0fb;border-radius:9px;background:#f3f0fc;animation:soft-enter .25s both}.file-pending>span{flex:1;font-size:10px;overflow-wrap:anywhere;color:#8a7baa}.file-pending button{background:transparent;color:#7c708e;border:0;font-size:11px;padding:5px}.chat-readonly{padding:22px;border-top:1px solid #e8e4f1;font-size:12px;color:#7c708e;background:#faf8fe;line-height:1.8}.chat-readonly p{margin:0}.intro-panel{padding:20px 23px;border-top:1px solid #e7e4f3;background:#fbfaff;max-height:420px;overflow:auto}.intro-panel h3{font-size:13px;margin:0 0 7px;color:#716287;font-weight:600}.intro-panel>p{font-size:11px;color:#7c708e;margin-bottom:17px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.intro-panel .field{margin-bottom:13px}.intro-panel label{font-size:10px;color:#8a819b}.intro-panel input,.intro-panel textarea{font-size:12px;padding:10px 11px;min-height:36px;background:#fff}.intro-panel textarea{min-height:65px}.intro-panel .primary{font-size:11px;min-height:37px;padding:9px 13px}.upload-help{font-size:9px;color:#7c708e;line-height:1.75;display:block;margin-top:7px}.file-input{font-size:10px;padding:9px;cursor:pointer}.file-input::file-selector-button{background:#f0edfc;border:1px solid #e1d9f8;border-radius:7px;color:#7c708e;padding:7px 9px;margin-right:9px;font:inherit;cursor:pointer}.intro-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.intro-footer p{font-size:9px;color:#7c708e;max-width:310px;margin:0;line-height:1.8}.jump-latest{display:block;align-self:center;font-size:10px;margin-top:-35px;margin-bottom:8px;padding:8px 13px;border:1px solid #dfd8f8;background:#fff;color:#8f7fb9;border-radius:20px;position:relative;z-index:1;box-shadow:0 4px 16px #7e699221}.initial-loading{font-size:11px;color:#7c708e;padding:20px}
.preview-dialog,.category-dialog,.confirm-dialog{width:calc(100% - 32px);max-width:550px;padding:29px;border:1px solid #f0edf8;border-radius:22px;background:#fff;color:#303348;max-height:90dvh;overflow:auto;box-shadow:0 35px 130px #4d407432}dialog::backdrop{background:#70678438;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-enter .32s cubic-bezier(.2,.8,.2,1) both}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.dialog-top .eyebrow{margin:0;font-size:9px}.dialog-top button{font-size:11px;padding:8px 10px;min-height:32px}.preview-dialog h2{font-size:15px;overflow-wrap:anywhere}.preview-dialog img{display:block;max-width:100%;max-height:65dvh;object-fit:contain;margin:10px auto;border-radius:10px;background:#fff}.preview-dialog .secondary{margin-top:12px;font-size:11px}.category-dialog h2{font-size:27px;font-weight:550;letter-spacing:-.9px;margin-bottom:10px}.category-dialog>p{color:#7c708e;font-size:12px;margin-bottom:25px}.category-option{position:relative;display:flex;text-align:left;align-items:center;gap:15px;width:100%;margin-top:12px;padding:21px;border:1px solid #e9e5f2;border-radius:15px;background:#fdfcfe;color:#585267;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.category-option:hover{border-color:#cfc4f5;background:#f9f6ff;transform:translateY(-3px);box-shadow:0 10px 25px #7a609d0c}.category-option .category-icon{width:42px;height:42px;border:1px solid #e5ddf8;border-radius:13px;display:grid;place-items:center;background:#f3eefa;color:#7c708e;flex-shrink:0;transition:transform .3s}.category-option:nth-of-type(3) .category-icon{background:#ecf7f5;border-color:#d5eae5;color:#747c8d}.category-option:hover .category-icon{transform:rotate(-6deg) scale(1.08)}.category-option strong{display:block;font-size:12px;font-weight:650}.category-option small{display:block;color:#7c708e;font-size:10px;line-height:1.8;margin-top:6px}.category-option>svg{margin-left:auto;width:16px;color:#7c708e}.confirm-dialog{max-width:430px}.confirm-dialog h2{font-size:23px;letter-spacing:-.6px}.confirm-dialog>p{color:#7c708e;font-size:12px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.privacy-note{font-size:10px;color:#7c708e;text-align:center;margin:18px 0 0;line-height:1.7}
@keyframes soft-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes message-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gentle-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 3px #63bd940e}50%{box-shadow:0 0 0 5px #63bd9418}}
@media(max-width:1050px){.inbox{grid-template-columns:265px minmax(0,1fr)}.conversation-header{padding:18px}.message-list{padding:19px}.conversation-meta{flex-direction:column;align-items:flex-end;gap:6px}.intro-grid{grid-template-columns:1fr;gap:0}.intro-panel{max-height:345px}.message-bubble{max-width:92%}.composer-hint{display:none}}
@media(max-width:760px){input,textarea,select{font-size:16px}.inbox{display:block;border-radius:17px}.inbox-sidebar{border-right:0}.inbox.mobile-chat .inbox-sidebar{display:none}.inbox:not(.mobile-chat) .conversation-pane{display:none}.ticket-list{max-height:none;min-height:220px}.conversation-pane{min-height:600px}.conversation-placeholder{min-height:450px}.conversation-content{min-height:600px}.conversation-header{padding:17px 14px;gap:9px}.conversation-heading h2{font-size:13px}.conversation-heading p{font-size:9px}.conversation-header>.avatar{display:none}.back-to-list{display:inline-grid}.conversation-meta .connection{display:none}.message-list{padding:20px 14px;height:390px;max-height:480px;min-height:260px;flex:auto}.message-bubble{max-width:94%;padding:13px 14px}.message-text{font-size:13px;line-height:1.75}.message-author{font-size:10px}.intro-panel{padding:20px 16px;max-height:none;overflow:visible}.intro-panel h3{font-size:13px}.intro-panel>p,.intro-panel label{font-size:11px}.intro-panel input,.intro-panel textarea{font-size:16px}.intro-panel .file-input{font-size:12px}.intro-footer{align-items:flex-start;flex-direction:column}.intro-footer .primary{width:100%;min-height:43px;font-size:12px}.intro-footer p{font-size:10px}.composer-wrap{padding:13px 13px 11px}.composer textarea{font-size:16px;min-height:65px}.composer-note{font-size:9px}.file-pending>span{font-size:11px}.composer-toolbar .primary{min-height:38px;font-size:12px}.chat-protocol{display:block;margin:1px 0 0}.badge{font-size:9px}.category-dialog{padding:25px}.category-option{padding:19px 14px;gap:11px}.category-option strong{font-size:12px}.category-option small{font-size:10px}.confirm-actions{flex-wrap:wrap}.confirm-actions button{flex:1}.preview-dialog{padding:20px}.intro-grid{grid-template-columns:1fr}.intro-panel textarea{min-height:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}