:root{--bg: #0b0f1a;--bg-elevated: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--teal: #d9b878;--amber: #ffa94d;--diplomatic-blue: #2f5d8a;--solid-elevated: #171c2e;--text: #eef1f6;--text-dim: #8b93a7;--bubble-out: linear-gradient(135deg, #d9b878 0%, #c49f5e 100%);--bubble-in: rgba(255, 255, 255, .06);--danger: #ff6b6b;--radius: 18px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.app-shell{display:flex;height:calc(100dvh - 44px);margin-top:44px;overflow:hidden}.welcome-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px}.welcome-card{width:100%;max-width:460px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:22px;padding:36px 32px;text-align:center}.welcome-brand-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.welcome-logo{width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,var(--teal),var(--amber));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#241400}.welcome-brand-sub{font-size:13px;color:var(--text-dim);text-align:left}.welcome-heading{font-size:26px;font-weight:700;line-height:1.25;margin:0 0 14px}.welcome-buttons-row{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.welcome-btn{flex:1;max-width:180px;padding:13px 20px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;text-align:center}.welcome-btn.secondary{background:var(--bg);border:1px solid var(--glass-border);color:var(--text)}.welcome-footnote{font-size:12.5px;color:var(--text-dim);margin:0}@media (max-width: 480px){.welcome-buttons-row{flex-direction:column}.welcome-btn{max-width:none}}.brand-header{position:fixed;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:center;background:#0b0f1af2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);z-index:50;font-weight:700;font-size:15px;letter-spacing:.6px;color:var(--teal)}.conv-list{width:320px;border-right:1px solid var(--glass-border);overflow-y:auto;background:#ffffff05}.conv-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--glass-border);transition:background .15s ease}.conv-item:hover,.conv-item.active{background:var(--bg-elevated)}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--amber));display:flex;align-items:center;justify-content:center;font-weight:600;color:#04140f;flex-shrink:0}.chat-window{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--glass-border);background:#0b0f1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex;max-width:78%}.bubble-row.out{align-self:flex-end;justify-content:flex-end}.bubble-row.in{align-self:flex-start}.bubble{padding:10px 14px;border-radius:var(--radius);font-size:15px;line-height:1.4;word-break:break-word;box-shadow:0 1px 2px #0003}.bubble-row.out .bubble{background:var(--bubble-out);color:#04140f;border-bottom-right-radius:4px}.bubble-row.in .bubble{background:var(--bubble-in);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.bubble-meta{font-size:11px;opacity:.65;margin-top:4px;text-align:right}.bubble-file{display:flex;align-items:center;gap:10px;min-width:200px}.bubble-file .icon{width:36px;height:36px;border-radius:10px;background:#00000026;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bubble-file img.preview{max-width:240px;max-height:240px;border-radius:12px;display:block}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--glass-border);background:#0b0f1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer textarea{flex:1;resize:none;max-height:140px;border-radius:20px;border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text);padding:10px 16px;font-size:15px;font-family:inherit;outline:none}.icon-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--bg-elevated);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:18px}.icon-btn.send{background:var(--teal);color:#04140f}.icon-btn.call{background:var(--diplomatic-blue);color:#fff}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:var(--text)}.call-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--amber));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#04140f;margin-bottom:16px}.call-actions{display:flex;gap:24px;margin-top:40px}.call-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:22px;cursor:pointer}.call-btn.accept{background:var(--teal);color:#04140f}.call-btn.decline,.call-btn.hangup{background:var(--danger);color:#fff}.call-encrypted-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:12px;padding:4px 12px;margin-top:4px}.call-secondary-actions{display:flex;gap:16px;margin-top:32px}.call-toggle-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text);border-radius:16px;padding:10px 18px;font-size:22px;cursor:pointer;min-width:76px}.call-toggle-btn span{font-size:11px;color:var(--text-dim)}.call-toggle-btn.on{background:var(--amber);color:#241400}.call-toggle-btn.on span{color:#241400;opacity:.75}.call-dimmed{background:#000;cursor:pointer}.welcome-wrap{display:flex;align-items:center;justify-content:center;height:100dvh;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(217,184,120,.06),transparent 60%),var(--bg)}.welcome-card{width:100%;max-width:480px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:24px;padding:40px 36px;text-align:center}.welcome-brand-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}.welcome-logo-badge{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--teal),#b98d4f);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#241400;flex-shrink:0}.welcome-brand-name{font-weight:700;font-size:19px;text-align:left}.welcome-brand-tagline{font-size:13px;color:var(--text-dim);text-align:left}.welcome-heading{font-size:26px;font-weight:800;margin:0 0 16px;line-height:1.25}.welcome-description{color:var(--text-dim);font-size:14.5px;line-height:1.6;margin:0 0 28px}.welcome-actions{display:flex;gap:12px;justify-content:center;margin-bottom:18px}.welcome-btn{flex:1;max-width:200px;padding:13px 20px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;text-align:center}.welcome-btn.primary{background:var(--teal);color:#241400}.welcome-btn.secondary{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text)}.welcome-caption{font-size:12.5px;color:var(--text-dim);margin:0 0 4px}.welcome-privacy{font-size:12px;color:var(--text-dim);margin:12px 0 0}@media (max-width: 480px){.welcome-actions{flex-direction:column}.welcome-btn{max-width:none}}.admin-panel{padding:20px;max-width:720px;margin:0 auto;width:100%;overflow-y:auto}.admin-shell{display:flex;height:calc(100dvh - 44px);margin-top:44px;overflow:hidden}.admin-list-panel{width:320px;border-right:1px solid var(--glass-border);overflow-y:auto;background:#ffffff05;padding:16px}.admin-detail-panel{flex:1;overflow-y:auto;padding:20px;min-width:0}.admin-user-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;cursor:pointer}.admin-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:16px}.admin-tile{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:14px;padding:12px;cursor:pointer;transition:border-color .15s ease}.admin-tile:hover,.admin-tile.active{border-color:var(--teal)}.admin-tile-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.admin-tile-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.admin-tile-body{font-size:12px;color:var(--text-dim);line-height:1.7}.admin-pending-badge{font-size:10px;background:#ffb45026;color:var(--amber);padding:1px 6px;border-radius:8px;flex-shrink:0}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.admin-modal{width:100%;max-width:440px;max-height:85vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:18px;padding:22px}.admin-user-row:hover,.admin-user-row.active{background:var(--bg-elevated)}.card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px;margin-bottom:12px}input,select{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:15px;outline:none;width:100%}select option{background:var(--bg-elevated);color:var(--text)}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:15px;cursor:pointer;text-align:left}.custom-select-arrow{color:var(--text-dim);font-size:12px;margin-left:8px;flex-shrink:0}.custom-select-list{max-height:240px;overflow-y:auto;background:var(--solid-elevated);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 24px #0006}.custom-select-list-portal{position:fixed;z-index:9999}.custom-select-option{padding:10px 12px;font-size:14px;color:var(--text);cursor:pointer}.custom-select-option:hover{background:#ffffff0f}.custom-select-option.active{background:var(--teal);color:#04140f}button.primary{background:var(--teal);color:#04140f;border:none;border-radius:10px;padding:10px 18px;font-weight:600;cursor:pointer}.back-btn{display:none;background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer}.drop-active{outline:2px dashed var(--teal);outline-offset:-8px}.floating-admin-link{position:fixed;bottom:16px;left:16px;background:var(--amber);color:#241400;border-radius:20px;padding:8px 14px;text-decoration:none;font-size:13px;font-weight:600;z-index:20}.floating-settings-link{position:fixed;top:56px;right:90px;background:transparent;border:1px solid var(--glass-border);color:var(--text-dim);border-radius:20px;padding:6px 12px;font-size:12px;text-decoration:none;z-index:20}.floating-logout-btn{position:fixed;top:56px;right:12px;background:transparent;border:1px solid var(--glass-border);color:var(--text-dim);border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;z-index:20}.bottom-nav,.mobile-only{display:none}@media (max-width: 720px){.conv-list,.admin-list-panel{width:100%;border-right:none}.conv-list.hidden-mobile,.chat-window.hidden-mobile{display:none}.hidden-mobile{display:none!important}.back-btn{display:inline-flex!important}.desktop-only{display:none!important}.mobile-only{display:block}.app-shell{padding-bottom:calc(58px + var(--safe-bottom))}.admin-shell{height:calc(100dvh - 44px)}.admin-list-panel,.admin-detail-panel{padding-bottom:calc(58px + var(--safe-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(58px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0b0f1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);z-index:30}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-dim);font-size:11px}.bottom-nav-item.active{color:var(--teal)}.bottom-nav-icon{font-size:20px;line-height:1}.composer{padding-bottom:10px}}