@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:outfit}#root{min-height:100vh;display:flex;animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){html,body,#root{width:100vw;overflow-x:hidden}}.sidebar{height:100vh;background-color:#f9f9fb;display:flex;flex-direction:column;justify-content:space-between;padding:16px 12px;border-right:1px solid #e0e0e0;font-family:Segoe UI,sans-serif;box-shadow:1px 0 5px #00000008;transition:width .3s ease;width:60px}.sidebar.expanded{width:200px}.top{display:flex;flex-direction:column;gap:20px}.menu-icon{width:28px;cursor:pointer;align-self:flex-start}.new-chat{display:flex;align-items:center;padding:6px 3px 6px 6px;border-radius:6px;cursor:pointer;transition:background .2s;gap:8px}.new-chat:hover{background-color:#d2e3fc}.new-chat img{width:18px}.new-chat p{margin:0;font-weight:500;color:#1a73e8;white-space:nowrap;opacity:1;transition:opacity .3s}.recents{flex-grow:1}.recent-title{font-size:14px;font-weight:600;color:#5f6368;margin-bottom:12px;padding-left:6px}.recent-entry{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;transition:background .2s;cursor:pointer}.recent-entry:hover{background-color:#f1f3f4}.recent-entry img{width:18px}.recent-entry p{margin:0;font-size:14px;color:#202124;white-space:nowrap;animation:fadeIn 1.5s}.bottom{padding-top:16px;border-top:1px solid #e0e0e0}.bottom-item{margin-bottom:10px}.sidebar:not(.expanded) p{display:none}@media (max-width:600px){.sidebar{display:none}}.main{flex:1;flex-direction:column;background-color:#f9f9fb;padding:24px;font-family:Segoe UI,Google Sans,sans-serif}.main-container{max-width:1000px;margin:0 auto;padding:24px;display:flex;flex-direction:column;align-items:stretch}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 18px;border-bottom:1px solid #e0e0e0;height:40px;margin-top:-10px}.logo{font-size:26px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,#4285f4,#a142f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-icon{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #dcdcdc;box-shadow:0 1px 3px #0000001a;transition:all .2s ease-in-out}.user-icon:hover{border-color:#bdbdbd;transform:scale(1.05);box-shadow:0 2px 6px #4285f433}.greet{margin:40px 0 20px;align-self:flex-start;text-align:left}.greet-heading{font-size:40px;font-weight:700;margin:0;display:flex;align-items:center}.hello{background:linear-gradient(90deg,#4285f4,#a142f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.name{background:linear-gradient(90deg,#d93025,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.greet-sub{font-size:24px;color:#9e9e9e;font-weight:500;margin-top:6px}.cards{display:flex;justify-content:space-between;gap:20px;margin-top:20px;flex-wrap:nowrap}.card{flex:1;min-height:180px;background-color:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:24px;box-shadow:0 1px 6px #00000014;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.2s ease}.card:hover{background-color:#f8f9fa;box-shadow:0 4px 12px #3c404333;transform:translateY(-3px)}.card p{font-size:15px;line-height:1.5;color:#202124}.card img{width:26px;align-self:flex-end;opacity:.7;transition:opacity .2s ease}.card:hover img{opacity:1}.main-bottom{position:absolute;bottom:0;width:100%;max-width:900px;padding:0 20px;margin:auto auto 30px;z-index:10}.search-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-radius:50px;box-shadow:0 4px 12px #00000014;transition:box-shadow .3s ease}.search-box img{width:26px;cursor:pointer;opacity:.8;transition:transform .2s ease,opacity .2s ease}.search-box img:hover{transform:scale(1.1);opacity:1}.search-box input{flex:1;background:transparent;border:none;outline:none;padding:10px 14px;font-size:18px;font-weight:400;color:#333}.search-box div{display:flex;align-items:center;gap:16px}.main .bottom-info{font-size:14px;margin:16px auto 0;text-align:center;font-weight:300;color:#666;max-width:90%;line-height:1.4}.result{padding:20px 5%;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none}.result::-webkit-scrollbar{display:none}.result-title,.result-data{display:flex;align-items:flex-start;gap:12px;width:100%}.result-title p,.result-data p{background:#f0f0f0;padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;margin:0;max-width:75%;word-break:break-word}.result-data p{background:#e5eaff}.result-title img,.result-data img{width:36px;height:36px;border-radius:50%;object-fit:cover}.loader{width:100%;display:flex;flex-direction:column;gap:10px}.loader hr{border-radius:4px;border:none;background:linear-gradient(to right,#9ed7ff 8%,#fff 18%,#9ed7ff 33%);background-size:800px 50px;animation:shimmer 1.5s infinite linear;height:20px;width:100%}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.result-data p{font-size:17px;font-weight:300;line-height:1.5}@media (max-width: 600px){.main{padding:8px}.main-container{padding:8px;max-width:100%}.cards{flex-direction:column;gap:12px;flex-wrap:wrap}.card{min-height:120px;padding:12px}.main-bottom{position:static;margin-bottom:10px;padding:0 4px;max-width:100%}.search-box{padding:5px 6px}.search-box input{font-size:15px}.result{padding:10px 2%}.result-title p,.result-data p{max-width:100%;font-size:13px;padding:8px 10px}.result-title img,.result-data img{width:28px;height:28px}.loader hr{height:12px}.greet{margin:20px 0 10px}.greet-heading{font-size:20px}.greet-sub{font-size:13px}.logo{font-size:16px}}.card img,.search-box img{max-width:100%;height:auto}