@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);#app,body,html{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#262626;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 30%,#f0f4ff 70%,#fdf2f8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}.el-button{border-radius:6px!important;font-weight:400;transition:all .2s;font-size:14px!important}.el-button--primary{background:#1890ff!important;border-color:#1890ff!important;box-shadow:0 2px 0 rgba(0,0,0,.045)}.el-button--primary:hover{background:#40a9ff!important;border-color:#40a9ff!important;box-shadow:0 2px 4px rgba(24,144,255,.2)}.el-input__inner{border-radius:6px!important;border:1px solid #d9d9d9!important;transition:all .2s;font-size:14px!important}.el-input__inner:focus{border-color:#1890ff!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important}.el-card{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;border:1px solid #f0f0f0!important}.el-table{border-radius:8px!important;overflow:hidden!important}.el-table th{background:#fafafa!important;color:#262626!important;font-weight:600;border-bottom:1px solid #f0f0f0!important}.el-menu{border-radius:var(--radius-lg)!important;background:var(--bg-surface)!important}.el-menu-item{border-radius:var(--radius-md)!important;margin:2px 8px;transition:all var(--transition-base)}.el-menu-item.is-active{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100))!important;color:var(--color-primary)!important}.el-dialog{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important}.el-tag{border-radius:var(--radius-md)!important;border:none!important;font-weight:500}.slide-fade-enter-active{transition:all var(--transition-base)}.slide-fade-leave-active{transition:all var(--transition-fast)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}.bounce-enter-active{animation:bounce-in var(--transition-slow)}.bounce-leave-active{animation:bounce-in var(--transition-slow) reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-moz-selection{background:rgba(99,102,241,.2);color:var(--text-primary)}::selection{background:rgba(99,102,241,.2);color:var(--text-primary)}:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:none}@media(max-width:768px){html{font-size:14px}.el-dialog{width:90%!important;margin:5vh auto!important}}:root{--color-primary:#1890ff;--color-primary-light:#40a9ff;--color-primary-dark:#096dd9;--color-primary-50:#e6f7ff;--color-primary-100:#bae7ff;--color-primary-200:#91d5ff;--color-primary-300:#69c0ff;--color-primary-400:#40a9ff;--color-primary-500:#1890ff;--color-primary-600:#096dd9;--color-primary-700:#0050b3;--color-primary-800:#003a8c;--color-primary-900:#002766;--color-secondary:#52c41a;--color-accent:#722ed1;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#ff4d4f;--color-info:#13c2c2;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#f0f0f0;--color-gray-300:#d9d9d9;--color-gray-400:#bfbfbf;--color-gray-500:#8c8c8c;--color-gray-600:#595959;--color-gray-700:#434343;--color-gray-800:#262626;--color-gray-900:#141414;--bg-primary:#fff;--bg-secondary:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0f4ff);--bg-tertiary:#fafafa;--bg-surface:#fff;--bg-overlay:rgba(0,0,0,0.45);--bg-card:#fff;--bg-sidebar:linear-gradient(180deg,#001529,#002140);--bg-header:#fff;--text-primary:#262626;--text-secondary:#595959;--text-tertiary:#8c8c8c;--text-inverse:#fff;--text-muted:#bfbfbf;--text-disabled:#d9d9d9;--border-light:#f0f0f0;--border-medium:#d9d9d9;--border-strong:#bfbfbf;--border-primary:#1890ff;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-sm:0 2px 4px 0 rgba(0,0,0,0.04);--shadow-md:0 2px 8px 0 rgba(0,0,0,0.06);--shadow-lg:0 4px 12px 0 rgba(0,0,0,0.08);--shadow-xl:0 4px 20px 0 rgba(0,0,0,0.12);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:50%;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--transition-fast:0.15s ease-out;--transition-base:0.2s ease-out;--transition-slow:0.3s ease-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.container{width:100%;height:100vh;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.container,.header{display:flex;position:relative}.header{height:64px;background:var(--bg-header);color:var(--text-primary);align-items:center;justify-content:space-between;padding:0 var(--space-xl);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-light);z-index:var(--z-sticky)}.main{flex:1;display:flex;overflow:hidden;padding:var(--space-lg);gap:var(--space-lg);min-height:0}.sidebar{width:280px;background:var(--bg-sidebar);border:none;border-radius:0;box-shadow:2px 0 8px rgba(0,0,0,.15);flex-direction:column;position:relative}.content,.sidebar{overflow:hidden;display:flex}.content{flex:1;background:var(--bg-surface);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.08);flex-direction:column;margin:var(--space-lg);margin-left:0}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.card-header{border-bottom:1px solid var(--border-light);background:var(--bg-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-primary);font-weight:600}.card-body,.card-header{padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);line-height:1.5;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);gap:var(--space-xs)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-gray-100);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--color-gray-200);border-color:var(--border-strong)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-50)}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.5;transition:all var(--transition-base);background:var(--bg-surface)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.input:disabled{background:var(--bg-tertiary);color:var(--text-disabled);cursor:not-allowed}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}body{min-width:320px}#app,body{height:100%}@media (min-width:1440px){.container{max-width:1600px;margin:0 auto}.main{padding:var(--space-2xl);gap:var(--space-2xl)}.sidebar{width:320px}}@media (max-width:1439px) and (min-width:1200px){.main{padding:var(--space-xl);gap:var(--space-xl)}.sidebar{width:300px}}@media (max-width:1199px) and (min-width:992px){.main{padding:var(--space-lg);gap:var(--space-lg)}.sidebar{width:280px}}@media (max-width:991px) and (min-width:768px){.main{padding:var(--space-md);gap:var(--space-md)}.header{padding:0 var(--space-lg)}.sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);width:350px;z-index:var(--z-modal);transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.sidebar.mobile-open{transform:translateX(0)}.content{margin-left:0}}@media (max-width:767px) and (min-width:576px){.header{padding:0 var(--space-md);height:56px}.main{padding:var(--space-sm);gap:var(--space-sm)}.sidebar{position:fixed;top:56px;left:0;height:calc(100vh - 56px);width:80vw;max-width:320px;z-index:var(--z-modal);transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.sidebar.mobile-open{transform:translateX(0)}.card-body{padding:var(--space-lg)}}@media (max-width:575px){.header{padding:0 var(--space-sm);height:56px}.main{padding:var(--space-xs);gap:var(--space-xs)}.sidebar{position:fixed;top:56px;left:0;height:calc(100vh - 56px);width:85vw;max-width:280px;z-index:var(--z-modal);transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.sidebar.mobile-open{transform:translateX(0)}.card-body,.card-header{padding:var(--space-md)}}@media (max-width:991px){.backdrop{position:fixed;inset:0;background:var(--bg-overlay);z-index:calc(var(--z-modal) - 10);transition:opacity var(--transition-base)}}.el-dialog{max-width:95vw!important;margin:0 auto!important}@media (max-width:768px){.el-dialog{width:90%!important;max-width:90vw!important}}@media (max-width:480px){.el-dialog{width:95%!important;max-width:95vw!important}}.el-dialog.offline-message-dialog{border-radius:20px!important;overflow:hidden!important}.el-dialog.offline-message-dialog .el-dialog__header{padding:0!important;background:linear-gradient(135deg,#f59e0b,#f97316 50%,#ef4444)!important;border-bottom:none!important}.el-dialog.offline-message-dialog .el-dialog__body{padding:32px!important;background:linear-gradient(135deg,#fef3c7,#fed7aa 50%,#fecaca)!important}.el-dialog.offline-message-dialog .el-dialog__footer{padding:0 32px 32px!important;background:linear-gradient(135deg,#fef3c7,#fed7aa 50%,#fecaca)!important}@media (max-width:767px){.btn,.message-avatar,.session-item,[role=button],button{min-height:44px;min-width:44px}.card-header h2,.login-title{font-size:var(--text-2xl)}.message{margin-bottom:var(--space-md)}.input{font-size:16px;padding:var(--space-md)}.message-time,.message-user,.session-info,.session-time,.tip{font-size:14px!important;line-height:1.4!important}.el-tag,.form-hint,.help-text{font-size:13px!important}.el-table,.el-table td,.el-table th{font-size:14px!important}.bubble-content,.message-content{padding:var(--space-md) var(--space-lg);line-height:1.6}h1,h2,h3{line-height:1.3}p{line-height:1.6;margin-bottom:var(--space-md)}}@media (max-width:375px){.container{font-size:14px}.header{height:52px}.main{padding:var(--space-xs)}.btn{padding:var(--space-sm) var(--space-sm);font-size:var(--text-xs)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-form{width:100%;max-width:420px;padding:var(--space-2xl);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid hsla(0,0%,100%,.2);position:relative;z-index:1}.login-title{text-align:center;font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-container{height:100%;display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.chat-header{padding:var(--space-lg);background:linear-gradient(135deg,#42a5f5,#1e88e5);border-bottom:none;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgba(30,136,229,.3)}.chat-messages{flex:1;padding:var(--space-lg);overflow-y:auto;background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-secondary));position:relative}.chat-input{padding:var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.message{margin-bottom:var(--space-lg);display:flex;align-items:flex-end;gap:var(--space-sm)}.message-left{justify-content:flex-start}.message-right{justify-content:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-sm);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.message-left .message-avatar{background:linear-gradient(135deg,var(--color-info),var(--color-accent))}.message-right .message-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-600))}.message-bubble{max-width:70%;position:relative}.message-content{padding:var(--space-md);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:1.6;word-wrap:break-word;position:relative;box-shadow:var(--shadow-sm)}.message-left .message-content{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary)}.message-right .message-content{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-600));color:var(--text-inverse)}.message-time{opacity:.6;margin-top:var(--space-xs)}.message-system,.message-time{font-size:var(--text-xs);text-align:center}.message-system{color:var(--text-tertiary);margin:var(--space-md) 0;padding:var(--space-sm);background:rgba(var(--text-tertiary),.1);border-radius:var(--radius-full);display:inline-block;left:50%;transform:translateX(-50%);position:relative}.session-list{flex:1;overflow-y:auto;padding:var(--space-sm)}.session-item{padding:var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;background:var(--bg-surface)}.session-item:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.session-item.active{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-color:var(--color-primary-200);box-shadow:var(--shadow-md)}.session-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);justify-content:space-between}.session-info,.session-title{margin-bottom:var(--space-xs);display:flex;align-items:center}.session-info{gap:var(--space-xs)}.session-info,.session-time{font-size:var(--text-xs);color:var(--text-tertiary)}.empty-chat,.empty-tip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-tertiary);text-align:center}.empty-chat{height:100%}.empty-chat i,.empty-tip i{font-size:3rem;margin-bottom:var(--space-lg);opacity:.3}.chat-messages::-webkit-scrollbar,.session-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.session-list::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb,.session-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover,.session-list::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-slow)}.slide-enter,.slide-leave-to{transform:translateX(-100%)}html{-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;text-size-adjust:none!important;transform-origin:0 0;width:100%;height:100%}body{overflow-x:hidden}#app,body{transform-origin:0 0;width:100%;min-height:100vh}.admin-container,.container,.login-container,.modern-chat-container,.service-panel-container{transform-origin:center top;width:100%}.el-dialog,.el-message-box{transform-origin:center center}.el-message,.el-notification{transform-origin:center top}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}svg{shape-rendering:geometricPrecision}@media (min-resolution:1.25dppx){html{font-size:16px}}@media (min-resolution:1.5dppx){html{font-size:16px}}@media (min-resolution:2dppx){html{font-size:16px}}@media (max-width:320px){html{font-size:14px}}@media (min-width:1920px){html{font-size:16px}}.el-col,.el-row,.el-table{transform-origin:0 0}.el-table{width:100%!important}.el-form{transform-origin:0 0}.el-button{transform-origin:center center}.el-input,.el-textarea{transform-origin:0 0}.el-dropdown-menu,.el-picker-panel,.el-select-dropdown{transform-origin:center top}.el-popconfirm,.el-popover,.el-tooltip__popper{transform-origin:center center}@media (max-width:768px){body{padding:0;overflow-x:hidden}.login-container{padding:var(--space-lg) var(--space-md)}.login-form{padding:var(--space-xl);max-width:100%;margin:var(--space-md)}.login-title{font-size:var(--text-2xl)}.home-container{padding:var(--space-lg) var(--space-md)}.home-header{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.home-stats{grid-template-columns:1fr;gap:var(--space-md)}.chat-container{border-radius:0;height:100vh;height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:var(--space-md);flex-wrap:wrap;flex-shrink:0}.chat-messages{padding:var(--space-md) var(--space-sm);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.message-bubble{max-width:85%;margin:var(--space-sm) 0}.chat-input{padding:var(--space-md) var(--space-sm);flex-shrink:0;background:#fff;border-top:1px solid #eee}.chat-input textarea{font-size:16px;padding:var(--space-sm)}.file-upload-btn,.image-upload-btn{min-width:44px;min-height:44px;padding:var(--space-sm);margin:0 var(--space-xs)}.send-btn{min-width:60px;min-height:44px;padding:var(--space-sm) var(--space-md);margin-left:var(--space-sm)}.simple-chat-container{flex-direction:column}.left-nav{width:100%;height:60px;flex-direction:row;border-right:none;border-bottom:1px solid var(--border-light)}.nav-logo{width:60px;height:60px}.nav-items{flex-direction:row;flex:1;justify-content:space-around}.nav-item{width:auto;height:60px;padding:0 var(--space-lg)}.session-list-panel{position:fixed;left:0;top:60px;height:calc(100vh - 60px);width:85vw;max-width:320px;z-index:var(--z-modal);transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.session-list-panel.mobile-open{transform:translateX(0)}.main-content{width:100%;height:calc(100vh - 60px)}.chat-body{flex-direction:column}.right-info-panel{position:fixed;right:0;top:60px;height:calc(100vh - 60px);width:85vw;max-width:320px;z-index:var(--z-modal);transform:translateX(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.right-info-panel.mobile-open{transform:translateX(0)}.center-chat-area{width:100%;flex:1}.link-card,.link-panel,.message-panel,.settings-panel,.visitor-item,.visitor-panel{padding:var(--space-md)}.el-table{font-size:14px}.el-table td,.el-table th{padding:var(--space-sm)}.el-dialog{width:90%!important;margin:0 auto!important}.el-dialog__body,.el-dialog__footer,.el-dialog__header{padding:var(--space-lg)}.el-form-item{margin-bottom:var(--space-md)}.el-form-item__label{font-size:14px}.el-input__inner,.el-textarea__inner{font-size:16px!important}.el-button{padding:var(--space-md) var(--space-lg);font-size:14px}.el-dropdown-menu,.el-message{max-width:90vw}.el-message{min-width:280px}.el-notification{width:90vw;max-width:330px}}@media (max-width:480px){body{padding:0}.login-form{padding:var(--space-lg);margin:var(--space-sm)}.login-title{font-size:var(--text-xl)}.chat-header,.chat-messages{padding:var(--space-sm) var(--space-xs)}.message-bubble{max-width:90%;margin:var(--space-xs) 0}.message-content{padding:var(--space-sm) var(--space-md);font-size:14px}.chat-input{padding:var(--space-sm) var(--space-xs)}.file-upload-btn,.image-upload-btn,.send-btn{min-width:44px;min-height:44px}.right-info-panel,.session-list-panel{width:90vw}.link-card,.visitor-item{padding:var(--space-sm)}.el-dialog{width:95%!important}.el-dialog__body,.el-dialog__footer,.el-dialog__header{padding:var(--space-md)}.el-button{padding:var(--space-sm) var(--space-md)}.el-button,.el-table{font-size:13px}}@media (max-width:768px) and (orientation:landscape){.chat-container{height:100vh}.chat-header,.chat-input,.chat-messages{padding:var(--space-sm) var(--space-md)}.left-nav,.nav-item,.nav-logo{height:50px}.right-info-panel,.session-list-panel{top:50px;height:calc(100vh - 50px)}.main-content{height:calc(100vh - 50px)}}@media (hover:none) and (pointer:coarse){.btn,.el-button,.message-avatar,.nav-item,.session-item,[role=button],a,button{min-height:44px;min-width:44px}.btn:hover,.card:hover,.session-item:hover{transform:none}.btn:active,.session-item:active{opacity:.8;transform:scale(.98)}}@media (max-width:768px){.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:calc(var(--z-modal) - 10);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.mobile-backdrop.show{opacity:1;pointer-events:auto}}@media (max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;color:var(--text-primary);font-size:20px}.mobile-menu-btn:active{opacity:.6}}@media (max-width:768px){.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@supports (padding:max(0px)){.chat-container,.home-container,.login-container{padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}.chat-container,.chat-input,.home-container,.login-container{padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}}