*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#fff;background:#c00;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{width:100%;height:100vh;display:flex}.sidebar{background:#00000040;border-right:1px solid #ffffff1a;flex-direction:column;width:260px;min-width:260px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-header h2{letter-spacing:.05em;opacity:.9;font-size:1rem;font-weight:700}.sidebar-actions{gap:.4rem;display:flex}.sidebar-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;transition:background .2s}.sidebar-btn:hover{background:#ffffff4d}.sidebar-content{flex:1;padding:.5rem;overflow-y:auto}.folder-item{margin-bottom:.25rem}.folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .5rem;font-size:.85rem;transition:background .2s;display:flex}.folder-header:hover{background:#ffffff1a}.folder-header.active{background:#fff3}.folder-icon{text-align:center;width:1rem;font-size:.8rem}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-actions{opacity:0;gap:.2rem;transition:opacity .2s;display:flex}.folder-header:hover .folder-actions{opacity:1}.mini-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:4px;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.6rem;transition:background .2s;display:flex}.mini-btn:hover{background:#ffffff59}.file-list{padding-left:1.5rem}.file-item{cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.8rem;transition:background .2s;display:flex}.file-item:hover{background:#ffffff14}.file-item.active{background:#ffffff2e}.file-icon{font-size:.7rem}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.main-header h1{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.main-header-actions{gap:.5rem;display:flex}.action-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;transition:background .2s}.action-btn:hover{background:#ffffff4d}.action-btn.danger{background:#ff50504d}.action-btn.danger:hover{background:#ff505080}.chat-container{flex-direction:column;flex:1;padding:1rem 2rem;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:.5rem;padding-bottom:1rem;display:flex;overflow-y:auto}.chat-message{word-break:break-word;border-radius:12px;max-width:80%;padding:.6rem 1rem;font-size:.9rem;line-height:1.4}.chat-message.user{background:#fff3;border-bottom-right-radius:4px;align-self:flex-end}.chat-message.bot{background:#0003;border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{border-top:1px solid #ffffff1a;gap:.5rem;padding-top:.75rem;display:flex}.chat-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;outline:none;flex:1;padding:.7rem 1rem;font-size:.9rem;transition:border-color .2s}.chat-input::placeholder{color:#fff6}.chat-input:focus{border-color:#ffffff80}.chat-send-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;padding:.7rem 1.5rem;font-size:.85rem;font-weight:700;transition:background .2s,transform .15s}.chat-send-btn:hover{background:#1b5e20;transform:scale(1.03)}.empty-state{opacity:.5;flex:1;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.sidebar-content::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width:640px){.sidebar{width:200px;min-width:200px}.main-area{padding:0}.chat-container,.main-header{padding:.75rem 1rem}}