@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&family=Unbounded:wght@700;900&display=swap";
:root{--color-sidebar:#14181f;--color-paper:#f1f2ed;--color-surface:#fff;--color-ink:#14181f;--color-ink-muted:#6b7280;--color-border:#d8dad1;--color-border-dark:#2a303c;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--project-color:#3b5bdb}.messages-page{border:1px solid var(--color-border);background:var(--color-surface);height:calc(100vh - 128px);min-height:520px;display:flex;overflow:hidden}.conversations-pane{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:0 0 350px;width:350px;display:flex}.conversations-heading{justify-content:space-between;align-items:center;padding:1.45rem 1.25rem 1rem;display:flex}.eyebrow,.list-caption{color:var(--color-ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.conversations-heading h1{margin:.2rem 0 0;font-size:1.45rem}.chat-total{border:1px solid var(--color-border);min-width:28px;height:28px;color:var(--color-ink-muted);font:.7rem var(--font-mono);border-radius:50%;place-items:center;padding:0 .45rem;display:grid}.people-search{color:var(--color-ink-muted);background:var(--color-paper);border:1px solid #0000;align-items:center;gap:.45rem;margin:0 1rem 1rem;padding-left:.75rem;display:flex;position:relative}.people-search:focus-within{border-color:var(--color-border-dark)}.people-search input{background:0 0;border:0;padding:.7rem .5rem .7rem 0}.conversations-list{padding-bottom:1rem;overflow-y:auto}.list-caption{margin:.25rem 1.25rem .55rem}.conversation-row{width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #eef0eb;border-left:3px solid #0000;border-right:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.conversation-row:hover,.conversation-row.selected{background:var(--color-paper);border-left-color:var(--project-color)}.chat-avatar{object-fit:cover;border-radius:50%;flex:none}.chat-avatar-fallback{background:var(--color-sidebar);color:#fff;place-items:center;font-weight:600;display:grid}.conversation-copy{flex-direction:column;flex:1;gap:.22rem;min-width:0;display:flex}.conversation-name{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.conversation-name strong,.conversation-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.conversation-name time,.conversation-copy small,.conversation-preview{color:var(--color-ink-muted);font-size:.74rem}.conversation-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread-badge{background:var(--color-ink);color:#fff;min-width:20px;height:20px;font:.65rem var(--font-mono);border-radius:10px;place-items:center;padding:0 .3rem;display:grid}.search-result svg{color:var(--color-ink-muted)}.empty-list{color:var(--color-ink-muted);text-align:center;flex-direction:column;align-items:center;gap:.45rem;padding:2.5rem 1rem;font-size:.84rem;display:flex}.empty-list p{color:var(--color-ink);margin:0}.dialogue-pane{background:var(--color-paper);flex-direction:column;flex:1;min-width:0;display:flex}.messages-empty{text-align:center;color:var(--color-ink-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.messages-empty h2{margin:1rem 0 .45rem;font-size:1.35rem}.messages-empty p{margin:0}.empty-mark{background:var(--color-surface);width:68px;height:68px;color:var(--color-ink);border:1px solid var(--color-border);border-radius:50%;place-items:center;display:grid}.dialogue-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:.75rem;min-height:72px;padding:.8rem 1.25rem;display:flex}.dialogue-contact{flex-direction:column;gap:.18rem;display:flex}.dialogue-contact strong{font-size:.95rem}.dialogue-contact span{color:var(--color-ink-muted);font-size:.75rem}.secure-note{color:var(--color-ink-muted);font:.68rem var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-left:auto}.back-to-chats{color:var(--color-ink);cursor:pointer;background:0 0;border:0;display:none}.message-history{flex:1;padding:1.25rem max(1.25rem,8%);overflow-y:auto}.date-divider{color:var(--color-ink-muted);font:.68rem var(--font-mono);text-transform:uppercase;align-items:center;gap:.75rem;margin:.5rem 0 1.25rem;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.message-row{margin-bottom:.55rem;display:flex}.message-row.mine{justify-content:flex-end}.message-bubble{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px 12px 12px;max-width:min(76%,600px);padding:.65rem .85rem .45rem;box-shadow:1px 2px #14181f0a}.message-bubble.mine{border-color:var(--color-ink);background:var(--color-ink);color:#fff;border-radius:12px 2px 12px 12px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.45}.message-image{border-radius:7px;max-width:100%;max-height:380px;margin-bottom:.4rem;display:block}.message-sticker{width:145px;max-width:100%;display:block}.message-meta{color:var(--color-ink-muted);font:.64rem var(--font-mono);justify-content:flex-end;align-items:center;gap:.22rem;margin-top:.3rem;display:flex}.message-bubble.mine .message-meta{color:#fff9}.message-meta .read{color:#8ec5ff}.empty-history{color:var(--color-ink-muted);text-align:center;margin-top:3rem;font-size:.86rem}.composer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:.8rem 1rem .55rem;position:relative}.composer-row{align-items:flex-end;gap:.35rem;display:flex}.composer textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-paper);min-height:43px;max-height:130px;font:.9rem var(--font-body);border-radius:4px;flex:1;padding:.7rem .85rem}.composer-icon,.send-button{width:42px;height:42px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.composer-icon:hover,.composer-icon.active{color:var(--color-ink);background:var(--color-paper)}.send-button{background:var(--color-ink);color:#fff}.send-button:disabled,.composer-icon:disabled{cursor:wait;opacity:.55}.composer-tip{color:var(--color-ink-muted);margin:.45rem 0 0 3rem;font-size:.67rem}.composer-error{color:#a12622;background:#fff0ef;margin-bottom:.55rem;padding:.5rem .7rem;font-size:.8rem}.sticker-panel{z-index:2;border:1px solid var(--color-border-dark);background:var(--color-surface);width:310px;padding:.8rem;position:absolute;bottom:calc(100% + .5rem);right:1rem;box-shadow:5px 5px #14181f1f}.sticker-panel-header{justify-content:space-between;margin-bottom:.65rem;display:flex}.sticker-panel-header label{color:var(--color-ink-muted);cursor:pointer;align-items:center;gap:.2rem;font-size:.75rem;display:flex}.sticker-panel input{display:none}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;max-height:250px;display:grid;overflow-y:auto}.sticker-grid button{aspect-ratio:1;background:var(--color-paper);cursor:pointer;border:1px solid #0000}.sticker-grid button:hover{border-color:var(--color-border-dark)}.sticker-grid img{object-fit:contain;width:100%;height:100%}.sticker-grid p{color:var(--color-ink-muted);text-align:center;grid-column:1/-1;margin:1rem 0;font-size:.8rem}@media (max-width:768px){.messages-page{border:0;height:calc(100vh - 96px);min-height:0;margin:-1rem}.conversations-pane{flex-basis:100%;width:100%}.conversation-mobile-hidden,.dialogue-mobile-hidden{display:none}.back-to-chats{place-items:center;display:grid}.secure-note{display:none}.message-history{padding:1rem}.message-bubble{max-width:88%}.composer-tip{display:none}.composer{padding-bottom:.75rem}}.ticket-inbox{border:1px solid var(--color-border);background:var(--color-surface);height:calc(100vh - 128px);min-height:520px;display:flex;overflow:hidden}.ticket-list{border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 310px;width:310px;display:flex}.ticket-list-heading{justify-content:space-between;align-items:center;padding:1.35rem 1.2rem 1rem;display:flex}.ticket-list-heading h2{margin:.2rem 0 0;font-size:1.4rem}.ticket-list-heading>span{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-ink-muted);font:.7rem var(--font-mono);border-radius:50%;place-items:center;display:grid}.ticket-items{flex:1;overflow-y:auto}.ticket-row{width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #eef0eb;border-left:3px solid #0000;border-right:0;flex-direction:column;gap:.3rem;padding:.85rem 1rem;display:flex}.ticket-row:hover,.ticket-row.selected{background:var(--color-paper);border-left-color:var(--project-color)}.ticket-row-code,.ticket-code{color:var(--color-ink-muted);font:.7rem var(--font-mono)}.ticket-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.ticket-row small{color:var(--color-ink-muted);font-size:.72rem}.ticket-list-empty{color:var(--color-ink-muted);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1rem;display:flex}.ticket-list-empty p{margin:0}.ticket-dialogue{background:var(--color-paper);flex-direction:column;flex:1;min-width:0;display:flex}.ticket-empty{color:var(--color-ink-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ticket-empty>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.ticket-empty h2{margin:1rem 0 .4rem;font-size:1.3rem}.ticket-empty p{margin:0}.ticket-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:1rem;min-height:77px;padding:.85rem 1.35rem;display:flex}.ticket-header h2{margin:.25rem 0 0;font-size:1.05rem}.close-ticket{color:#b2312b;cursor:pointer;font:.78rem var(--font-body);background:0 0;border:1px solid #d15a54;align-items:center;gap:.4rem;padding:.5rem .7rem;display:flex}.ticket-thread{flex:1;padding:1.5rem max(1.25rem,8%);overflow-y:auto}.ticket-thread-empty{color:var(--color-ink-muted);text-align:center;margin-top:3rem;font-size:.88rem}.ticket-message{gap:.55rem;margin-bottom:1.1rem;display:flex}.ticket-message.staff{flex-direction:row-reverse}.ticket-message.staff>div{flex-direction:column;align-items:flex-end;display:flex}.ticket-avatar{object-fit:cover;border-radius:50%;flex:none}.ticket-avatar-fallback{background:var(--color-sidebar);color:#fff;place-items:center;font-size:.75rem;font-weight:600;display:grid}.ticket-message-author{color:var(--color-ink-muted);gap:.55rem;margin-bottom:.3rem;font-size:.72rem;display:flex}.ticket-message-author strong{color:var(--color-ink)}.ticket-message-author time{font-family:var(--font-mono)}.ticket-message-bubble{border:1px solid var(--color-border);background:var(--color-surface);border-radius:2px 12px 12px;max-width:min(600px,72vw);padding:.7rem .85rem}.ticket-message.staff .ticket-message-bubble{border-color:var(--color-ink);background:var(--color-ink);color:#fff;border-radius:12px 2px 12px 12px}.ticket-message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.45}.ticket-message-bubble img{border-radius:6px;max-width:100%;margin-top:.5rem;display:block}.ticket-composer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:.8rem 1rem .55rem}.ticket-composer>div{align-items:flex-end;gap:.5rem;display:flex}.ticket-composer textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-paper);min-height:42px;max-height:130px;font:.9rem var(--font-body);flex:1;padding:.7rem .8rem}.ticket-composer button{background:var(--color-ink);color:#fff;cursor:pointer;border:0;place-items:center;width:42px;height:42px;display:grid}.ticket-composer button:disabled{opacity:.6;cursor:wait}.ticket-composer>small{color:var(--color-ink-muted);margin:.45rem 0 0 2.5rem;font-size:.67rem;display:block}.ticket-error{color:#a12622;margin:0 0 .5rem;font-size:.8rem}.ticket-row small.closed{color:#7b5d19}.close-ticket:disabled{opacity:.55;cursor:wait}.ticket-closed-actions{align-items:center;gap:.5rem;display:flex}.ticket-closed-label,.ticket-closed-notice{color:#326346;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.ticket-closed-label{background:#edf6ef;border:1px solid #92b59d;padding:.5rem .7rem}.ticket-closed-notice{justify-content:center;min-height:42px}.sync-ticket{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted);cursor:pointer;padding:.5rem .65rem;font-size:.72rem}.sync-ticket:disabled{opacity:.55;cursor:wait}@media (max-width:768px){.ticket-inbox{border:0;height:calc(100vh - 96px);min-height:0;margin:-1rem}.ticket-list{flex-basis:245px;width:245px}.ticket-header{padding:.75rem}.close-ticket{font-size:0}.close-ticket svg{margin:0}.ticket-thread{padding:1rem}.ticket-message-bubble{max-width:78vw}.ticket-composer>small{display:none}}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);min-height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin-top:0}.mono{font-family:var(--font-mono)}.main-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-sidebar);color:#f1f2ed;flex-direction:column;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--color-border-dark);padding:1.5rem}.sidebar-header h2{color:#fff;letter-spacing:.04em;margin:0;font-family:Pixelify Sans,sans-serif;font-size:1.5rem;font-weight:700}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{color:#8c96a6;cursor:pointer;border-left:4px solid #0000;align-items:center;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;border-left:4px solid var(--project-color);background:#ffffff0d}.content-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;font-family:var(--font-body);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}input:focus{border-color:var(--project-color)}.btn{background:var(--color-ink);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;padding:.6rem 1.25rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.btn-outline{color:var(--color-ink);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-ink);background:#00000008}.btn-sidebar{color:#8c96a6;border:1px solid var(--color-border-dark);background:0 0}.btn-sidebar:hover{color:#fff;background:#ffffff0d}.segment-control{border-bottom:2px solid var(--color-border);gap:1rem;display:inline-flex}.segment-btn{font-family:var(--font-display);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:600;position:relative}.segment-btn.active{color:var(--color-ink)}.segment-btn.active:after{content:"";background:var(--project-color);height:2px;position:absolute;bottom:-2px;left:0;right:0}.kanban-board{gap:1.5rem;min-height:0;padding-bottom:1rem;display:flex;overflow:auto}.kanban-column{flex-direction:column;flex:0 0 320px;display:flex}.column-header{font-family:var(--font-display);color:var(--color-ink);border-top:3px solid var(--project-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:.5rem;font-size:1.1rem;display:flex}.column-count{font-family:var(--font-mono);color:var(--color-ink-muted);font-size:.75rem}.task-list{flex-direction:column;flex:1;gap:.75rem;display:flex}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--project-color);cursor:pointer;padding:1.25rem;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #00000008}.task-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0000000f}.task-title{font-family:var(--font-body);margin-bottom:1rem;font-weight:500;line-height:1.4}.task-meta{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.task-priority{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-ink-muted);font-size:.7rem}.task-add{text-align:left;width:100%;color:var(--color-ink-muted);border:1px dashed var(--color-border);background:0 0;justify-content:flex-start;margin-top:.5rem}.task-add:hover{border-style:solid}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:6px solid var(--project-color);cursor:pointer;padding:1.5rem;transition:transform .1s;box-shadow:4px 4px #00000008}.project-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000000f}.project-card h3{margin-bottom:.5rem}.auth-wrapper{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:6px solid var(--color-sidebar);width:100%;max-width:400px;padding:3rem;box-shadow:8px 8px #0000000d}.auth-card h1{margin-bottom:2rem;font-size:1.5rem}.input-group{margin-bottom:1.25rem}.input-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:.5rem;font-size:.75rem;display:block}.loader-spinner{border:3px solid #ffffff1a;border-top-color:#3b5bdb;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cursor-blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1600px){.sidebar{z-index:1000;white-space:nowrap;border-right:1px solid var(--color-border-dark);width:50px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:2px 0 10px #0000001a}.sidebar:before{content:"☰";text-align:center;color:#8c96a6;pointer-events:none;z-index:2;width:50px;font-size:1.25rem;transition:opacity .2s;position:absolute;top:1.5rem;left:0}.sidebar:hover{width:260px}.sidebar:hover:before{opacity:0}.sidebar>*{opacity:0;pointer-events:none;transition:opacity .2s}.sidebar:hover>*{opacity:1;pointer-events:auto;transition-delay:.1s}.content-area{flex:none!important;width:calc(100% - 50px)!important;margin-left:50px!important}}