.drag-drop-area{border:2px dashed #245a41;border-radius:10px;background-color:#f9f9f9;transition:all .3s ease-in-out;cursor:pointer}.drag-drop-area.drag-active{border-color:#007bff;background-color:#eaf5ff}.drag-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-icon{font-size:4rem;color:#007bff;opacity:.8}.text-secondary{font-size:.9rem}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10}.header{border-bottom:1px solid #ddd}.logo{height:50px;width:auto}.main-dragdrop{display:flex;flex-direction:column;align-items:center}button.btn{margin:20px auto}.tab-item{display:inline-block;padding:10px 20px;cursor:pointer;font-size:16px;border:2px solid transparent}.tab-item.active{border-color:green;color:green}