.fixed-header{position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:20px;width:auto}.header-title{font-size:1rem;font-weight:600}.header-right{display:flex;align-items:center;gap:.75rem}.user-name{color:var(--text-secondary);font-size:.8rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-button{border:none;border-radius:999px;padding:.35rem .8rem;background-color:#2563eb;color:#fff;font-size:.8rem;cursor:pointer}.auth-button:hover{background-color:#1d4ed8}.auth-button.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.auth-button.secondary:hover{background-color:var(--hover-bg)}.sidebar{width:200px;flex-shrink:0;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem 0}.sidebar-top{display:flex;flex-direction:column;flex:1;min-height:0}.history-panel-slot{flex:1;min-height:0;overflow:hidden}.sidebar-bottom{margin-top:auto}.nav-button{position:relative;display:flex;align-items:center;gap:.85rem;width:100%;padding:.75rem .75rem .75rem 1.5rem;border-radius:0;border:none;background-color:transparent;cursor:pointer;font-size:.75rem;font-weight:500;text-align:left;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease}.nav-button:before{content:"";position:absolute;left:0;top:50%;width:4px;height:100%;background-color:var(--primary-color);border-radius:0;transform:translateY(-50%) scaleY(0);transition:transform .2s ease}.nav-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.nav-button:hover:before{transform:translateY(-50%) scaleY(1)}.nav-button.active{background-color:var(--sidebar-bg);color:var(--text-primary);font-weight:600}.nav-button.active:before{transform:translateY(-50%) scaleY(1)}:root{--primary-color: #6d28d9;--sidebar-bg: #ffffff;--content-bg: #f3f4f6;--header-bg: #ffffff;--hover-bg: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--content-bg);color:var(--text-primary);font-size:13px}#app-container{padding-top:60px;height:calc(100vh - 60px)}.main-layout{display:flex;height:100%}.content{flex-grow:1;height:100%;overflow:hidden;background-color:var(--content-bg)}.chat-page{height:100%}.status-shell{height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.app-error-boundary{height:100vh}.about-page{max-width:800px;margin:0 auto;padding:2rem 3rem;background-color:var(--sidebar-bg);border-radius:8px;margin-top:2rem}.about-page h2,.about-page h3{color:var(--text-primary)}.status-card{box-sizing:border-box;max-width:520px;width:100%;margin:0;padding:2rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--sidebar-bg);text-align:center}.status-card--compact{max-width:none;padding:.75rem;font-size:.85rem}.status-card h3{margin:0 0 .5rem}.status-card p{margin:0;color:var(--text-secondary)}.auth-primary-btn{margin-top:1rem;border:none;border-radius:999px;background-color:#2563eb;color:#fff;font-size:.85rem;padding:.55rem 1.1rem;cursor:pointer}.auth-primary-btn:hover{background-color:#1d4ed8}.auth-error{margin-top:.75rem;color:#b91c1c;font-size:.8rem}