*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#111b21}.app{display:grid;grid-template-columns:380px 1fr;height:100vh;background:#d9d9d9}.app-sidebar{background:#fff;border-right:1px solid #d1d7db;display:flex;flex-direction:column;overflow:hidden}.app-main{display:flex;flex-direction:column;min-width:0}.app-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f2f5;color:#667781;text-align:center}.chat-list{display:flex;flex-direction:column;height:100%}.chat-list-header{padding:16px;background:#075e54;color:#fff}.chat-list-header h1{margin:0;font-size:20px}.chat-search{padding:8px 12px;background:#f0f2f5}.chat-search input{width:100%;padding:8px 12px;border-radius:20px;border:none;background:#fff;outline:none;font-size:14px}.chat-list-items{flex:1;overflow-y:auto}.chat-list-empty,.chat-loading,.chat-error{padding:24px;color:#667781;text-align:center}.chat-list-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;border-bottom:1px solid #f0f2f5;cursor:pointer;text-align:left}.chat-list-item:hover,.chat-list-item.active{background:#f0f2f5}.chat-list-item-body{flex:1;min-width:0}.chat-list-item-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.chat-name{font-weight:600;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-date{font-size:12px;color:#667781;flex-shrink:0}.chat-preview{font-size:13px;color:#667781;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.chat-window{display:flex;flex-direction:column;height:100vh}.chat-window-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f2f5;border-bottom:1px solid #d1d7db}.back-button{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:#54656f}.chat-window-title{flex:1;min-width:0}.chat-window-name{font-weight:600;color:#111b21}.chat-window-subtitle{font-size:12px;color:#667781}.whoami-select{border-radius:16px;border:1px solid #d1d7db;padding:6px 10px;font-size:12px;background:#fff;color:#111b21}.chat-window-messages{flex:1;overflow-y:auto;overflow-anchor:none;padding:16px 8%;background-color:#efeae2;background-image:linear-gradient(#fff6,#fff6);will-change:scroll-position}.day-separator{display:flex;justify-content:center;margin:0 0 16px;padding-top:16px;position:sticky;top:8px;z-index:2;pointer-events:none}.day-separator span{background:#ffffffe6;color:#54656f;font-size:12px;padding:5px 12px;border-radius:8px;box-shadow:0 1px 2px #00000026}.system-message{display:flex;justify-content:center;margin:8px 0}.system-message span{background:#ffeecb;color:#756100;font-size:12px;padding:6px 12px;border-radius:8px;text-align:center;max-width:480px}.message-row{display:flex;margin-bottom:4px;content-visibility:auto;contain-intrinsic-size:0 80px}.message-row.me{justify-content:flex-end}.message-bubble{max-width:65%;background:#fff;border-radius:8px;padding:6px 9px 8px;position:relative;box-shadow:0 1px .5px #00000021}.message-bubble.me{background:#d9fdd3}.message-sender{font-size:13px;font-weight:600;margin-bottom:2px}.message-text{font-size:14.2px;color:#111b21;white-space:pre-wrap;word-break:break-word;padding-right:42px}.message-time{font-size:11px;color:#667781;text-align:right;margin-top:2px}.message-media{margin-bottom:4px}.media-image{max-width:260px;max-height:320px;min-height:120px;border-radius:6px;display:block;background:#0000000f}.media-video{max-width:280px;min-height:160px;border-radius:6px;background:#0000000f}.media-audio{width:240px}.media-document{display:flex;align-items:center;gap:6px;color:#075e54;text-decoration:none;font-size:14px}@media (max-width: 820px){.app{grid-template-columns:1fr}.app-sidebar{display:block}.app-main,.app.chat-open .app-sidebar{display:none}.app.chat-open .app-main{display:flex}.back-button{display:inline-block}.chat-window-messages{padding:12px 4%}}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#111b21}.login-card{background:#fff;border-radius:12px;padding:32px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #00000040}.login-card h1{margin:0;color:#075e54;text-align:center}.login-subtitle{margin:0 0 8px;color:#667781;text-align:center;font-size:13px}.login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#111b21}.login-card input{padding:9px 10px;border:1px solid #d1d7db;border-radius:6px;font-size:14px}.login-card button,.admin-modal button,.new-user-form button,.users-table-actions button{cursor:pointer}.login-card button[type=submit]{margin-top:8px;background:#075e54;color:#fff;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:600}.login-card button[type=submit]:disabled{opacity:.6}.login-error{background:#fde2e1;color:#a30000;padding:8px 10px;border-radius:6px;font-size:13px}.sidebar-userbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;background:#f0f2f5;border-bottom:1px solid #d1d7db;font-size:13px}.sidebar-user-email{color:#111b21;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-actions{display:flex;gap:12px;flex-shrink:0}.link-button{background:none;border:none;color:#075e54;font-size:13px;font-weight:600;cursor:pointer;padding:0}.admin-panel{height:100vh;overflow-y:auto;background:#f0f2f5;padding:24px 5%}.admin-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #d1d7db}.admin-tab{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:600;color:#667781;cursor:pointer;border-bottom:2px solid transparent}.admin-tab.active{color:#075e54;border-bottom-color:#075e54}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-section-header h3{margin:0}.admin-section-hint{font-size:13px;color:#667781;margin:0 0 16px}.mount-status{font-size:12px;font-weight:600;padding:3px 8px;border-radius:10px}.mount-status-ok{background:#d9fdd3;color:#0b7a3c}.mount-status-off{background:#f0f2f5;color:#667781}.admin-modal.mount-form{width:560px;max-width:92vw;max-height:85vh;gap:0}.mount-form-body{overflow-y:auto;overflow-x:hidden;padding:2px 4px 2px 2px;margin-bottom:14px}.mount-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#111b21;margin-bottom:14px}.mount-form input,.mount-form select{padding:9px 11px;border:1px solid #d1d7db;border-radius:6px;font-size:14px;width:100%}.mount-form-row{display:flex;gap:14px}.mount-form-row label{flex:1;min-width:0}.mount-form-row-checks{align-items:center}.mount-form-checkbox{flex-direction:row!important;align-items:center;gap:6px!important;margin-bottom:0!important;white-space:nowrap}@media (max-width: 600px){.mount-form-row,.mount-form-row-checks{flex-direction:column;gap:0}}.audit-filters{display:flex;gap:10px;margin-bottom:14px}.audit-filters select,.audit-filters input{padding:8px 10px;border:1px solid #d1d7db;border-radius:6px;font-size:13px}.audit-filters input{flex:1}.audit-detail{font-size:12px;color:#54656f;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:13px;color:#667781}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-panel-header h2{margin:0;color:#111b21}.admin-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px #00000014}.admin-section h3{margin-top:0}.admin-error{margin-bottom:16px}.new-user-form{display:flex;gap:10px;flex-wrap:wrap}.new-user-form input,.new-user-form select{padding:9px 10px;border:1px solid #d1d7db;border-radius:6px;font-size:14px}.new-user-form button{background:#075e54;color:#fff;border:none;border-radius:6px;padding:9px 16px;font-weight:600}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th{text-align:left;color:#667781;font-size:12px;text-transform:uppercase;border-bottom:1px solid #e9edef;padding:8px}.users-table td{padding:10px 8px;border-bottom:1px solid #f0f2f5;color:#111b21}.users-table-actions{display:flex;gap:8px;justify-content:flex-end}.btn-secondary{background:#fff;border:1px solid #d1d7db;border-radius:6px;padding:6px 12px;font-size:13px;color:#111b21}.btn-danger{background:#fde2e1;border:1px solid #f3a4a2;border-radius:6px;padding:6px 12px;font-size:13px;color:#a30000}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10}.admin-modal{background:#fff;border-radius:10px;padding:24px;width:420px;max-height:70vh;display:flex;flex-direction:column}.admin-modal h3{margin-top:0}.permissions-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px;margin:12px 0}.permission-item{display:flex;align-items:center;gap:8px;font-size:14px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px}.admin-modal-actions button:not(.btn-secondary){background:#075e54;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.jump-button{background:#fff;border:1px solid #d1d7db;border-radius:16px;padding:6px 10px;font-size:12px;color:#075e54;cursor:pointer;white-space:nowrap;flex-shrink:0}.jump-button:disabled{opacity:.5;cursor:default}@media (max-width: 820px){.jump-button{padding:6px 8px;font-size:11px}}.date-jump-input{border:1px solid #d1d7db;border-radius:8px;padding:5px 6px;font-size:12px;color:#111b21;background:#fff;flex-shrink:0}@keyframes message-flash{0%{box-shadow:0 0 0 3px #ffd166}to{box-shadow:0 0 #ffd16600}}.message-bubble.highlighted{animation:message-flash 2s ease-out}.search-panel{background:#fff;border-bottom:1px solid #d1d7db;padding:10px 16px}.search-panel input[type=text]{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #d1d7db;font-size:14px;outline:none}.search-results{max-height:280px;overflow-y:auto;margin-top:8px}.search-results-count{font-size:12px;color:#667781;padding:4px 4px 8px}.search-no-results{font-size:13px;color:#667781;padding:8px 4px}.search-result-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #f0f2f5;padding:8px 4px;cursor:pointer}.search-result-item:hover{background:#f0f2f5}.search-result-date{font-size:11px;color:#667781}.search-result-sender{font-size:12px;font-weight:600;color:#075e54}.search-result-text{font-size:13px;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}