.sidebar{color:#fff;background:#1e63b5;flex-direction:column;width:340px;display:flex;position:fixed;top:60px;bottom:0;left:0}.sidebar.closed{display:none}.menu{flex:auto;padding:20px;overflow-y:auto}.menu-item{cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:12px;display:flex}.menu-item.clickable{transition:background .2s,transform .1s,opacity .2s}.menu-item.clickable:hover{background:#fff3}.menu-item.clickable:active{opacity:.95;background:#ffffff47;transform:scale(.96);box-shadow:inset 0 2px 6px #0003}.section{border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.clickable-section{cursor:pointer;border-radius:8px;transition:background .2s,transform .1s,opacity .2s}.clickable-section:hover{background:#fff3}.clickable-section:active{opacity:.95;background:#ffffff47;transform:scale(.96);box-shadow:inset 0 2px 6px #0003}.icon{text-align:center;width:24px}.section-icon{align-items:center;display:flex}.user-area{flex-shrink:0;margin-top:auto;padding:20px}.user-card{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.user-icon{color:#1e63b5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-info{flex:1;min-width:0}.user-name{justify-content:flex-start;align-items:center;gap:15px;width:100%;display:flex}.user-display-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-role{opacity:.7;font-size:11px}.signout-button{cursor:pointer;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:0;padding:0;transition:opacity .2s;display:flex}.signout-button:hover{opacity:.8;transform:scale(.92)}.signout-button:active{transform:scale(.85)}.current-project-wrapper{margin-top:12px}.current-project-label{letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:10px}.current-project{background:#ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s,opacity .2s;display:flex}.current-project:hover{background:#ffffff38}.project-name{font-size:13px;font-weight:600}.project-close{margin-left:10px}.project-chat-list{margin-top:6px;margin-bottom:10px;margin-left:18px}.project-chat-item{cursor:pointer;color:#ffffffb3;border-radius:8px;padding:8px 10px;font-size:13px;transition:background .2s,opacity .2s}.project-chat-item:hover{background:#ffffff1f}.project-chat-item.active{color:#fff;background:#ffffff2e}.project-item-wrapper .menu-item{padding-left:calc(1em + 10px)}.recent-chat-list{margin-top:4px}.empty-chat{color:#fff9;margin-top:8px;padding-left:28px;font-size:12px}.chat-box{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;flex:1;width:100%;min-height:500px;padding:20px;display:flex;overflow-y:auto}.main-inner.chat-mode .chat-box{min-height:0}.message{white-space:pre-wrap;margin-bottom:15px;line-height:1.6}.message.user{text-align:right}.message.ai{text-align:left}body{background:#f5f7fb;margin:0;font-family:sans-serif;overflow-x:hidden}.app{display:block}#root{width:100%;max-width:none}.header{z-index:10;background:#fff;border-bottom:1px solid #eee;align-items:center;gap:12px;height:60px;padding-left:12px;display:flex;position:fixed;top:0;left:0;right:0}.header button{color:#fff;cursor:pointer;background:#1e63b5;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.logo-button{cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .2s,transform .1s}.logo-button:hover{opacity:.8}.logo-button:active{transform:scale(.97)}.main{box-sizing:border-box;flex:1;justify-content:center;height:calc(100vh - 60px);margin-top:60px;margin-left:340px;padding:24px;display:flex;overflow:hidden}.main-inner{width:100%;max-width:1200px}.main.expanded{margin-left:70px}.main h1{text-align:center;margin-bottom:30px;font-size:22px;font-weight:600}.quick{gap:20px;margin-bottom:30px;display:flex}.card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;flex:1;align-items:center;gap:15px;padding:20px;transition:all .2s;display:flex}.card-icon{color:#1e63b5;background:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.card-title{font-weight:700}.card-desc{color:#666;font-size:12px}.card:hover{border-color:#1e63b5;transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.card:active{transform:scale(.97);box-shadow:0 4px 10px #0000001a}.main-inner.chat-mode{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1400px;height:100%;display:flex;overflow:hidden}.messages{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}.input-area{flex-shrink:0;margin-top:20px;display:flex}input{border:1px solid #ccc;border-radius:10px;flex:1;padding:12px}.input-area button{color:#fff;cursor:pointer;background:#1e63b5;border:none;border-radius:10px;margin-left:10px;padding:12px 20px}