:root{--sb-bg: #13132a;--sb-surface: #1a1a36;--sb-raised: #22223e;--sb-hover: #262645;--sb-border: #2e2e52;--sb-muted: #6b7299;--sb-text: #b0b8d4;--sb-bright: #e2e6f3;--ct-bg: #f5f7fb;--ct-surface: #ffffff;--ct-border: #e4e8f0;--ct-muted: #8892a4;--ct-text: #1e2333;--ct-subtle: #f0f3f8;--ind-950: #1e1b4b;--ind-900: #312e81;--ind-800: #3730a3;--ind-600: #4f46e5;--ind-500: #6366f1;--ind-400: #818cf8;--ind-300: #a5b4fc;--ind-200: #c7d2fe;--ind-100: #e0e7ff;--ind-50: #eef2ff;--red-600: #dc2626;--red-500: #ef4444;--red-400: #f87171;--red-100: #fee2e2;--red-50: #fef2f2;--green-700: #15803d;--green-600: #16a34a;--green-100: #dcfce7;--green-50: #f0fdf4;--orange-500: #f59e0b;--orange-100: #fef3c7;--color-bg: var(--ct-bg);--color-accent: var(--ind-600)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ct-bg);color:var(--ct-text)}.layout{display:flex;height:100vh}.sidebar{width:280px;background:var(--sb-bg);color:var(--sb-text);display:flex;flex-direction:column;overflow-y:auto;padding:12px}.logo{font-size:20px;font-weight:700;color:var(--sb-bright);margin-bottom:8px;padding:8px 0 0}.current-user{display:flex;flex-direction:column;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--sb-border)}.current-user-name{font-size:12px;color:var(--sb-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-user-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;padding:1px 6px;border-radius:4px;align-self:flex-start;background:var(--sb-raised);color:var(--sb-muted)}.current-user-role.admin{background:var(--ind-900);color:var(--ind-300)}.current-user-role.operator{background:#1e3352;color:#7ab8e8}.sidebar-section{margin-bottom:16px}.sidebar-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--sb-muted);margin-bottom:8px}.chat-search{width:100%;box-sizing:border-box;padding:6px 10px;margin-bottom:8px;font-size:13px;color:var(--sb-text);background:var(--sb-raised);border:1px solid var(--sb-border);border-radius:6px;outline:none;transition:border-color .15s}.chat-search::placeholder{color:var(--sb-muted)}.chat-search:focus{border-color:var(--ind-600)}.chats-search-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.chats-search-row .chat-search{flex:1;min-width:0;width:auto;margin-bottom:0}.sidebar .chat-add-btn{width:30px;height:30px;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#7ab8e8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.sidebar .chat-add-btn:hover{color:#a8d4f5;background:#7ab8e81f;border-color:#7ab8e852}.sidebar .chat-add-btn:active{background:#7ab8e833;border-color:#7ab8e873}.chat-item{padding:6px 8px;font-size:13px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--sb-text);transition:color .15s,background .15s;min-height:30px}.chat-item:hover{background:var(--sb-hover);color:var(--sb-bright)}.chat-item>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-text{display:flex;flex-direction:column;min-width:0}.chat-item-text>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-group{font-size:11px;color:var(--sb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-badges{display:flex;gap:4px;align-items:center;flex-shrink:0;margin-left:auto}.chat-item.active{background:linear-gradient(90deg,var(--ind-800) 0%,var(--ind-900) 100%);color:var(--ind-100);box-shadow:inset 2px 0 0 var(--ind-500)}.sidebar .chat-edit-btn{width:30px;height:30px;padding:0;flex-shrink:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ind-300);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s,border-color .15s}.sidebar .chat-edit-btn:hover{color:var(--ind-200);background:#6366f124;border-color:#6366f152}.sidebar .chat-edit-btn:active{background:#6366f138;border-color:#6366f173}.chat-item.active .chat-edit-btn{color:var(--ind-100)}.chat-item.active .chat-edit-btn:hover{background:#ffffff24;border-color:#ffffff40}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red-500);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;flex-shrink:0}.important-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--orange-500);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;flex-shrink:0}.sidebar .filter-btn{display:inline-block;padding:4px 10px;margin:2px;font-size:12px;background:var(--sb-raised);color:var(--sb-text);border:none;border-radius:12px;cursor:pointer}.sidebar .filter-btn.active{background:var(--ind-600);color:#fff}.sidebar .filter-btn:disabled{opacity:.35;cursor:default}.filter-soon{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--sb-muted);margin-left:4px;vertical-align:middle}.sidebar button:not(.admin-icon-btn):not(.admin-add-btn):not(.filter-btn):not(.chat-edit-btn):not(.ef-btn):not(.chat-add-btn){padding:6px 12px;font-size:12px;background:var(--sb-raised);color:var(--sb-text);border:1px solid var(--sb-border);border-radius:5px;cursor:pointer;margin:2px;transition:background .15s,color .15s,border-color .15s}.sidebar button:not(.admin-icon-btn):not(.admin-add-btn):not(.filter-btn):not(.chat-edit-btn):not(.ef-btn):not(.chat-add-btn):hover{background:var(--sb-hover);color:var(--sb-bright);border-color:var(--ind-900)}.sim-controls{margin:6px 0}.sim-controls label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sb-text);margin-bottom:4px}.sim-controls input[type=number]{width:48px;padding:3px 4px;font-size:12px;background:var(--sb-raised);color:var(--sb-bright);border:1px solid var(--sb-border);border-radius:4px;text-align:center}.sim-controls small{color:var(--sb-muted);font-size:10px}.sim-controls .checkbox-label{cursor:pointer}.sim-controls .checkbox-label input[type=checkbox]{margin-right:4px}.sim-status{margin-top:6px;color:#4ade80;font-size:11px}.content{flex:1;display:flex;flex-direction:column;background:var(--ct-bg)}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ct-muted)}.chat-view{display:flex;flex-direction:column;height:100%;position:relative}.chat-header{padding:14px 20px;font-size:16px;font-weight:600;border-bottom:1px solid var(--ct-border);background:var(--ct-surface);display:flex;align-items:center;gap:12px}.chat-header-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box{margin-left:auto;flex-shrink:0}.search-box.expanded{flex:1;max-width:70%}.search-toggle{background:none;border:none;cursor:pointer;color:var(--ct-muted);padding:4px;display:flex;align-items:center}.search-toggle:hover{color:var(--ct-text)}.search-input-wrap{display:flex;align-items:center;background:var(--ct-subtle);border-radius:6px;padding:4px 8px;gap:6px}.search-icon{flex-shrink:0;color:var(--ct-muted)}.search-input{border:none;background:transparent;outline:none;font-size:14px;font-weight:400;width:100%;color:var(--ct-text)}.search-input::placeholder{color:var(--ct-muted)}.date-nav-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 20px;border-bottom:1px solid var(--ct-border);background:var(--ct-subtle);flex-shrink:0}.date-nav-arrow{width:26px;height:26px;padding:0;border:1px solid var(--ct-border);border-radius:6px;background:var(--ct-surface);color:var(--ct-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.date-nav-arrow:hover:not(:disabled){background:var(--ind-50);color:var(--ind-600);border-color:var(--ind-200)}.date-nav-arrow:disabled{opacity:.35;cursor:default}.date-label-wrap{position:relative}.date-nav-label{padding:4px 16px;font-size:13px;font-weight:500;border:1px solid var(--ct-border);border-radius:6px;background:var(--ct-surface);color:var(--ct-muted);cursor:pointer;white-space:nowrap;min-width:130px;text-align:center;transition:background .12s,color .12s,border-color .12s}.date-nav-label:hover{background:var(--ind-50);color:var(--ind-600);border-color:var(--ind-200)}.date-nav-label.active{background:var(--ind-50);color:var(--ind-600);border-color:var(--ind-300);font-weight:600}.date-picker-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;border:none;padding:0}.date-clear-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;border:1px solid var(--ct-border);border-radius:6px;background:var(--ct-surface);color:var(--ct-muted);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.date-clear-btn:hover{background:var(--red-50);color:var(--red-600);border-color:#fca5a5}.messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.message{max-width:70%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.message .text a{color:var(--ind-600);text-decoration:underline}.message.operator .text a,.message.admin .text a{color:#c7d2fe}.message .text code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:#0000000f;padding:1px 4px;border-radius:4px}.message.operator .text code,.message.admin .text code{background:#ffffff1f}.message .text blockquote{margin:4px 0;padding-left:10px;border-left:3px solid var(--ind-400);color:var(--ct-muted)}.message.operator .text blockquote,.message.admin .text blockquote{border-left-color:#fff6;color:#ffffffb3}.message .text mark{background:transparent;color:var(--red-600)}.message.operator .text mark,.message.admin .text mark{color:var(--red-400)}.message.resident{align-self:flex-start;background:var(--ct-surface);color:var(--ct-text);border:1px solid var(--ct-border);min-width:200px}.message.operator{align-self:flex-end;background:var(--ind-600);color:#fff;border-bottom-right-radius:4px}.message.admin{align-self:flex-end;background:var(--ind-900);color:#fff;border-bottom-right-radius:4px}.sender{font-size:11px;font-weight:600;display:block;margin-bottom:2px}.message.operator .sender{color:#ffffffa6}.message.admin .sender{color:#ffffff8c}.badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:8px;margin-left:6px;vertical-align:middle;flex-shrink:0}.badge.important{background:var(--orange-100);color:var(--orange-500)}.badge.normal{background:var(--ind-100);color:var(--ind-600)}.badge.toxic{background:var(--red-100);color:var(--red-600)}.message.resident.irrelevant{color:#6b7280;opacity:.75;transition:opacity .2s,color .2s}.message.resident.irrelevant .sender{color:#9ca3af}.msg-time{display:block;text-align:right;font-size:11px;color:var(--ct-muted);margin-top:4px}.message.operator .msg-time{color:#ffffff8c}.message.admin .msg-time{color:#ffffff73}.message.resident{cursor:pointer}.message.msg-active{outline:2px solid var(--ind-500);outline-offset:1px}.msg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.07)}.msg-action-btn{padding:3px 10px;font-size:11px;border:none;border-radius:10px;cursor:pointer;font-weight:600}.msg-action-btn.mark{background:var(--ind-100);color:var(--ind-600)}.msg-action-btn.mark:hover{background:var(--ind-200)}.msg-action-btn.unmark{background:var(--red-100);color:var(--red-600)}.msg-action-btn.unmark:hover{background:#fecaca}.msg-status-label{font-size:11px;font-weight:600;color:var(--ct-muted);padding:3px 10px;background:var(--ct-subtle);border-radius:10px}.msg-reply-wrap{margin-left:auto;padding-left:10px;border-left:1px solid rgba(0,0,0,.08);display:flex;align-items:center;flex-shrink:0}.msg-reply-btn{width:26px;height:26px;padding:0;border:1px solid var(--ct-border);border-radius:6px;background:var(--ct-subtle);color:var(--ct-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.msg-reply-btn:hover{background:var(--ind-100);color:var(--ind-600);border-color:var(--ind-300)}.admin-status-btns{display:flex;gap:4px;align-items:center}.status-btn{width:26px;height:26px;padding:0;border:1px solid var(--ct-border);border-radius:6px;background:var(--ct-subtle);color:var(--ct-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.status-btn:hover{background:var(--ind-100);color:var(--ind-600);border-color:var(--ind-300)}.status-btn.active{background:var(--ind-600);color:#fff;border-color:var(--ind-600)}.status-btn.status-done:hover{background:var(--green-100);color:var(--green-600);border-color:#86efac}.status-btn.status-done.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.status-btn.status-cancel:hover{background:var(--red-100);color:var(--red-600);border-color:#fca5a5}.status-btn.status-cancel.active{background:var(--red-600);color:#fff;border-color:var(--red-600)}.reply-bar{display:flex;padding:12px 20px;border-top:1px solid var(--ct-border);background:var(--ct-surface);gap:8px}.reply-bar textarea{flex:1;padding:8px 12px;border:1px solid var(--ct-border);border-radius:8px;font-size:14px;font-family:inherit;line-height:1.4;resize:none;overflow-y:hidden;min-height:38px;max-height:120px;outline:none;background:var(--ct-subtle);color:var(--ct-text);transition:border-color .15s,background .15s}.reply-bar textarea:focus{border-color:var(--ind-500);background:var(--ct-surface)}.reply-bar textarea::placeholder{color:var(--ct-muted)}.send-btn{padding:8px 16px;background:var(--ind-600);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;flex-shrink:0;transition:background .15s}.send-btn:hover{background:var(--ind-800)}.templates-bar{display:flex;flex-direction:column;gap:6px;padding:8px 20px;border-top:1px solid var(--ct-border);background:var(--ct-surface)}.template-bar-search{flex-shrink:0}.template-bar-search input{width:100%;padding:4px 8px;font-size:12px;background:var(--ct-subtle);border:1px solid var(--ct-border);border-radius:6px;outline:none;color:var(--ct-text);transition:border-color .15s,background .15s}.template-bar-search input:focus{border-color:var(--ind-500);background:var(--ct-surface)}.template-bar-search input::placeholder{color:var(--ct-muted)}.template-btn-wrap{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;max-height:68px}.template-btn{white-space:nowrap;padding:4px 10px;font-size:12px;background:var(--ct-subtle);border:1px solid var(--ct-border);border-radius:6px;cursor:pointer;color:var(--ct-text);transition:background .12s,border-color .12s,color .12s}.template-btn:hover{background:var(--ind-50);border-color:var(--ind-300);color:var(--ind-600)}[x-cloak]{display:none!important}.scroll-to-bottom-btn{position:absolute;bottom:117px;right:24px;z-index:10;width:40px;height:40px;border-radius:50%;background:var(--ind-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #4f46e559;transition:background .15s,transform .15s}.scroll-to-bottom-btn:hover{background:var(--ind-800);transform:scale(1.05)}.new-msg-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red-500);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.msg-row{display:contents}.divider-row{width:100%}.new-messages-divider{display:flex;align-items:center;gap:8px;padding:6px 0;margin:2px 0;width:100%}.new-messages-divider:before,.new-messages-divider:after{content:"";flex:1;height:1px;background:var(--ind-200)}.new-messages-divider span{font-size:11px;font-weight:600;color:var(--ind-400);white-space:nowrap;letter-spacing:.3px}.mark-all-read-btn{padding:4px 10px;font-size:12px;background:var(--ind-50);color:var(--ind-600);border:1px solid var(--ind-200);border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.mark-all-read-btn:hover{background:var(--ind-100);border-color:var(--ind-300)}.admin-section{border-top:1px solid var(--sb-border);padding-top:12px}.admin-panel-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.admin-inline-form{display:flex;flex-direction:column;gap:6px;padding:8px;margin:4px 0;background:var(--sb-raised);border-radius:6px;border:1px solid var(--sb-border)}.admin-inline-form input{padding:5px 8px;font-size:13px;background:var(--sb-bg);color:var(--sb-bright);border:1px solid var(--sb-border);border-radius:4px;outline:none;transition:border-color .15s}.admin-inline-form input:focus{border-color:var(--ind-600)}.admin-inline-form input::placeholder{color:var(--sb-muted)}.admin-hint{font-size:10px;color:var(--sb-muted)}.edit-form-actions{display:flex;gap:6px;align-items:center}.edit-form-actions button{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.edit-form-actions .ef-save{margin-left:auto;background:var(--ind-600);color:#fff}.edit-form-actions .ef-save:hover{background:var(--ind-800)}.edit-form-actions .ef-cancel{background:var(--sb-border);color:var(--sb-text)}.edit-form-actions .ef-cancel:hover{background:var(--sb-hover);color:var(--sb-bright)}.edit-form-actions .ef-delete{background:transparent;color:var(--red-400);border-color:#f8717159}.edit-form-actions .ef-delete:hover{background:#f871711f;color:#fca5a5;border-color:#f871718c}.admin-inline-form select{width:100%;padding:6px 8px;font-size:12px;background:var(--sb-raised);color:var(--sb-text);border:1px solid var(--sb-border);border-radius:4px;margin-bottom:6px;cursor:pointer}.admin-inline-form select:focus{outline:none;border-color:var(--ind-600)}.users-panel{margin-top:6px;border:1px dashed var(--sb-border);border-radius:6px;padding:8px}.users-empty{font-size:12px;color:var(--sb-muted);padding:4px 0}.user-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;cursor:default;color:var(--sb-text);transition:background .15s,color .15s;min-height:30px}.user-row:hover{background:var(--sb-hover);color:var(--sb-bright)}.user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-size:13px;color:var(--sb-bright);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:4px;display:inline-block;width:fit-content}.user-role.operator{background:#1e3352;color:#7ab8e8}.user-role.admin{background:var(--ind-900);color:var(--ind-300)}.template-row{cursor:default}.admin-inline-form textarea{padding:6px 8px;font-size:13px;background:var(--sb-bg);color:var(--sb-bright);border:1px solid var(--sb-border);border-radius:4px;outline:none;resize:vertical;min-height:48px;font-family:inherit;line-height:1.4;transition:border-color .15s}.admin-inline-form textarea:focus{border-color:var(--ind-600)}.admin-inline-form textarea::placeholder{color:var(--sb-muted)}.inbox-section{margin-bottom:4px}.inbox-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--sb-text);font-size:13px;font-weight:500;transition:background .12s,color .12s}.inbox-item:hover{background:var(--sb-hover);color:var(--sb-bright)}.inbox-item.active{background:linear-gradient(90deg,var(--ind-800) 0%,var(--ind-900) 100%);color:var(--ind-100);box-shadow:inset 2px 0 0 var(--ind-500)}.inbox-item .unread-badge{margin-left:auto}.section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.toggle-caret{font-size:10px;opacity:.6}.chats-list-wrap{max-height:42vh;overflow-y:auto;overflow-x:hidden}.chats-list-wrap::-webkit-scrollbar{width:4px}.chats-list-wrap::-webkit-scrollbar-track{background:transparent}.chats-list-wrap::-webkit-scrollbar-thumb{background:var(--sb-border);border-radius:2px}.message.inbox-msg{display:flex;flex-direction:column;gap:6px}.inbox-msg-header{align-self:flex-end;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.07);padding:0 0 6px;margin-bottom:6px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--ct-muted);cursor:pointer;transition:color .12s;outline:none;line-height:1;white-space:nowrap;order:-1}.inbox-msg-header:after{content:" ↗";opacity:.35;font-size:6px;margin-left:2px}.inbox-msg-header:hover{color:var(--ind-600)}.inbox-msg-header:hover:after{opacity:1}.message.inbox-msg:hover .inbox-msg-header{color:var(--ind-500)}.inbox-chat-link:hover:after{opacity:1}.inbox-send-btn{height:38px;padding:0 18px;background:var(--ind-600);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s}.inbox-send-btn:hover{background:var(--ind-800)}.message.msg-highlight{animation:msg-highlight-pulse 3s ease-out forwards}@keyframes msg-highlight-pulse{0%,35%{box-shadow:0 0 0 3px var(--ind-400),0 0 16px var(--ind-200)}to{box-shadow:none}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ct-text);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000002e}@media(max-width:768px){.layout{flex-direction:column}.mobile-header{display:flex;align-items:center;gap:10px;height:60px;padding:0 12px;padding-top:env(safe-area-inset-top);background:var(--ct-surface);border-bottom:1px solid var(--ct-border);flex-shrink:0}.mobile-header .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--ct-text);border:none;border-radius:8px;cursor:pointer;font-size:20px}.mobile-header .menu-btn:hover{background:var(--ct-subtle)}.mobile-header .mobile-title{font-size:15px;font-weight:600;color:var(--ct-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:200;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#00000059}.content{height:calc(100vh - 44px - env(safe-area-inset-top))}.chat-view{height:100%}.messages{padding:12px 14px}.message{max-width:80%}.reply-bar{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:6px}.templates-bar{padding:8px 14px}.chat-header{padding:10px 14px}.date-nav-bar{padding:6px 14px}.scroll-to-bottom-btn{bottom:107px;right:14px}.chat-item{padding:8px 10px;gap:6px}.chat-view.inbox-active .chat-header{display:none}}@media(min-width:769px){.mobile-header,.sidebar-overlay{display:none}}.outbox-view{display:flex;flex-direction:column;height:100%}.outbox-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ct-muted)}.outbox-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.outbox-msg-count{font-size:11px;color:#ffffff8c;font-weight:500}.outbox-compose{flex-shrink:0;display:flex;flex-direction:column;padding:12px 16px;gap:8px;background:var(--ct-surface);border-top:1px solid var(--ct-border)}.outbox-compose textarea{flex:1;padding:12px 16px;border:1px solid var(--ct-border);border-radius:8px;font-size:14px;font-family:inherit;line-height:1.5;resize:none;outline:none;background:var(--ct-subtle);color:var(--ct-text);transition:border-color .15s,background .15s}.outbox-compose textarea:focus{border-color:var(--ind-500);background:var(--ct-surface)}.outbox-compose textarea::placeholder{color:var(--ct-muted)}.outbox-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.outbox-send-btn{padding:10px 20px;background:var(--ind-600);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0;align-self:flex-end;white-space:nowrap}.outbox-send-btn:hover{background:var(--ind-800)}.outbox-send-btn:active{background:var(--ind-900)}.reply-bar textarea:disabled{opacity:.45;cursor:default;background:var(--ct-subtle)!important;border-color:var(--ct-border)!important}.inbox-cancel-reply-btn{width:32px;height:32px;padding:0;background:var(--ct-subtle);color:var(--ct-muted);border:1px solid var(--ct-border);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;transition:background .12s,color .12s,border-color .12s}.inbox-cancel-reply-btn:hover{background:var(--red-50);color:var(--red-600);border-color:#fca5a5}.access-denied{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--ct-bg);z-index:1000;padding:24px}.access-denied-box{max-width:360px;text-align:center;background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:12px;padding:28px 24px}.access-denied-box h2{margin:0 0 10px;color:var(--red-600);font-size:18px}.access-denied-box p{margin:0;color:var(--ct-muted);font-size:14px;line-height:1.5}