@import"https://fonts.googleapis.com/css2?family=Cairo:slnt,wght@-2,200..1000&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}#root{scroll-behavior:smooth;display:flex;min-height:100vh;animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{min-height:100vh;display:inline-flex;flex-direction:column;justify-content:space-between;background-color:#f0f4f9;padding:25px 17px}.sidebar img{width:20px}.sidebar .top{display:flex;flex-direction:column}.sidebar .menu{width:30px;display:block;margin-left:10px;cursor:pointer}.sidebar .new_chat{display:inline-flex;align-items:center;gap:10px;border-radius:50px;background-color:#e2e8f0;padding:10px 15px;cursor:pointer;margin-top:3rem;color:gray}.sidebar .recent{display:flex;flex-direction:column}.sidebar .recent .hide{display:none}.sidebar .recent .recent-title{margin-top:40px;margin-bottom:20px;font-size:1.1rem;font-weight:600;color:#232323}.sidebar .recent .recent-entry{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;padding:10px;color:#5f5f5f;border-radius:50px;cursor:pointer;animation:fadeIn 1.5s}.sidebar .recent .recent-entry:hover{background-color:#e2e8f0}.sidebar .bottom{display:flex;flex-direction:column}.sidebar .recent .recent-entry button{font-size:1rem;border:1px solid #878787;background-color:transparent;color:#4d4c4c;padding:2px 5px;border-radius:5px;cursor:pointer}.sidebar .bottom .bottom-item{display:flex;align-items:center;gap:20px;font-weight:600;padding:10px;color:#282828;border-radius:50px;cursor:pointer}.sidebar .bottom .bottom-item:hover{background-color:#e2e8f0}@media (max-width:600px){.sidebar{display:none}}.main{flex:1;min-height:100vh;position:relative}.main .nav{display:flex;align-items:center;justify-content:space-between;font-size:22px;padding:20px 30px;color:#4b90ff}.main .nav img{width:40px;border-radius:50%}.main .main-container{max-width:900px;margin:auto}.main .main-container .greet{font-size:55px;color:#c4c7c5;font-weight:500;padding:20px}.main .main-container .greet span{background:-webkit-linear-gradient(16deg,#4b90ff,#ff5546);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.main .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-top:70px;padding:20px}.main .cards .card{position:relative;background-color:#f0f4f9;height:200px;border-radius:15px;padding:15px;cursor:pointer}.main .cards .card p{color:gray;font-size:1.15rem;margin-bottom:10px}.main .cards .card img{position:absolute;bottom:10px;right:10px;width:40px;background-color:#fff;padding:5px;border-radius:50%}.main .card:hover{background-color:#dfe4ea;transition:all .3s ease}.main-bottom{position:absolute;bottom:0;width:70%;left:50%;transform:translate(-50%);border-radius:50px;text-align:center}.main-bottom .search-box{display:flex;align-items:center;background-color:#f0f4f9;padding:15px 20px;gap:10px;margin-bottom:15px;border-radius:50px}.main-bottom .search-box input{flex:1;border:none;padding-left:20px;outline:none;background-color:transparent;font-size:18px;color:#4f4f4f}.main-bottom .search-box button{border:none;cursor:pointer}.main-bottom .search-box button:disabled{cursor:not-allowed}.main-bottom .search-box img{width:25px;margin-left:15px;border-radius:50%;cursor:pointer}.main-bottom .bottom-info{font-size:.9rem;padding-bottom:15px;color:#6e6e6e}.result{max-height:67vh;padding:0 1.5rem;overflow-y:auto}.result::-webkit-scrollbar{display:none}.result .result-title{margin:40px 0;display:flex;align-items:center;gap:20px}.result img{width:50px;border-radius:50%}.result .result-data{display:flex;align-items:start;gap:20px}.loading{width:100%;display:flex;flex-direction:column;gap:10px}.loading hr{border-radius:4px;border:0;height:20px;background-color:#fff;background:linear-gradient(to right,#9ed7ff,#fff,#9ed7ff);background-size:800px 50px;animation:loading 3s linear infinite}@keyframes loading{0%{background-position:-800px 0px}to{background-position:800px 0px}}.result .result-data p{color:#4f4f4f;line-height:1.8;font-size:1.1rem;text-align:justify;white-space:pre-line}@media (max-width:694px){.main-bottom{width:95%}.main-bottom input{flex:none;width:150px;font-size:.9rem}.main-bottom img{width:20px}.search-box{padding:5px 10px}.search-box div{gap:5px}.main-bottom .bottom-info{font-size:.8rem}}