@font-face{font-family:FontAwesome;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.rc-menu{outline:none;margin-bottom:0;padding-left:0;padding-right:0;list-style:none;border:1px solid #d9d9d9;box-shadow:0 0 4px #d9d9d9;border-radius:3px;color:#666}.rc-menu-rtl{direction:rtl}.rc-menu-hidden,.rc-menu-submenu-hidden{display:none}.rc-menu-collapse{overflow:hidden;transition:height .3s ease-out}.rc-menu-item-group-list{margin:0;padding:0}.rc-menu-item-group-title{color:#999;line-height:1.5;padding:8px 10px;border-bottom:1px solid #dedede}.rc-menu-item-active,.rc-menu-submenu-active>.rc-menu-submenu-title{background-color:#eaf8fe}.rc-menu-item-selected{background-color:#eaf8fe;transform:translateZ(0)}.rc-menu-submenu-selected{background-color:#eaf8fe}.rc-menu>li.rc-menu-submenu{padding:0}.rc-menu-horizontal.rc-menu-sub,.rc-menu-vertical.rc-menu-sub,.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub{min-width:160px;margin-top:0}.rc-menu-item,.rc-menu-submenu-title{margin:0;position:relative;display:block;padding:7px 7px 7px 16px;white-space:nowrap}.rc-menu-rtl .rc-menu-item,.rc-menu-rtl .rc-menu-submenu-title{padding:7px 16px 7px 7px}.rc-menu-item.rc-menu-item-disabled,.rc-menu-submenu-title.rc-menu-item-disabled,.rc-menu-item.rc-menu-submenu-disabled,.rc-menu-submenu-title.rc-menu-submenu-disabled{color:#777!important}.rc-menu-item-divider{height:1px;margin:1px 0;overflow:hidden;padding:0;line-height:0;background-color:#e5e5e5}.rc-menu-submenu-popup{position:absolute}.rc-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper,.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper{padding-right:0;padding-left:20px}.rc-menu-submenu>.rc-menu{background-color:#fff}.rc-menu .rc-menu-submenu-title .anticon,.rc-menu .rc-menu-item .anticon{width:14px;height:14px;margin-right:8px;top:-1px}.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon,.rc-menu-rtl .rc-menu .rc-menu-item .anticon{margin-right:0;margin-left:8px}.rc-menu-horizontal{background-color:#f3f5f7;border:none;border-bottom:1px solid #d9d9d9;box-shadow:none;white-space:nowrap;overflow:hidden}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu>.rc-menu-submenu-title{padding:15px 20px}.rc-menu-horizontal>.rc-menu-submenu,.rc-menu-horizontal>.rc-menu-item{border-bottom:2px solid transparent;display:inline-block;vertical-align:bottom}.rc-menu-horizontal>.rc-menu-submenu-active,.rc-menu-horizontal>.rc-menu-item-active{border-bottom:2px solid #2db7f5;background-color:#f3f5f7;color:#2baee9}.rc-menu-horizontal:after{content:" ";display:block;height:0;clear:both}.rc-menu-vertical,.rc-menu-vertical-left,.rc-menu-vertical-right,.rc-menu-inline{padding:12px 0}.rc-menu-vertical>.rc-menu-item,.rc-menu-vertical-left>.rc-menu-item,.rc-menu-vertical-right>.rc-menu-item,.rc-menu-inline>.rc-menu-item,.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 8px 12px 24px}.rc-menu-rtl.rc-menu-vertical>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-item,.rc-menu-rtl.rc-menu-inline>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 24px 12px 8px}.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-inline .rc-menu-submenu-arrow{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;vertical-align:baseline;text-align:center;text-transform:none;text-rendering:auto;position:absolute;right:16px;line-height:1.5em}.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-inline .rc-menu-submenu-arrow:before{content:""}.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before{content:""}.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow{right:auto;left:16px}.rc-menu-inline .rc-menu-submenu-arrow{transform:rotate(90deg);transition:transform .3s}.rc-menu-inline .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow{transform:rotate(-90deg)}.rc-menu-vertical.rc-menu-sub,.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub{padding:0}.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub{direction:rtl}.rc-menu-sub.rc-menu-inline{padding:0;border:none;border-radius:0;box-shadow:none}.rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-top:8px;padding-bottom:8px;padding-right:0}.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-left:0}.rc-menu-open-slide-up-enter,.rc-menu-open-slide-up-appear{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.rc-menu-open-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;opacity:1;animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-play-state:paused}.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active,.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active{animation-name:rcMenuOpenSlideUpIn;animation-play-state:running}.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active{animation-name:rcMenuOpenSlideUpOut;animation-play-state:running}@keyframes rcMenuOpenSlideUpIn{0%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}to{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}}@keyframes rcMenuOpenSlideUpOut{0%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}to{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}}.rc-menu-open-zoom-enter,.rc-menu-open-zoom-appear{opacity:0;animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.rc-menu-open-zoom-leave{animation-duration:.3s;animation-fill-mode:both;transform-origin:0 0;animation-timing-function:cubic-bezier(.6,.04,.98,.34);animation-play-state:paused}.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active,.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active{animation-name:rcMenuOpenZoomIn;animation-play-state:running}.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active{animation-name:rcMenuOpenZoomOut;animation-play-state:running}.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,.rc-menu-submenu-rtl.rc-menu-open-zoom-leave,.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,.rc-menu-submenu-rtl .rc-menu-open-zoom-leave{transform-origin:top right!important}@keyframes rcMenuOpenZoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rcMenuOpenZoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(0)}}.App{display:flex;justify-content:center;align-items:center;height:100vh}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;height:auto}.search-article-container,.article-inputs{width:100%}.article-input{flex-direction:column;align-items:flex-start}.article-input textarea,.article-input input{width:100%}.buttonSelect{width:100%;margin:10px 0}.login-container{padding:20px 40px 60px 4 0px}}.layout{display:flex;flex-direction:row;width:100%;height:100%}.sidebar{width:calc(15% + 100px);min-width:250px;margin:30px;padding:20px;background-color:#fff;border-radius:40px;overflow-x:auto;scrollbar-width:thin;height:85%}.sidebar-container{height:90%}.menu-title{font-size:27px;color:#404043;margin:5px;font-weight:450}.rc-menu{border:none;box-shadow:none;margin-top:0;padding:0%;color:#404049;font-size:16px;font-weight:400}.rc-menu-item-active,.rc-menu-submenu-active>.rc-menu-submenu-title{border-radius:10px}.rc-menu-item-selected{color:#056bf1}.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:8px}.rc-menu-vertical>.rc-menu-item{padding:8px}.rc-menu-submenu-selected{color:#056bf1;background-color:transparent}.rc-menu-item-selected{background-color:transparent}.rc-menu-submenu-open{border-radius:60px}.rc-menu-submenu-popup{border:1px solid #d9d9d9;border-radius:15px;box-shadow:0 0 10px #0000001a;overflow:hidden;padding:8px;background-color:#fff}.article-input{width:100%;flex-wrap:wrap}.article-input label{font-size:15px;color:#404043}.article-input textarea,.article-input input{width:100%;height:45px;border-radius:10px;border:1px solid #ccc;font-size:13px}.article-input textarea{min-height:60px;max-height:200px;resize:vertical}.buttonArticle{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;border:none;background-color:#fff;font-size:16px;color:#404340;cursor:pointer;transition:transform .3s ease}.buttonSelect{display:flex;align-items:center;justify-content:center;width:calc(100% - 10px);height:30px;border:none;color:#056bf1;background-color:#fff;font-size:18px;cursor:pointer;margin-top:5px;margin-bottom:5px}.buttonSelect.getData{margin-top:5px;border-radius:15px;height:60px;color:#fff;background-color:#056bf1;font-size:20px}.post-error{text-align:center;color:red;font-size:13px;margin-top:0;margin-bottom:0}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;height:100%;max-height:370px;padding:20px 60px 60px;background-color:#fff;border-radius:33px}.login-header{color:#333;font-size:37px;font-weight:700;margin-bottom:5px}.login-form{position:relative;width:77%}.login-input-group{margin-bottom:25px;margin-top:10px}.login-label{display:block;margin-bottom:0;font-size:19px;font-weight:500;color:#555}.login-input{width:92%;padding:15px;border-radius:15px;border:1px solid #ccc;font-size:16px}.login-button{width:100%;padding:15px;font-size:20px;border-radius:15px;border:none;color:#fff;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.login-button.inactive{background-color:#a6a6a6;cursor:not-allowed}.login-button.active{background-color:#296bf1;cursor:pointer}.error-container{position:absolute;bottom:-50px;left:0;width:100%}.login-error{text-align:center;color:red;font-size:16px;margin-top:10px}.login-input.error{border-color:red}.notfound-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;flex-direction:column;text-align:center}.notfound-content{max-width:600px;padding:20px}.notfound-header{font-size:10rem;font-weight:900;color:#ff6b6b;margin:0;animation:pulse 1.5s infinite}.notfound-subheader{font-size:2.5rem;margin-bottom:20px;color:#333}.notfound-text{font-size:1.2rem;margin-bottom:40px;color:#666}.notfound-button{padding:10px 20px;font-size:1.1rem;color:#fff;background-color:#ff6b6b;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.notfound-button:hover{background-color:#ff3b3b}.content{flex:1;padding:30px 30px 0 0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#f4f4f4;color:#000}