.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:9998}.settings-modal{position:fixed;top:60px;left:250px;width:320px;max-height:calc(100vh - 80px);background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;z-index:9999;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.settings-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.settings-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.settings-modal-close:hover{background-color:#e9ecef}.settings-modal-content{padding:8px 0;max-height:calc(100vh - 160px);overflow-y:auto}.settings-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f3f4}.settings-item:hover{background-color:#f8f9fa}.settings-item:last-child{border-bottom:none}.settings-item[data-id=delete-account]{color:#dc3545}.settings-item[data-id=delete-account]:hover{background-color:#fff5f5}.settings-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:12px;background-color:#f1f3f4;border-radius:8px;color:#666;flex-shrink:0}.settings-item[data-id=delete-account] .settings-item-icon{background-color:#ffebee;color:#dc3545}.settings-item-label{flex:1;font-size:14px;font-weight:500;color:#333}.settings-item[data-id=delete-account] .settings-item-label{color:#dc3545}.settings-item-arrow{display:flex;align-items:center;justify-content:center;color:#999;margin-left:8px}.settings-item[data-id=delete-account] .settings-item-arrow{color:#dc3545}@media (max-width:768px){.settings-modal{left:200px;width:calc(100vw - 220px);max-width:320px}}@media (max-width:480px){.settings-modal{left:20px;right:20px;width:auto;max-width:none}}.version-toggle{font-size:12px;color:#666;margin-left:8px;transition:transform .2s ease}.settings-item.version-expanded{border-bottom:1px solid #e5e7eb}.version-info-section{background-color:#f8f9fa;border-radius:0 0 8px 8px;margin:0 -16px -8px;padding:0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.version-info-content{padding:20px}.version-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.version-item:last-child{border-bottom:none;margin-bottom:12px}.version-label{font-size:14px;color:#666;font-weight:500}.version-value{font-size:14px;color:#333;font-weight:600}.version-value.beta{background-color:#4a90e2;color:white;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.version-description{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.version-description p{font-size:13px;color:#666;line-height:1.5;margin:0}.version-number{margin-left:8px;font-size:12px;color:#666;font-weight:500;background-color:#f1f3f4;padding:2px 6px;border-radius:8px}.sidebar{width:250px;background-color:white;border-right:1px solid #e9ecef;padding:20px 0;position:fixed;left:0;height:calc(100vh - 60px);margin-top:60px;overflow-y:auto;display:flex;flex-direction:column;will-change:auto;transform:translateZ(0);z-index:10}.nav-menu{padding:0 10px;flex:1}.nav-item{display:flex;align-items:center;padding:12px 20px;margin:4px 0;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none}.nav-item,.nav-item:visited{color:#666}.nav-item:hover{background-color:#f8f9fa;color:#333}.nav-item.active{color:#000;font-weight:700}.nav-item.active:visited{color:#000}.nav-item.active .nav-icon svg{filter:brightness(0)}.nav-icon{margin-right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}.nav-icon svg{width:20px;height:20px;transition:filter .2s}.nav-icon .unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;border:2px solid white}.nav-item span{font-size:14px;font-weight:500;transition:font-weight .2s}.nav-item.active span{font-weight:700}.logout-section{margin-top:auto;padding:12px 10px;border-top:1px solid #e9ecef}.logout-item{color:#dc3545!important;cursor:pointer;transition:all .2s ease}.logout-item:hover{background-color:#f8d7da;color:#a71e2a!important}.logout-item .nav-icon{color:#dc3545}.logout-item:hover .nav-icon{color:#a71e2a}.logout-item .nav-icon svg{color:#dc3545;fill:#dc3545}.logout-item:hover .nav-icon svg{color:#a71e2a;fill:#a71e2a}@media (max-width:768px){.sidebar{width:200px}}@media (max-width:480px){.sidebar{display:none}}